@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');:root{font-family:"DM Sans",system-ui,sans-serif;color:#162b35;background:#f7faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.7}a{color:#087f76}a:hover{text-decoration-thickness:2px}.wrap{max-width:1160px;margin:auto;padding:0 24px}header{background:#fff;border-bottom:1px solid #dce9e5;position:sticky;top:0;z-index:2}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px}.brand{font-family:Manrope,sans-serif;font-size:1.3rem;font-weight:800;color:#14333b;text-decoration:none;white-space:nowrap}.mark{display:inline-grid;place-items:center;background:#087f76;color:white;border-radius:12px;width:37px;height:37px;margin-right:6px}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:.91rem;text-decoration:none;color:#334b51;font-weight:700}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}.hero{padding:86px 0 78px;max-width:870px}.article-hero{padding:52px 0 30px}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:#087f76;font-weight:800}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.19;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,6vw,5rem);margin:15px 0 20px}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.16rem}.lead{font-size:1.25rem;color:#52666b;max-width:720px}.muted,.breadcrumbs{color:#667b80;font-size:.86rem}.breadcrumbs{padding-top:24px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;padding:13px 20px;background:#087f76;color:white;text-decoration:none;border-radius:10px;font-weight:800}.button:hover{background:#075f59}.button.secondary{background:#e1efeb;color:#075f59}.section{padding:35px 0 62px;border-top:1px solid #dce9e5}.section-head{margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile{display:block;padding:24px;border:1px solid #dce9e5;border-radius:16px;background:white;text-decoration:none;color:#1c343c;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:#087f76}.tile h3{margin:10px 0}.tile p{color:#607278;font-size:.94rem}.read{color:#087f76;font-weight:800}.prose{max-width:780px;font-size:1.06rem;padding-bottom:25px}.prose h2{margin-top:38px}.prose li{margin-bottom:9px}.notice{background:#e8f3ef;border-left:4px solid #087f76;padding:18px 22px;border-radius:8px}.sources{font-size:.9rem;background:#fff;padding:16px;border-radius:12px;border:1px solid #dce9e5}.cta{background:#123b40;color:white;padding:32px;border-radius:18px;max-width:780px;margin:26px 0 55px}.cta .eyebrow{color:#82dfcc}.cta p{color:#d4e7e4}.cta .button{background:#baf0dc;color:#123b40}.related{padding:20px 0 75px}.related .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.related .tile{font-weight:700}footer{background:#102f36;color:#d5e6e4;padding:45px 0}footer a{color:#baf0dc}footer small{color:#a6c3c0}@media(max-width:760px){.head{align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px;gap:12px}nav{gap:12px}nav a{font-size:.82rem}.hero{padding:50px 0}.cards,.related .cards{grid-template-columns:1fr}.wrap{padding:0 18px}.tile{padding:21px}}
/* Responsive navigation and conversion */
header{position:sticky;top:0;z-index:50}
.head{flex-wrap:nowrap}
.head nav{margin-left:auto;align-items:center}
.header-cta{white-space:nowrap;font-size:.88rem;padding:11px 14px}
.menu-toggle{display:none;border:1px solid #c7dcd5;border-radius:10px;background:white;color:#14333b;padding:8px 12px;font-size:1.4rem;cursor:pointer}
.menu-toggle:focus-visible,a:focus-visible{outline:3px solid #126cbb;outline-offset:3px}
.content-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,280px);gap:36px;align-items:start}
.article-content{min-width:0}
.site-sidebar{position:static;margin:26px 0}
.sidebar-panel{background:#fff;border:1px solid #dce9e5;border-radius:16px;padding:22px}
.sidebar-panel h2{font-size:1.25rem}
.sidebar-panel .button{display:block;text-align:center}
.sidebar-disclosure{font-size:.8rem;color:#52666b}
.mobile-fixed-cta{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){
.head{min-height:68px;padding-top:8px;padding-bottom:8px;flex-direction:row;align-items:center;gap:8px}
.brand{font-size:1rem}.mark{width:29px;height:29px;margin-right:2px}
.menu-toggle{display:block;order:3}
.header-cta{order:2;margin-left:auto;padding:9px 10px;font-size:.8rem}
.head nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 10px 16px #14333b20;padding:15px 20px;flex-direction:column;align-items:stretch;gap:0}
.head nav.is-open{display:flex}
.head nav a{padding:11px 4px;font-size:1rem}
.content-layout{grid-template-columns:minmax(0,1fr)}
.site-sidebar{margin:0 0 32px}
.mobile-fixed-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#087f76;color:white;text-align:center;padding:14px 16px max(14px,env(safe-area-inset-bottom));font-weight:800;text-decoration:none;box-shadow:0 -3px 15px #14333b30}
body{padding-bottom:70px}
}
@media(max-width:420px){.brand{font-size:.88rem}.mark{display:none}.header-cta{font-size:.75rem;padding:8px}.menu-toggle{padding:5px 9px}}

/* Mobile uses a fixed bottom CTA; header scrolls normally. */
@media(max-width:900px){header{position:relative;top:auto}}

/* Desktop-only sticky header; mobile fixed CTA provides persistent action. */
@media(max-width:900px){header{position:static!important;top:auto!important}.site-sidebar{position:static!important}}
@media(min-width:901px){header{position:sticky;top:0}.site-sidebar{position:static!important}}