:root{--mag-navy:#071426;--mag-green:#00d084;--mag-ink:#0a1a2c;--mag-muted:#607185;--mag-paper:#f5f7f6;--mag-line:#d8e0e3}
.reading-progress{position:fixed;z-index:1200;top:0;left:0;width:0;height:4px;background:var(--mag-green);box-shadow:0 0 18px rgba(0,208,132,.65)}
.article-hero{padding-top:72px!important;background:linear-gradient(135deg,#071426 0%,#0a2036 70%,#0b2937 100%)!important;overflow:hidden;position:relative}.article-hero:before{content:"";position:absolute;width:720px;height:720px;right:-320px;top:-390px;border:1px solid rgba(0,208,132,.2);border-radius:50%;box-shadow:0 0 0 90px rgba(0,208,132,.025),0 0 0 180px rgba(0,208,132,.016)}.article-hero-inner{position:relative}.article-hero h1{max-width:1000px!important;font-size:clamp(3.1rem,6vw,5.9rem)!important}.article-hero .intro{font-size:1.14rem!important}.byline{flex-wrap:wrap;align-items:center}.byline span{display:inline-flex;align-items:center;gap:8px}.byline span+span:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--mag-green)}.feature{border-radius:24px 24px 0 0;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.magazine-shell{max-width:1320px!important;display:grid!important;grid-template-columns:62px minmax(0,760px) 290px!important;gap:46px!important;align-items:start;padding-top:78px!important}.article-content{grid-column:2;min-width:0}.share-rail{grid-column:1;grid-row:1;position:sticky;top:110px;display:grid;justify-items:center;gap:10px}.share-rail>span{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:8px;color:#7c8b99;font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.share-rail a,.share-rail button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--mag-line);border-radius:50%;background:#fff;color:var(--mag-ink);font:800 .72rem Manrope;text-decoration:none;cursor:pointer;transition:.22s}.share-rail a:hover,.share-rail button:hover{transform:translateY(-3px);border-color:var(--mag-green);background:var(--mag-green)}
.magazine-sidebar{grid-column:3;grid-row:1;position:sticky;top:105px;display:grid;gap:20px;align-self:start}.toc-card,.recent-card,.sidebar-cta{padding:24px;border:1px solid var(--mag-line);border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(7,20,38,.055)}.toc-card>strong,.recent-card>strong{display:block;font:800 1rem Manrope;margin-bottom:15px}.toc-card a{display:block;padding:8px 0;border-bottom:1px solid #edf0f2;color:#647486;font-size:.78rem;line-height:1.35;text-decoration:none;transition:.2s}.toc-card a:last-child{border-bottom:0}.toc-card a:hover,.toc-card a.active{padding-left:8px;color:#00885a}.toc-card a.active{font-weight:700;border-left:2px solid var(--mag-green)}.recent-story{display:grid;grid-template-columns:68px 1fr;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #edf0f2;text-decoration:none}.recent-story img{width:68px;height:58px;border-radius:9px;object-fit:cover}.recent-story b{display:block;font:700 .76rem/1.35 Manrope}.recent-story small{color:#7a8997;font-size:.64rem}.sidebar-cta{background:var(--mag-navy);color:#fff}.sidebar-cta span{color:var(--mag-green);font-size:.64rem;font-weight:800;letter-spacing:.13em}.sidebar-cta h3{margin:11px 0 8px;font:800 1.25rem/1.15 Manrope}.sidebar-cta p{color:#aebbc8;font-size:.78rem;line-height:1.55}.sidebar-cta a{display:inline-block;margin-top:8px;color:var(--mag-green);font-size:.78rem;font-weight:800;text-decoration:none}
.article-content{font-size:1.02rem}.article-content>p:first-child{margin-top:0}.article-content h2{scroll-margin-top:110px}.article-content h2:before{content:"";display:block;width:44px;height:4px;margin-bottom:18px;border-radius:5px;background:var(--mag-green)}.article-content blockquote{margin:45px 0;padding:28px;border-left:4px solid var(--mag-green);background:#ebf8f2;font:700 1.2rem/1.55 Manrope}.article-content .answer{border-radius:0 16px 16px 0;background:#fff;padding:23px 26px;box-shadow:0 13px 38px rgba(7,20,38,.06)}
.article-end{margin-top:74px;padding-top:34px;border-top:1px solid var(--mag-line)}.author-card{display:grid;grid-template-columns:86px 1fr;gap:22px;padding:28px;border-radius:20px;background:var(--mag-navy);color:#fff}.author-card img{width:86px;height:86px;border-radius:50%;object-fit:cover;object-position:center top;border:3px solid var(--mag-green)}.author-card span{color:var(--mag-green);font-size:.66rem;font-weight:800;letter-spacing:.14em}.author-card h3{margin:7px 0;font-size:1.45rem}.author-card p{margin:0!important;color:#b7c3d0;font-size:.88rem}.author-card a{display:inline-block;margin-top:10px;color:var(--mag-green);font-size:.8rem;font-weight:800}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.post-navigation a{min-height:148px;padding:24px;border:1px solid var(--mag-line);border-radius:16px;background:#fff;text-decoration:none;transition:.25s}.post-navigation a:hover{transform:translateY(-4px);border-color:var(--mag-green);box-shadow:0 18px 38px rgba(7,20,38,.08)}.post-navigation span{display:block;color:#00885a;font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.post-navigation b{display:block;margin-top:11px;font:800 1.05rem/1.35 Manrope}.post-navigation a:last-child{text-align:right}
.related-reading{margin-top:66px}.related-reading>span{color:#00885a;font-size:.68rem;font-weight:800;letter-spacing:.15em}.related-reading h2{margin:10px 0 25px!important}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related-grid a{overflow:hidden;border:1px solid var(--mag-line);border-radius:16px;background:#fff;text-decoration:none;transition:.25s}.related-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(7,20,38,.08)}.related-grid img{width:100%;height:150px;object-fit:cover}.related-grid div{padding:18px}.related-grid small{color:#00885a;font-weight:700}.related-grid b{display:block;margin-top:7px;font:800 .98rem/1.35 Manrope}
.copy-toast{position:fixed;z-index:1300;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 17px;border-radius:99px;background:var(--mag-navy);color:#fff;font-size:.8rem;opacity:0;pointer-events:none;transition:.25s}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.magazine-shell{grid-template-columns:50px minmax(0,1fr) 250px!important;gap:28px!important}.article-hero h1{font-size:clamp(3rem,7vw,5rem)!important}}
@media(max-width:860px){.magazine-shell{grid-template-columns:1fr!important;padding-inline:24px!important}.share-rail{position:static;grid-column:1;grid-row:auto;display:flex;justify-content:flex-start;order:1}.share-rail>span{writing-mode:horizontal-tb;transform:none;align-self:center;margin:0 8px 0 0}.article-content{grid-column:1;order:2}.magazine-sidebar{position:static;grid-column:1;grid-row:auto;order:3}.toc-card{display:none}.recent-card{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.recent-card>strong{grid-column:1/-1}.sidebar-cta{grid-column:1/-1}.post-navigation,.related-grid{grid-template-columns:1fr}}
@media(max-width:560px){.article-hero{padding-top:56px!important}.article-hero h1{font-size:2.75rem!important}.feature{border-radius:16px 16px 0 0}.recent-card{grid-template-columns:1fr}.author-card{grid-template-columns:1fr}.author-card img{width:72px;height:72px}.post-navigation a:last-child{text-align:left}.magazine-shell{padding-inline:20px!important}.article-content h2{font-size:2.15rem!important}}
@media(prefers-reduced-motion:reduce){.share-rail a,.share-rail button,.post-navigation a,.related-grid a,.copy-toast{transition:none}}
