:root{--paper:#fff;--ink:#23272b;--muted:#60666c;--coral:#d91e70;--teal:#387c72}
body{word-break:keep-all;overflow-wrap:break-word;letter-spacing:0}
.site-header{max-width:1280px;min-height:84px;height:auto;gap:28px;padding:12px 28px}
.brand-logo{width:168px;height:56px}
.nav{gap:26px;align-items:center}
.nav a{white-space:nowrap;padding:6px 0}
.skip{position:absolute;top:-100px;left:20px;background:#fff;z-index:10;padding:12px}
.skip:focus{top:10px}
a:focus-visible,summary:focus-visible{outline:3px solid #d91e70;outline-offset:5px}
.hero{min-height:480px;background-position:center 55%}
.hero-inner{padding:60px 28px;max-width:1280px}
.hero-copy{max-width:560px}
.hero .hero-copy{padding:20px 24px 24px 0;text-shadow:0 1px 5px #0c1b29}
.hero h1{font-size:42px;line-height:1.35;margin:0 0 20px}
.hero .eyebrow{color:#ffb9d9;margin-bottom:14px;font-size:14px}
.hero p{font-size:17px;max-width:480px}
.cta{background:#cf1766;text-shadow:none;min-height:50px;padding:12px 24px;gap:18px;margin-top:24px}
.cta:hover{background:#ad0c51}
.page-hero{background:#f4f5f6;color:var(--ink);padding:44px 28px;border-block:1px solid #e4e5e7}
.page-hero-inner{max-width:1224px}
.page-hero .hero-copy{max-width:900px}
.page-hero h1{font-size:34px;line-height:1.4;margin-bottom:14px}
.page-hero p{font-size:17px;color:var(--muted)}
.page-hero .eyebrow{color:#b91659;font-size:14px;margin-bottom:10px}
.wrap{max-width:1280px;padding:56px 28px}
.topic-band{border-bottom:1px solid #ddd;background:#fafafa}
.topic-band .wrap{padding-top:32px;padding-bottom:36px}
.section-title{font-size:25px;line-height:1.4;margin-bottom:24px}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.topic-link{border-top:3px solid #2d3035;padding-top:14px}
.topic-link:nth-child(2){border-color:#cf1766}.topic-link:nth-child(3){border-color:#438075}.topic-link:nth-child(4){border-color:#d3a239}
.topic-link h3{font-size:18px;margin:0 0 7px;display:flex;justify-content:space-between;gap:10px}
.topic-link p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.topic-link:hover h3{color:#c51b65}
.reading-layout{display:grid;grid-template-columns:minmax(0,830px) minmax(220px,1fr);gap:64px;align-items:start}
.copy-section{scroll-margin-top:26px;border-bottom:1px solid #e4e5e7;padding-bottom:30px;margin-bottom:34px}
.article h2{font-size:26px;line-height:1.5;margin:0 0 16px;color:#22262a}
.article p{font-size:16px;line-height:1.95;color:#3d444b;margin:0 0 16px}
.article p:last-child{margin-bottom:0}
.side{max-height:calc(100vh - 42px);overflow:auto;scrollbar-width:thin}
.side h2{font-size:16px;margin:0 0 10px}
.side a{font-size:13px;line-height:1.65;padding:9px 0;font-weight:500}
.editor-note{font-size:12px;color:#697078;line-height:1.8;margin-top:18px}
.faq details{border:0;border-top:1px solid #ddd;border-radius:0;padding:18px 0;margin:0}
.faq summary{font-size:16px;line-height:1.6;padding-right:10px}
.faq p{margin:14px 0 0;font-size:15px}
.related h2{font-size:22px}.related>div{display:flex;flex-wrap:wrap;gap:18px}.related a{color:#ae1858;border-bottom:1px solid #d7a4bb;font-weight:700}
.footer{background:#24282d}.footer-inner{max-width:1224px}.footer nav{flex-wrap:wrap;align-content:start;max-width:460px;gap:16px 22px}.footer nav a[aria-current]{color:#ffb5d3}
@media(max-width:900px){.nav{gap:16px}.reading-layout{gap:32px;grid-template-columns:minmax(0,1fr) 215px}.hero-copy{max-width:510px}.hero h1{font-size:36px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-inner{gap:32px}}
@media(max-width:700px){.site-header{padding:12px 20px;gap:5px;display:block}.brand-logo{width:148px;height:50px}.nav{justify-content:flex-start;flex-wrap:wrap;gap:4px 18px;font-size:13px;margin-top:5px}.nav a{padding:5px 0}.hero{min-height:420px;background-position:62% center}.hero-inner{padding:30px 20px;background:rgba(8,22,35,.64)}.hero .hero-copy{padding:10px 0;max-width:480px}.hero h1{font-size:30px;line-height:1.45}.hero p{font-size:16px;line-height:1.85}.wrap{padding:36px 20px}.page-hero{padding:32px 20px}.page-hero h1{font-size:27px}.page-hero p{font-size:16px}.section-title{font-size:23px}.topic-grid{gap:22px 20px}.topic-link h3{font-size:16px}.topic-link p{font-size:13px}.reading-layout{display:flex;flex-direction:column;gap:26px}.side{position:static;order:-1;width:100%;max-height:230px}.side h2{font-size:15px}.article h2{font-size:23px}.article p{font-size:16px;line-height:1.95}.footer-inner{display:block}.footer nav{margin-top:25px}.copy-section{margin-bottom:28px;padding-bottom:26px}}
