.graphic-novels-page .world-banner{display:none}.graphic-novels-page .breadcrumbs{padding-top:2rem}.comics-hero{min-height:610px;padding:clamp(5rem,9vw,8rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:end;background:linear-gradient(90deg,rgba(7,17,20,.98),rgba(7,17,20,.68) 58%,rgba(7,17,20,.25)),url('/assets/banners/underground-case.webp') center/cover;color:#fff;border-bottom:1px solid rgba(73,215,208,.3)}
.comics-hero h1{font:600 clamp(3.7rem,7.7vw,7.2rem)/.9 var(--serif);letter-spacing:-.05em;margin:.35rem 0 1.2rem}.comics-hero h1 em{color:var(--river)}.comics-hero>div>p:not(.eyebrow){max-width:760px;color:#c4d3d1;font-size:1.08rem}.comics-hero dl{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(73,215,208,.25);margin:0}.comics-hero dl div{padding:1.35rem;background:rgba(7,17,20,.86)}.comics-hero dt{font:600 clamp(1.6rem,4vw,3rem) var(--serif);color:var(--river)}.comics-hero dd{margin:.2rem 0 0;color:#c3d2d0;font:.72rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.creator-led{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:#eef1eb}.creator-intro h2,.shelf-heading h2,.credit-note h2,.comic-next h2{font:600 clamp(2.6rem,5vw,4.8rem)/.98 var(--serif);letter-spacing:-.03em;margin:.35rem 0 1rem}.creator-intro>p:last-child,.shelf-heading>p{color:#4f6667}.creator-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.creator-links a{min-height:300px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;background:linear-gradient(145deg,#17393e,#071114)}.creator-links a:hover{background:linear-gradient(145deg,#24575a,#0b1e24)}.creator-links span,.creator-links small{font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.creator-links span{color:var(--river)}.creator-links strong{font:600 clamp(2rem,4vw,3.4rem)/1 var(--serif);margin:.5rem 0 1.4rem}.creator-links small{color:#cfdddb}
.comic-shelf{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem)}.shelf-heading{display:grid;grid-template-columns:1fr minmax(280px,470px);gap:3rem;align-items:end}.comic-controls{position:sticky;top:70px;z-index:3;margin:2.5rem 0 1rem;padding:1.1rem;background:#10282e;color:#fff;box-shadow:0 12px 30px rgba(7,17,20,.12)}.comic-controls label{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.comic-controls label span,.comic-controls legend{font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#bcd0cd}.comic-controls input{width:100%;min-height:46px;padding:.7rem .9rem;border:1px solid #587472;background:#071114;color:#fff;font:inherit}.comic-controls input::placeholder{color:#91a4a2}.comic-controls fieldset{display:flex;gap:.5rem;flex-wrap:wrap;margin:.9rem 0 0;padding:0;border:0}.comic-controls legend{float:left;margin:.7rem 1rem 0 0}.comic-controls button,.comic-empty button{min-height:40px;padding:.55rem .85rem;border:1px solid #4e6c6a;background:transparent;color:#d4e1df;font:600 .72rem var(--mono);letter-spacing:.03em;cursor:pointer}.comic-controls button:hover,.comic-controls button.is-active,.comic-empty button:hover{border-color:var(--river);background:var(--river);color:#071114}.shelf-status{display:flex;justify-content:space-between;gap:1rem;color:#31585a;font:500 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem}.comic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.comic-card{scroll-margin-top:170px;padding:clamp(1.5rem,3vw,2.4rem);background:#eef1eb}.comic-card:nth-child(4n+1),.comic-card:nth-child(4n+4){background:#e1e9e4}.comic-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comic-volume{font:.7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#31585a}.comic-complete{display:flex;gap:.55rem;align-items:center;font:600 .7rem var(--mono);text-transform:uppercase;color:#31585a}.comic-complete input{width:1.2rem;height:1.2rem;accent-color:#176c6b}.comic-card h3{font:600 clamp(2rem,4vw,3.6rem)/.98 var(--serif);margin:.6rem 0}.comic-hook{min-height:3.2rem;color:#425b5c}.comic-card dl{display:grid;grid-template-columns:minmax(130px,.42fr) 1fr;border-top:1px solid #becdca;margin:1.5rem 0}.comic-card dt,.comic-card dd{padding:.7rem 0;border-bottom:1px solid #becdca}.comic-card dt{font:.67rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#526b6c}.comic-card dd{margin:0;font-size:.92rem}.comic-card dd a{color:#165e5d;font-weight:700}.comic-route{padding:.9rem 1rem;background:#10282e;color:#d5e1df;font-size:.88rem}.comic-route strong{color:var(--river)}.comic-links{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem}.comic-links a{color:#165e5d;font-weight:700}.comic-links span{font:.67rem var(--mono);color:#607778}.comic-empty{padding:4rem;text-align:center;border:1px solid var(--line);background:#e5ebe7}.comic-empty h3{font:600 2.3rem var(--serif);margin:0}.comic-empty button{background:#10282e}
.credit-note{padding:clamp(3rem,6vw,5rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;background:#d9e5e1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.credit-note p:last-child{max-width:750px;align-self:end;color:#425b5c}.comic-next{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,8vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:#071114;color:#fff}.comic-next>div:first-child>p:last-child{color:#bdcdcb}.comic-next>div:last-child{display:grid;align-content:center;gap:.7rem}.comic-next a{padding:1rem 1.2rem;border:1px solid #4f6f6d;color:var(--river);text-decoration:none;font-weight:700}.comic-next a:hover{background:var(--river);color:#071114}
@media(max-width:850px){.graphic-novels-page .breadcrumbs{padding-top:5.5rem}.comics-hero,.creator-led,.shelf-heading,.credit-note,.comic-next{grid-template-columns:1fr}.comics-hero{min-height:560px}.comics-hero dl{grid-template-columns:repeat(3,1fr)}.creator-links{grid-template-columns:1fr}.creator-links a{min-height:220px}.comic-controls{position:static}.comic-grid{grid-template-columns:1fr}.comic-card:nth-child(n){background:#eef1eb}.comic-card:nth-child(even){background:#e1e9e4}}
@media(max-width:560px){.graphic-novels-page{overflow-x:hidden}.comics-hero>*,.creator-led>*,.shelf-heading>*,.credit-note>*,.comic-next>*{min-width:0}.comics-hero .hero-actions{display:grid;grid-template-columns:1fr}.comics-hero .button{width:100%;box-sizing:border-box;white-space:normal}.comics-hero dl{grid-template-columns:1fr}.comic-controls label{grid-template-columns:1fr;gap:.5rem}.comic-controls fieldset{display:grid}.comic-controls legend{float:none;margin:0}.shelf-status{display:block}.comic-links{align-items:flex-start;flex-direction:column}.comic-card dl{grid-template-columns:1fr}.comic-card dt{border-bottom:0;padding-bottom:.2rem}.comic-card dd{padding-top:0}}