
:root{--navy:#0b2b4f;--teal:#11a7a0;--ink:#173b57;--muted:#667d8f;--line:#dfe9ed;--soft:#f4fafa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.container{width:min(1120px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e8eff2;backdrop-filter:blur(12px)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:215px;display:block}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:#2f536d;text-decoration:none;font-weight:800;font-size:.88rem}.nav-links .cta{background:var(--navy);color:#fff;padding:11px 15px;border-radius:12px}.article-wrap{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:56px;padding:56px 0 90px}.article h1{font-size:clamp(2.15rem,4vw,3.65rem);line-height:1.06;letter-spacing:-.045em;color:var(--navy);margin:10px 0 16px}.article .lede{font-size:1.14rem;color:#607a8d;line-height:1.75}.article h2{color:var(--navy);font-size:1.65rem;margin:38px 0 12px}.article h3{color:#244d69;font-size:1.16rem;margin:26px 0 8px}.article p,.article li{line-height:1.78;color:#405f75}.article ul,.article ol{padding-left:22px}.article .callout{background:#eef9f8;border:1px solid #cfeae7;border-radius:18px;padding:20px 22px;margin:28px 0}.article .callout strong{color:#087f79}.eyebrow{font-size:.74rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:#087f79}.toc{position:sticky;top:100px;border:1px solid var(--line);border-radius:18px;padding:20px;height:max-content}.toc strong{display:block;color:var(--navy);margin-bottom:10px}.toc a{display:block;color:#5d7689;text-decoration:none;padding:7px 0;font-size:.86rem}.toc a:hover{color:#087f79}.cta-box{margin-top:44px;background:var(--navy);border-radius:24px;padding:28px;color:#fff}.cta-box h2{color:#fff;margin-top:0}.cta-box p{color:#d6e4ed}.button{display:inline-block;background:var(--teal);color:#fff!important;text-decoration:none;font-weight:950;padding:13px 18px;border-radius:12px}.related{padding:0 0 70px}.related h2{color:var(--navy)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:#31536b;font-weight:850;background:#fff}.footer{padding:40px 0;background:#071d35;color:#bcd0dd}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer img{width:200px;background:#fff;border-radius:12px;padding:8px}.meta{font-size:.8rem;color:#7890a1;margin-bottom:24px}.note{font-size:.8rem;color:#788c9b}.breadcrumb{font-size:.8rem;color:#71899a;margin-bottom:14px}.breadcrumb a{color:#087f79;text-decoration:none}@media(max-width:850px){.related-grid{grid-template-columns:1fr}.article-wrap{grid-template-columns:1fr}.toc{position:static}.footer-inner{flex-direction:column;align-items:flex-start}}

.article,.toc{min-width:0;overflow-wrap:anywhere}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-card{padding:22px;border:1px solid #dfe9ed;border-radius:18px}.guide-card h2{font-size:1.3rem}.guide-card a{color:#087f79}.article details{border-bottom:1px solid #dfe9ed;padding:14px 0}.article summary{min-height:44px;font-weight:700;cursor:pointer}.button{min-height:44px;white-space:normal}.article .source-note{font-size:.95rem}@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.article-wrap{padding-top:28px}.nav-inner{gap:10px}.brand img{max-width:190px}}
