/* IDS individual comic series + milestone issue dossiers */
.comic-detail-page{background:radial-gradient(circle at 84% 5%,rgba(167,44,53,.11),transparent 28%),#050609}
.comic-detail-breadcrumbs{max-width:var(--max);margin:0 auto;padding:28px 20px 0;color:#7c8995;font-size:.76rem}
.comic-detail-breadcrumbs a{color:#c3ccd4;text-decoration:none}
.comic-detail-hero{max-width:var(--max);margin:0 auto;padding:34px 20px 38px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:center}
.comic-detail-cover{min-height:360px;display:grid;place-items:center;position:relative}
.comic-detail-cover img{display:block;width:100%;max-width:240px;aspect-ratio:2/3;object-fit:cover;border:1px solid #303a44;background:#080b10;box-shadow:0 22px 45px rgba(0,0,0,.45)}
.comic-cover-placeholder{width:100%;max-width:240px;aspect-ratio:2/3;padding:16px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #2a343e;background:linear-gradient(155deg,#18131a,#080b10 62%,#161016);box-shadow:0 22px 45px rgba(0,0,0,.38)}
.comic-cover-placeholder span,.comic-cover-placeholder small{color:#77838e;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.comic-cover-placeholder strong{color:#d9dee2;font:900 1.15rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-cover-credit{position:absolute;left:0;right:0;bottom:-25px;color:#65717c;font-size:.59rem;line-height:1.35;text-align:center}
.comic-cover-loaded .comic-cover-placeholder{display:none!important}
.comic-cover-missing img{display:none!important}
.comic-detail-hero h1{max-width:960px;margin:8px 0 14px;font:900 clamp(3rem,6vw,6.4rem)/.88 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-detail-dek{max-width:860px;color:#aeb8c2;font-size:1.04rem;line-height:1.72}
.comic-detail-shell{max-width:var(--max);margin:0 auto;padding:8px 20px 92px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:start}
.comic-detail-article>section{padding:34px 0;border-top:1px solid var(--line)}
.comic-detail-article>section:first-child{padding-top:0;border-top:0}
.comic-detail-article h2{margin:7px 0 17px;max-width:900px;font:900 clamp(2rem,3.7vw,3.2rem)/.98 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-detail-article h3{margin:22px 0 8px;font:900 1.25rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-detail-article p,.comic-detail-article li{max-width:900px;color:#c1c9d1;line-height:1.8}
.comic-detail-article a{color:#d1d8de}
.comic-detail-list,.comic-detail-research ul{margin:14px 0 0;padding-left:20px}
.comic-detail-research{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.comic-detail-research>p{grid-column:1/-1}
.comic-detail-link-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.comic-detail-link-grid a{padding:8px 10px;border:1px solid #26313c;background:#090d13;color:#d0d7dd;text-decoration:none;font-size:.74rem;font-weight:800}
.comic-contributor-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.comic-contributor-list span{padding:7px 9px;border:1px solid #2a343e;background:#090d13;color:#d3d9de;font-size:.74rem;font-weight:800}
.comic-detail-empty{color:#7f8b96!important;font-style:italic}
.comic-detail-rail{position:sticky;top:104px}
.comic-detail-facts{display:flex;flex-direction:column;margin:0 0 12px;border:1px solid var(--line);background:var(--line)}
.comic-detail-facts:before{content:"Quick facts";padding:11px 16px;background:#101720;color:#dce3e8;font:900 .72rem/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.comic-detail-facts>div{padding:14px 16px;border-top:1px solid var(--line);background:#0d1219}
.comic-detail-facts dt{color:#9a5e64;font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.comic-detail-facts dd{margin:7px 0 0;color:#e0e5e9;font-size:.88rem;line-height:1.45}
.comic-detail-facts dd small{display:block;margin-top:5px;color:#7d8995;font-size:.64rem}
.comic-detail-rail-card{padding:22px;border:1px solid var(--line);background:#0d1219}
.comic-detail-rail-card h3{margin:7px 0 13px;font:900 1.42rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-detail-rail-card a{display:block;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);color:#cbd4db;text-decoration:none;font-size:.8rem;font-weight:800}
.comic-detail-sources ul{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.comic-detail-sources li{border-bottom:1px solid var(--line)}
.comic-detail-sources a{display:block;padding:13px 4px;color:#cfd8df;text-decoration:none;font-weight:800}
.comic-detail-nextprev{max-width:var(--max);margin:0 auto 80px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comic-detail-nextprev a{min-height:120px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#101720,#080b10);text-decoration:none}
.comic-detail-nextprev span{display:block;color:#9a5e64;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.comic-detail-nextprev strong{display:block;margin-top:9px;font:900 1.25rem/1.05 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-detail-nextprev a:last-child{text-align:right}
@media(max-width:1000px){.comic-detail-shell{grid-template-columns:1fr}.comic-detail-rail{position:static}}
@media(max-width:760px){.comic-detail-hero{grid-template-columns:1fr}.comic-detail-cover{min-height:0;justify-items:start}.comic-detail-cover img,.comic-cover-placeholder{max-width:180px}.comic-detail-research{grid-template-columns:1fr}.comic-detail-nextprev{grid-template-columns:1fr}.comic-detail-nextprev a:last-child{text-align:left}}


/* COMIC DOSSIER HUBS V2 */
.comic-hub-hero{max-width:var(--max);margin:0 auto;padding:70px 20px 34px}
.comic-hub-hero h1{margin:8px 0 16px;font:900 clamp(3.5rem,7vw,6.8rem)/.88 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-hub-hero>p:last-child{max-width:900px;color:#adb8c2;line-height:1.72}
.comic-hub-grid{max-width:var(--max);margin:0 auto;padding:0 20px 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comic-hub-card{min-height:210px;padding:21px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#101720,#080b10);text-decoration:none}
.comic-hub-card:hover{border-color:#7d8994;transform:translateY(-2px)}
.comic-hub-card>span{color:#9a5e64;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.comic-hub-card h2{margin:12px 0 10px;font:900 1.55rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.comic-hub-card p{margin:0;color:#9da9b4;font-size:.82rem;line-height:1.5}
.comic-hub-card small{display:block;margin-top:auto;padding-top:16px;color:#77848f;font-size:.7rem;line-height:1.45}
@media(max-width:1000px){.comic-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.comic-hub-grid{grid-template-columns:1fr}}