
:root{--pine:#193d2b;--pine2:#10281d;--paper:#f8f6f0;--cream:#efe8dc;--ink:#202a23;--muted:#5d6a60;--rust:#bf7540;--border:#dfdfd5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7}a{color:#236044;text-underline-offset:3px}a:hover{color:#a35c32}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{font-size:1.1rem;font-weight:900;letter-spacing:-.04em;text-decoration:none;color:var(--pine);white-space:nowrap}.brand span{color:var(--rust)}.nav nav{display:flex;gap:24px;flex-wrap:wrap}.nav nav a{font-size:.85rem;font-weight:700;text-decoration:none;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:6px;padding:15px 23px;background:var(--rust);color:#fff;text-decoration:none;font-size:.91rem;font-weight:800;line-height:1.3;min-height:49px}.btn:hover{background:#995a2e;color:#fff}.btn-small{font-size:.78rem;padding:12px 16px;min-height:43px}.btn-outline{background:transparent;border:1px solid #aebdb0;color:var(--pine)}.btn-outline:hover{background:#e2e9df;color:var(--pine)}.kicker{font-size:.74rem;letter-spacing:.17em;text-transform:uppercase;color:var(--rust);font-weight:900}.hero{background:var(--pine);color:white;padding:92px 0 90px}.hero .kicker{color:#eab77c}.hero h1{font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:1.08;letter-spacing:-.065em;max-width:840px;margin:16px 0 22px}.hero p{font-size:1.13rem;max-width:660px;color:#e1e8e0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 15px}.hero .btn-outline{color:#fff;border-color:#adc0b2}.hero .btn-outline:hover{color:var(--pine)}.fine{font-size:.79rem;color:#aebfb1}.hero .fine{color:#d3ded2}.visual-band{background:#e8e9df;padding:26px 0}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow div{padding:15px 18px;background:#fff;border-top:3px solid var(--rust);font-size:.88rem;font-weight:750}.workflow b{display:block;color:var(--rust);font-size:.75rem}.section{padding:76px 0}.section h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.18;letter-spacing:-.04em;margin:8px 0 18px}.section .intro{color:var(--muted);max-width:750px;font-size:1.04rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:#fff;border:1px solid var(--border);padding:26px;display:flex;flex-direction:column;min-height:205px}.tile .eyebrow{color:var(--rust);font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.tile h3{font-size:1.3rem;line-height:1.25;margin:10px 0}.tile p{color:var(--muted);font-size:.91rem;flex:1}.tile a{font-weight:800;text-decoration:none}.dark{background:var(--pine);color:#fff}.dark p{color:#d9e2d9}.dark .tile{background:#224834;border-color:#4a6b55}.dark .tile h3,.dark .tile a{color:#fff}.dark .tile p{color:#d6e1d6}.cta-panel{background:#e6eadf;padding:48px;display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center}.cta-panel h2{margin:0 0 12px}.cta-panel p{margin:0;color:#506356}.article{width:min(810px,calc(100% - 40px));margin:0 auto;padding:55px 0 80px}.crumb{font-size:.82rem;color:var(--muted)}.article h1{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.13;letter-spacing:-.055em;margin:16px 0}.article .lead{font-size:1.18rem;color:var(--muted);line-height:1.7}.article h2{font-size:1.65rem;letter-spacing:-.025em;line-height:1.25;margin:39px 0 12px}.article p{font-size:1.04rem}.article .section-card{border-top:1px solid var(--border);padding-top:2px}.tip{background:#ecede4;border-left:4px solid var(--rust);padding:24px;margin:32px 0}.related{background:#fff;border:1px solid var(--border);padding:25px;margin:40px 0}.related ul{margin:10px 0}.related li{margin:9px 0}.article-cta{background:var(--pine);color:#fff;padding:30px;margin:42px 0}.article-cta h2{margin:0 0 10px}.article-cta p{color:#e1e7df}.article-cta .fine{color:#c9d7c9}footer{background:var(--pine2);color:#fff;padding:55px 0}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot strong{letter-spacing:.08em}.foot p,.foot small{color:#c7d7cb}.foot>div:last-child{display:flex;gap:18px;flex-wrap:wrap;align-content:flex-start}.foot a{color:#e3eee5;font-size:.83rem}.index-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.index-links a{padding:18px;background:#fff;border:1px solid var(--border);font-weight:750;text-decoration:none}
@media(max-width:850px){.nav{flex-wrap:wrap;padding:15px 0}.nav nav{order:3;width:100%;gap:16px}.grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(2,1fr)}.cta-panel{grid-template-columns:1fr}}
@media(max-width:550px){.grid,.workflow,.index-links{grid-template-columns:1fr}.hero{padding:55px 0}.hero-actions .btn{width:100%}.section{padding:48px 0}.cta-panel{padding:27px}.article{padding-top:32px}.nav .btn-small{font-size:.7rem;padding:9px}.nav nav a{font-size:.79rem}}

/* V8: affiliate disclosures remain readable without competing with primary actions */
.hero .fine{font-size:11px;line-height:1.45;color:#b9c9bc;max-width:560px;margin:9px 0 0;font-weight:400;letter-spacing:0}
.article-cta .fine{font-size:11px;line-height:1.45;color:#c0d0c3;margin-top:11px;font-weight:400}
.hero-actions{margin-bottom:8px}
.hero .btn{font-size:1rem;font-weight:850;box-shadow:0 3px 10px #0002}
.hero .btn:first-child{background:#d18b4c}
.hero .btn:first-child:hover{background:#b86c33}
@media(max-width:550px){.hero .fine,.article-cta .fine{font-size:11px;line-height:1.5}}

.decision{margin:35px 0;padding:28px;background:#f0efe7;border:1px solid #dcd9cb}
.decision h2{margin-top:0}.table-scroll{overflow-x:auto}
.decision table{width:100%;border-collapse:collapse;font-size:.94rem;line-height:1.55}
.decision th{text-align:left;color:#193d2b;background:#e0e5da}
.decision td,.decision th{padding:12px 13px;border-bottom:1px solid #d0d5ca;vertical-align:top}
.decision td:first-child{font-weight:700;width:34%}

.deep-dive{padding:25px 0;margin:28px 0;border-top:1px solid #d9ddce;border-bottom:1px solid #d9ddce}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin:18px 0}
.step{padding:18px;background:#f4f3ed;border-left:3px solid #ad6f3e}
.step h3{margin:0 0 8px;font-size:1.05rem}.step p{margin:0;line-height:1.6}
