.managed-article{background:#05090d;color:#eaf4f7}
.article-hero{padding:96px 0 60px;background:radial-gradient(circle at 78% 20%,#1a536720,transparent 35%),#071116}
.article-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.article-hero h1{max-width:820px;margin:12px 0 18px;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.04em}
.article-hero .lead{max-width:720px;color:#a8bdc5;font-size:20px;line-height:1.65}
.article-hero figure{margin:0;aspect-ratio:16/10;border:1px solid #29404a;border-radius:18px;overflow:hidden;background:#0b171d}
.article-hero figure img{width:100%;height:100%;object-fit:cover}
.article-byline{display:flex;gap:20px;margin-top:26px;color:#7f98a2;font-size:13px}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:80px;align-items:start;padding-top:64px;padding-bottom:88px}
.article-content{font-size:18px;line-height:1.82;color:#c8d8dd}
.article-content h2{margin:52px 0 16px;color:#fff;font-size:34px;line-height:1.2;letter-spacing:-.02em}
.article-content h3{margin:38px 0 12px;color:#eef8fa;font-size:24px}
.article-content p{margin:0 0 22px}.article-content ul,.article-content ol{margin:0 0 28px;padding-left:24px}
.article-content li{margin:8px 0}.article-content a{color:#53d7ff}
.article-content blockquote{margin:34px 0;padding:22px 26px;border-left:3px solid #53d7ff;background:#0d1c23;color:#e7f5f8}
.article-content figure{margin:36px 0}.article-content img,.article-content video{display:block;width:100%;border:1px solid #243b45;border-radius:16px;background:#0b171d}
.article-content figcaption{margin-top:10px;color:#738b95;font-size:13px;text-align:center}
.article-aside{position:sticky;top:110px;padding:25px;border:1px solid #233a44;border-radius:14px;background:#0b171d}
.article-aside h2{margin:8px 0 12px;color:#fff;font-size:24px}.article-aside p{color:#8fa6af;line-height:1.65}
.managed-card-image{height:170px;margin:-1px -1px 18px;overflow:hidden;border-radius:14px 14px 0 0}
.managed-card-image img{width:100%;height:100%;object-fit:cover}
.article-grid.listing .managed-card{padding-top:0;overflow:hidden}
@media(max-width:900px){.article-hero-grid,.article-layout{grid-template-columns:1fr}.article-layout{gap:30px}.article-aside{position:static}.article-hero{padding-top:72px}}