:root{--ink:#111;--charcoal:#2a2a2a;--bone:#e5e8df;--lime:#defb70;--muted:#686b64;--line:rgba(17,17,17,.18);--display:"neulis-neue","Arial Black",Arial,sans-serif;--body:"neulis-neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bone);font-family:var(--body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:.7rem 1rem;color:var(--ink);background:var(--lime);font-weight:800;transform:translateY(-180%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:4px;background:transparent}.reading-progress span{display:block;width:0;height:100%;background:var(--lime)}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:20px clamp(22px,5vw,72px);color:var(--bone);background:var(--ink);border-bottom:1px solid rgba(229,232,223,.15)}.site-header img{width:148px;height:auto}.site-header span{font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.article-hero{display:grid;height:calc(100svh - 88px);min-height:720px;max-height:960px;grid-template-columns:minmax(0,1fr) minmax(380px,46vw);color:var(--bone);background:var(--ink)}.hero-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(42px,7vw,110px) clamp(24px,6vw,96px)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(2rem,5vh,4rem);color:rgba(229,232,223,.68);font-size:.72rem}.breadcrumb a{text-underline-offset:.25em}.kicker,.chapter{margin:0 0 1rem;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy .kicker{color:var(--lime)}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;line-height:.98}h1{max-width:760px;margin:0;font-size:clamp(3.2rem,6vw,7rem);font-weight:900;text-transform:uppercase}.standfirst{max-width:740px;margin:2rem 0 0;font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:600;line-height:1.45}.article-meta{display:flex;flex-wrap:wrap;gap:2rem;margin:3.5rem 0 0}.article-meta div{min-width:92px}.article-meta dt{font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-meta dd{margin:.2rem 0 0;color:rgba(229,232,223,.76);font-size:.82rem}.hero-media{position:relative;min-height:0;margin:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05)}figcaption{font-size:.72rem;line-height:1.45}.hero-media figcaption{position:absolute;right:0;bottom:0;left:0;padding:1.1rem 1.5rem;color:var(--bone);background:linear-gradient(transparent,rgba(17,17,17,.82))}.hero-media figcaption span,.body-media figcaption span{opacity:.7}.article-shell{display:grid;max-width:1340px;margin:0 auto;padding:clamp(56px,9vw,130px) clamp(20px,5vw,72px);grid-template-columns:96px minmax(0,760px);gap:clamp(28px,5vw,70px);justify-content:center}.share-rail{position:sticky;top:40px;display:flex;height:max-content;flex-direction:column;align-items:center;gap:.7rem}.share-rail>span{margin-bottom:.4rem;font-size:.6rem;font-weight:900;letter-spacing:.1em;writing-mode:vertical-rl;text-transform:uppercase}.share-rail button,.share-rail a{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--ink);background:transparent;font:800 .68rem var(--body);text-decoration:none;cursor:pointer}.share-rail button:hover,.share-rail a:hover,.share-rail button:focus-visible,.share-rail a:focus-visible{color:var(--ink);background:var(--lime)}.article-body{min-width:0}.article-body>section:not(.quick-answer):not(.flow-panel):not(.article-cta),.article-body>.body-media,.article-body>.time-grid,.article-body>.article-footer{margin-top:clamp(72px,10vw,128px)}.article-body h2{margin:0 0 1.4rem;font-size:clamp(2.35rem,4.7vw,4.6rem)}.article-body h3{font-size:1.45rem}.article-body p{margin:1.15rem 0}.quick-answer{padding:clamp(28px,5vw,54px);border-top:8px solid var(--lime);background:var(--charcoal);color:var(--bone)}.quick-answer .kicker{color:var(--lime)}.quick-answer h2{font-size:clamp(2rem,4vw,3.5rem)}.quick-answer ul{padding-left:1.2rem;margin:2rem 0 0}.quick-answer li+li{margin-top:.7rem}.body-media{margin-right:clamp(-120px,-8vw,-20px);margin-left:clamp(-120px,-8vw,-20px)}.body-media-wide{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end}.body-media-wide img{width:100%;max-height:760px;object-fit:cover;object-position:center 38%}.body-media figcaption{padding:1.2rem}.body-media-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.body-media-pair img{width:100%;height:520px;object-fit:cover}.body-media-pair figcaption{grid-column:1/-1}.decision-list{padding:0;margin:2.8rem 0 0;list-style:none;border-top:1px solid var(--line)}.decision-list li{display:grid;padding:1.3rem 0;border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:1rem}.decision-list li>span{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.1em}.decision-list strong{font-size:1.1rem}.decision-list p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.flow-panel{margin-top:clamp(72px,10vw,128px);padding:clamp(32px,6vw,66px);color:var(--bone);background:var(--ink)}.flow-panel .kicker{color:var(--lime)}.flow-panel ol{display:grid;padding:0;margin:3rem 0 0;grid-template-columns:repeat(5,1fr);list-style:none;border-top:1px solid rgba(229,232,223,.24)}.flow-panel li{padding:1rem .9rem 1.4rem;border-right:1px solid rgba(229,232,223,.24)}.flow-panel li:last-child{border-right:0}.flow-panel li span{display:block;color:var(--lime);font-size:.62rem;font-weight:900}.flow-panel li strong,.flow-panel li small{display:block}.flow-panel li strong{margin-top:1rem;font-size:.9rem}.flow-panel li small{margin-top:.3rem;color:rgba(229,232,223,.65);font-size:.68rem;line-height:1.3}.callout{margin-top:2.5rem;padding:2rem;border-left:8px solid var(--lime);background:rgba(17,17,17,.06)}.callout h3{margin:0}.callout p{margin:.6rem 0 0}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink)}.time-grid section{padding:clamp(24px,4vw,42px);background:var(--charcoal);color:var(--bone)}.time-grid span{color:var(--lime);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.time-grid h3{margin:2.5rem 0 1rem}.time-grid p{color:rgba(229,232,223,.75);font-size:.85rem;line-height:1.5}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:1.3rem 2.5rem 1.3rem 0;font-weight:800;cursor:pointer}.faq details p{padding:0 0 1.4rem;margin:0;color:var(--muted)}.article-cta{margin:clamp(72px,10vw,128px) calc(50% - 50vw) 0;padding:clamp(56px,8vw,110px) max(clamp(24px,6vw,96px),calc((100vw - 760px)/2));color:var(--bone);background:var(--ink)}.article-cta .kicker{color:var(--lime)}.article-cta p{max-width:650px}.button{display:inline-flex;min-height:52px;align-items:center;padding:.9rem 1.3rem;margin-top:1.2rem;color:var(--ink);background:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.article-footer{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--line);gap:2rem}.article-footer>div{display:flex;align-items:center;gap:1rem}.article-footer img{width:48px;height:48px}.article-footer p{margin:0;font-size:.76rem;line-height:1.45}.site-footer{display:flex;min-height:120px;align-items:center;justify-content:space-between;padding:32px clamp(22px,5vw,72px);color:var(--bone);background:var(--charcoal);font-size:.72rem}.site-footer a{text-underline-offset:.3em}.toast{position:fixed;z-index:200;right:20px;bottom:20px;padding:.8rem 1rem;color:var(--ink);background:var(--lime);font-size:.76rem;font-weight:800;opacity:0;transform:translateY(20px);transition:180ms}.toast.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:900px){.article-hero{height:auto;min-height:0;max-height:none;grid-template-columns:1fr}.hero-copy{min-height:78svh}.hero-media{min-height:62svh}.article-shell{grid-template-columns:1fr}.share-rail{position:static;z-index:2;flex-direction:row;justify-content:flex-start;overflow-x:auto}.share-rail>span{margin:0 .5rem 0 0;writing-mode:initial}.body-media{margin-right:0;margin-left:0}.flow-panel ol{grid-template-columns:1fr}.flow-panel li{display:grid;align-items:center;grid-template-columns:44px 1fr 1.4fr;border-right:0;border-bottom:1px solid rgba(229,232,223,.24)}.flow-panel li:last-child{border-bottom:0}.flow-panel li strong,.flow-panel li small{margin:0}.time-grid{grid-template-columns:1fr}.article-cta{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}}
@media(max-width:600px){body{font-size:16px}.site-header{min-height:70px}.site-header img{width:118px}.site-header span{font-size:.56rem}.article-hero{min-height:auto}.hero-copy{min-height:74svh;padding-top:32px;padding-bottom:42px}.breadcrumb{padding-bottom:2rem;margin-bottom:0}.hero-copy h1{font-size:clamp(2.75rem,14vw,4.2rem)}.standfirst{font-size:1rem}.article-meta{gap:1.2rem;margin-top:2.2rem}.hero-media{min-height:54svh}.article-shell{padding-top:42px}.article-body h2{font-size:2.4rem}.body-media-wide{grid-template-columns:1fr}.body-media-wide img{max-height:620px}.body-media-pair img{height:360px}.decision-list li{grid-template-columns:42px 1fr}.flow-panel{margin-right:-20px;margin-left:-20px}.time-grid{margin-right:-20px;margin-left:-20px}.article-footer,.site-footer{align-items:flex-start;flex-direction:column}.site-footer{gap:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Article revision 2026-08-17: keep sharing inside the article and clear of the CTA. */
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.share-logo{width:18px;height:18px;fill:currentColor}
.article-cta{width:100%;margin:0;padding:clamp(56px,8vw,110px) max(clamp(24px,6vw,96px),calc((100vw - 760px)/2))}
.article-cta h2{max-width:760px;margin:0 0 1.4rem;font-size:clamp(2.35rem,4.7vw,4.6rem)}
.article-footer{max-width:760px;padding:clamp(56px,8vw,90px) 0;margin:0 auto;border-top:0}
.share-footer-actions a{gap:.45rem}
@media(max-width:900px){.article-cta{margin:0;padding-right:20px;padding-left:20px}.article-footer{padding-right:20px;padding-left:20px}}

/* Keep the full-bleed CTA centered despite the share rail offset. */
@media(min-width:901px){.article-cta{position:relative;width:100vw;margin-right:0;margin-left:calc(50% - 50vw - (96px + clamp(28px,5vw,70px))/2)}}

/* Layout containment: imagery never crosses the article or share-rail boundary. */
@media(min-width:901px){.article-hero{overflow:hidden}.hero-media{height:100%}.share-rail{z-index:3;align-self:start;padding:.7rem .45rem;background:var(--bone)}.body-media{margin-left:0}}

/* The commercial action remains primary; sharing is the quieter second action. */
.share-footer{display:grid;align-items:end;padding-top:clamp(32px,5vw,52px);margin-top:clamp(40px,6vw,70px);border-top:1px solid rgba(229,232,223,.24);grid-template-columns:minmax(0,1fr) auto;gap:2rem}.share-footer .kicker{margin-bottom:.55rem}.share-footer h3{max-width:430px;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.08}.share-footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.share-footer-actions a,.share-footer-actions button{display:inline-flex;min-height:44px;align-items:center;padding:.65rem .9rem;border:1px solid rgba(229,232,223,.42);border-radius:999px;color:var(--bone);background:transparent;font:800 .65rem var(--body);letter-spacing:.04em;text-decoration:none;cursor:pointer}.share-footer-actions a:hover,.share-footer-actions button:hover,.share-footer-actions a:focus-visible,.share-footer-actions button:focus-visible{border-color:var(--lime);color:var(--ink);background:var(--lime)}
@media(max-width:900px){.share-footer{grid-template-columns:1fr}.share-footer-actions{justify-content:flex-start}}

/* Compact desktop hero: the row may grow to its content, but never clips copy. */
@media(min-width:901px){body{overflow-x:clip}.article-hero{height:auto;min-height:calc(100svh - 88px);max-height:none;overflow:clip}.hero-copy{min-height:calc(100svh - 88px);padding-top:clamp(34px,4.5vh,58px);padding-bottom:clamp(34px,4.5vh,58px)}.breadcrumb{margin-bottom:clamp(1.25rem,2.8vh,2rem)}.hero-copy h1{font-size:clamp(3rem,4.7vw,5.65rem)}.standfirst{margin-top:1.35rem;font-size:clamp(1rem,1.2vw,1.18rem)}.article-meta{margin-top:1.8rem}.hero-media{height:auto;min-height:100%}}
@media(min-width:901px) and (max-width:1199px){.body-media{margin-right:0}}

/* Final containment override after legacy full-bleed rules. */
@media(min-width:901px){.article-cta{position:relative;width:100%;margin:0}}

/* Production mobile containment: keep the editorial hero inside narrow viewports. */
body{overflow-x:clip}.hero-copy>*{min-width:0;max-width:100%}.site-header{gap:1rem;overflow:hidden}.site-header>a{flex:0 0 auto}.site-header span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.hero-copy h1{max-width:100%;font-size:clamp(2.5rem,12.6vw,3.6rem);overflow-wrap:break-word}.standfirst{max-width:100%}}
@media(max-width:420px){.site-header span{display:none}}
