*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#172d2b;font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#166b55}a:hover{text-decoration-thickness:2px}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:#142a29;color:white}header a{color:white;text-decoration:none}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.brand{font-size:1.5rem;font-weight:800;letter-spacing:-.04em}.brand span{color:#b6e36d}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.87rem}.hero{background:#142a29;color:white;padding:72px 0}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.09;max-width:800px;letter-spacing:-.05em;margin:0 0 20px}.hero p{max-width:650px;color:#d8e6df}.eyebrow{color:#b6e36d;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800}.button{display:inline-block;background:#b6e36d;color:#142a29!important;border-radius:9px;padding:12px 19px;font-weight:750;text-decoration:none;margin:12px 8px 8px 0}.button.secondary{background:#e9eee7}.section{padding:50px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.tile{background:white;border:1px solid #dfe7dc;border-radius:15px;padding:24px}.tile h3{margin:0 0 8px}.tile p{margin:0 0 10px;font-size:.95rem}.muted{color:#586b65}.article{max-width:780px;margin:0 auto;padding:44px 24px 80px}.article h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.13;letter-spacing:-.04em}.article h2{margin-top:38px;line-height:1.2}.article p,.article li{max-width:70ch}.notice{border-left:4px solid #91bf4b;background:#eef4e5;padding:16px 20px;border-radius:6px}.cta{background:#142a29;color:white;padding:25px;border-radius:16px;margin:32px 0}.cta p{color:#d8e6df}.crumb{font-size:.85rem;color:#586b65}.crumb a{color:#166b55}footer{background:#142a29;color:#d8e6df;padding:38px 0}footer a{color:white}.footerlinks{display:flex;flex-wrap:wrap;gap:15px}.small{font-size:.82rem}.source{font-size:.88rem}a:focus-visible{outline:3px solid #8fbe44;outline-offset:3px}@media(max-width:720px){.top{align-items:flex-start;flex-direction:column}.hero{padding:48px 0}nav{gap:10px}.section{padding:32px 0}}
/* Navigation, editorial sidebar and accessible affiliate actions */
.header-cta{background:#b6e36d;color:#142a29!important;border-radius:8px;padding:9px 13px;font-weight:800;white-space:nowrap}
.article-shell{max-width:1160px;margin:auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,780px) minmax(220px,280px);gap:40px;align-items:start}
.article-shell>.article{max-width:none;min-width:0;padding-left:0;padding-right:0}
.site-sidebar{position:sticky;top:22px;padding-top:54px}
.side-panel{border:1px solid #dfe7dc;border-radius:15px;background:white;padding:20px;margin-bottom:18px}
.side-panel h2{font-size:1.12rem;line-height:1.35;margin:0 0 10px}
.side-panel a:not(.button){display:block;margin:9px 0}
.side-panel .button{display:block;text-align:center;margin:12px 0}
.side-panel p{font-size:.9rem;line-height:1.55}
.disclosure{font-size:.78rem;color:#586b65}
.skip-link{position:absolute;left:-9999px;top:8px;background:white;color:#142a29;padding:8px;z-index:10}
.skip-link:focus{left:8px}
.article .practical{border:1px solid #dfe7dc;background:#fff;border-radius:12px;padding:18px 22px;margin:26px 0}
.article .practical h2{margin-top:0}
@media(max-width:900px){.article-shell{display:block}.site-sidebar{position:static;padding:0 0 36px}.article-shell>.article{padding-bottom:20px}}
@media(max-width:720px){.header-cta{display:inline-block}nav{align-items:center}}

/* Sticky header and consistently aligned navigation */
header{position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.10)}
header .top{min-height:76px;padding-top:12px;padding-bottom:12px;gap:28px}
header .brand{flex:0 0 auto;line-height:1.2;white-space:nowrap}
header nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(10px,1.5vw,22px);min-width:0;margin-left:auto;line-height:1.3}
header nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap}
header nav .header-cta{min-height:42px;padding:10px 14px;text-align:center}
.site-sidebar{top:96px}
.skip-link{z-index:1100}
@media(max-width:1050px){
 header .top{gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:0}
 header .brand{margin-bottom:10px}
 header nav{flex:1 0 100%;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:18px;padding-bottom:10px;margin-left:0}
 header nav>a{flex:0 0 auto}
 .site-sidebar{top:126px}
}
@media(max-width:720px){
 header .top{align-items:center;flex-direction:row}
 header nav{align-items:center}
 .site-sidebar{position:static}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html{scroll-padding-top:140px}