.article-shell{min-height:70vh}
.article-hero{padding:clamp(80px,9vw,140px) var(--page-gutter) clamp(55px,7vw,100px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 32%,var(--article-glow,#333),transparent 24%),linear-gradient(135deg,#151515,#040404 68%)}
.article-hero-inner{width:min(100%,1180px);margin:0 auto}
.article-back{display:inline-block;margin-bottom:45px;color:#999;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-back:hover{color:white}
.article-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:clamp(38px,6vw,88px);align-items:center}
.article-hero-copy{min-width:0}
.article-category{display:inline-flex;padding:8px 11px;background:white;color:black;font-size:.75rem;font-weight:800;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
.article-hero h1{max-width:760px;margin-top:24px;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.95;text-transform:uppercase}
.article-dek{max-width:680px!important;margin-top:28px;color:#c4c4c4;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#999;font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.article-poster{width:100%;margin:0;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border:1px solid #4a4a4a;background:#050505;box-shadow:0 28px 70px rgba(0,0,0,.5)}
.article-poster img{width:100%;height:100%;display:block;object-fit:contain}
.article-poster figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.article-body{width:min(calc(100% - 36px),780px);margin:0 auto;padding:clamp(60px,8vw,110px) 0}
.article-body .lead{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.75;color:#e0e0e0}
.article-body h2{margin:55px 0 22px;font-size:clamp(2rem,4vw,3.8rem);line-height:1;text-transform:uppercase}
.article-body p{max-width:none;color:#aaa;font-size:1rem;line-height:1.9}
.article-points{margin:35px 0;padding:0;border-top:1px solid #393939;list-style:none}
.article-points li{padding:19px 0;border-bottom:1px solid #393939;color:#d0d0d0;line-height:1.6}
.article-sources{margin:42px 0 0;border-top:1px solid #303030;color:#888}
.article-sources summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;list-style:none}
.article-sources summary::-webkit-details-marker{display:none}
.article-sources summary:after{content:"+";font-size:1rem}
.article-sources[open] summary:after{content:"−"}
.article-sources-content{padding:0 0 22px}
.article-sources-content>p{margin:0 0 13px;color:#858585;font-size:.8rem;line-height:1.65}
.article-sources-content>div{display:flex;gap:7px;flex-wrap:wrap}
.article-sources a{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #363636;color:#a0a0a0;font-size:.72rem;font-weight:700;text-transform:uppercase}
.article-sources a:hover{border-color:#777;color:#fff}
.article-note{margin-top:28px;padding:16px;border-left:2px solid #555;background:#080808;color:#929292!important;font-size:.8rem!important;line-height:1.7!important}
.article-more{padding:70px var(--page-gutter);border-top:1px solid var(--line);text-align:center}
.article-more h2{text-transform:uppercase}
.article-more .btn{margin-top:25px}
@media(max-width:900px){.article-hero-layout{grid-template-columns:1fr}.article-poster{max-width:680px;order:-1}.article-hero h1{max-width:850px}}
@media(max-width:620px){.article-back{margin-bottom:32px}.article-hero-layout{gap:30px}.article-hero h1{font-size:clamp(2.5rem,12vw,4.2rem)}.article-dek{margin-top:22px}.article-body h2{margin-top:45px}}