:root{--ink:#163231;--muted:#58706e;--teal:#0e6f6c;--teal2:#0a5654;--mint:#dff4ef;--paper:#fbfdfc;--line:#d9e8e5;--warm:#b96529;--warm2:#934b19;--white:#fff;--shadow:0 12px 35px rgba(20,55,53,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.67}
a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--teal2)}.wrap{width:min(1180px,92vw);margin:auto}
.disclosure-strip{background:#173b39;color:#e9f6f3;font-size:.86rem;padding:.42rem 0;text-align:center}.disclosure-strip a{color:white}
.site-header{position:sticky;top:0;z-index:40;background:rgba(251,253,252,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-row{min-height:74px;display:flex;align-items:center;gap:1.4rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:800;font-size:1.25rem;text-decoration:none}.brand img{width:38px;height:38px}
.nav{display:flex;align-items:center;gap:1.15rem;margin-left:auto}.nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:.94rem}.nav a:hover{color:var(--teal)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--warm);color:white!important;border-radius:999px;padding:.82rem 1.1rem;text-decoration:none!important;font-weight:800;box-shadow:0 6px 18px rgba(185,101,41,.18)}.btn:hover{background:var(--warm2)}.btn.alt{background:var(--teal)}
.nav-toggle{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:.55rem .7rem;font-size:1.1rem}
.hero{padding:5rem 0 3.5rem;background:linear-gradient(135deg,#eef8f6 0%,#fbfdfc 58%,#fff7ef 100%)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:3.5rem;align-items:center}
.eyebrow{display:inline-block;color:var(--teal);text-transform:uppercase;letter-spacing:.11em;font-weight:850;font-size:.78rem;margin-bottom:.6rem}.hero h1,.article h1{line-height:1.08;letter-spacing:-.035em;margin:.2rem 0 1rem}.hero h1{font-size:clamp(2.7rem,6vw,5.2rem)}.article h1{font-size:clamp(2.25rem,5vw,4.3rem)}
.lede{font-size:1.16rem;color:#375452;max-width:780px}.hero-card,.card,.sidebar-card,.notice,.takeaways,.cta-module{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.hero-card{padding:1.4rem}.hero-card .visual{height:220px;border-radius:15px;background:radial-gradient(circle at 35% 34%,#91dfd1 0 8%,transparent 9%),radial-gradient(circle at 64% 42%,#58b8a9 0 6%,transparent 7%),radial-gradient(circle at 54% 67%,#c6eee7 0 9%,transparent 10%),linear-gradient(145deg,#0e6f6c,#173b39);display:grid;place-items:center;color:white;text-align:center;padding:1.2rem}.visual strong{font-size:1.8rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.section{padding:4rem 0}.soft{background:#f0f8f6}.section-title{max-width:760px;margin-bottom:1.8rem}.section h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;letter-spacing:-.025em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.card{padding:1.35rem}.card h3{margin:.35rem 0 .5rem;line-height:1.28}.card h3 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);font-size:.95rem}.pill{display:inline-block;background:var(--mint);color:var(--teal2);border-radius:999px;padding:.27rem .55rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.article-wrap{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:3rem;align-items:start;padding:3rem 0 5rem}.article{min-width:0}.breadcrumbs{font-size:.84rem;color:var(--muted);margin-bottom:1rem}.breadcrumbs a{color:var(--muted)}
.article-meta{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0 1.5rem;color:var(--muted);font-size:.9rem}.article h2{font-size:1.65rem;margin-top:2.3rem;line-height:1.25}.article h3{font-size:1.18rem}.article p{font-size:1.05rem}.article ul{padding-left:1.2rem}.takeaways{padding:1.25rem 1.35rem;margin:1.6rem 0;background:#f3faf8}.takeaways h2{font-size:1.15rem;margin:.1rem 0 .6rem}.notice{padding:1rem 1.15rem;background:#fff8ef;border-color:#efd9c4;color:#5e4a39}.cta-module{padding:1.35rem;margin:2rem 0;background:linear-gradient(135deg,#173b39,#0e6f6c);color:white;border:none}.cta-module h2{margin:.1rem 0 .45rem;color:white}.cta-module p{color:#e6f3f1}.cta-module .mini{font-size:.82rem;color:#d0e9e5;margin-top:.65rem}
.sidebar{position:sticky;top:108px}.sidebar-card{padding:1.2rem;margin-bottom:1rem}.sidebar-card h3{margin-top:0}.sidebar-card .btn{width:100%;margin:.5rem 0}.sidebar-card small{display:block;color:var(--muted);line-height:1.45}.related{display:grid;gap:.65rem}.related a{display:block;padding:.65rem .7rem;background:#f4f9f8;border-radius:10px;text-decoration:none;font-weight:700}
.refs{font-size:.92rem}.refs li{margin:.45rem 0}.author-note{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem;color:var(--muted)}
.footer{background:#142f2e;color:#d8e8e6;padding:3rem 0 5rem}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:2rem}.footer a{color:#f0f8f6}.footer h3{color:white;font-size:1rem}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:.42rem 0}.fineprint{margin-top:2rem;border-top:1px solid #36504f;padding-top:1.3rem;font-size:.82rem;color:#abc1be}
.mobile-sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:white;border-top:1px solid var(--line);padding:.6rem .8rem}.mobile-sticky .btn{width:100%}
.table-wrap{overflow:auto}.compare{width:100%;border-collapse:collapse;margin:1rem 0}.compare th,.compare td{border:1px solid var(--line);padding:.75rem;text-align:left;vertical-align:top}.compare th{background:#eff8f6}
@media(max-width:960px){.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:1rem 4vw;flex-direction:column;align-items:stretch}.nav.open{display:flex}.header-cta{display:none}.hero-grid,.article-wrap,.footer-grid{grid-template-columns:1fr}.sidebar{position:static}.sidebar .sidebar-card:first-child{display:none}.grid{grid-template-columns:repeat(2,1fr)}.mobile-sticky{display:block}.footer{padding-bottom:6rem}}
@media(max-width:620px){.grid{grid-template-columns:1fr}.hero{padding-top:3.4rem}.section{padding:3rem 0}.article-wrap{padding-top:2rem}.hero-actions .btn{width:100%}}