/* A comic shop catalogue: real cover previews, ink outlines and full pages. */
body[data-page="comics"] .page-hero{background-color:var(--yellow);background-image:radial-gradient(#071d2a14 1px,transparent 1px);background-size:9px 9px;color:var(--ink)}
body[data-page="comics"] .page-hero h1{max-width:900px;line-height:1.16}
body[data-page="comics"] .page-hero h1 .marker{color:var(--purple)}
.comic-library{padding:38px 0 64px;background:var(--aqua);border-top:3px solid var(--ink)}
.comic-shop-wrap{width:min(1180px,calc(100% - 56px));margin:0 auto 64px}
.comic-shop-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:0 0 29px;scroll-margin-top:24px}
.comic-shop-heading .eyebrow{margin-bottom:8px}
.comic-shop-heading h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:0}
.comic-shop-heading .marker{color:var(--purple)}
.comic-collection-count{font-size:1rem;font-weight:800;margin:0 0 7px}
.comic-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.comic-book{min-width:0;display:flex;flex-direction:column;background:var(--paper);border:3px solid var(--ink);border-radius:8px;box-shadow:6px 7px 0 var(--ink);overflow:hidden;color:var(--ink)}
.comic-book[aria-current="true"]{border-color:var(--purple);box-shadow:6px 7px 0 var(--purple)}
.comic-book-cover{position:relative;padding:14px 14px 0;background:var(--yellow)}
.comic-book:nth-child(2) .comic-book-cover{background:var(--pink)}
.comic-book:nth-child(3) .comic-book-cover{background:var(--orange)}
.comic-book-cover img{display:block;width:100%;height:auto;aspect-ratio:1055/1491;object-fit:contain;background:white;border:2px solid var(--ink)}
.comic-issue,.comic-new{display:inline-block;margin:12px 0;padding:6px 10px;border:2px solid var(--ink);background:var(--ink);color:white;font-size:.875rem;font-weight:800;line-height:1.3}
.comic-new{margin-left:14px;background:var(--yellow);color:var(--ink);font-family:'Permanent Marker',Impact,sans-serif;transform:rotate(4deg)}
.comic-book-copy{display:flex;flex-direction:column;flex:1;padding:22px 23px 25px}
.comic-book-copy .eyebrow{font-size:.875rem;letter-spacing:.025em;margin-bottom:10px}
.comic-book-copy h3{font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.25;margin:0 0 12px}
.comic-book-copy p{font-size:1rem;line-height:1.6;margin-bottom:20px}
.comic-read-label{align-self:start;margin-top:auto;padding:11px 17px;border:2px solid var(--ink);border-radius:5px;background:var(--yellow);font-size:1rem;font-weight:800}
.comic-wrap{width:min(980px,calc(100% - 56px))}
.comic-story{padding:30px;background:var(--paper);border:3px solid var(--ink);border-radius:9px;box-shadow:7px 8px 0 var(--ink);margin-bottom:50px}
.comic-story-heading{max-width:none;margin-bottom:24px}
.comic-story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.comic-issue-label{padding:8px 12px;background:var(--purple);color:white;border:2px solid var(--ink);font-weight:800;font-size:.9375rem}
.comic-story-heading h2{font-size:clamp(1.9rem,4vw,3rem);margin:17px 0}
.comic-story-heading p{margin:0;font-size:1rem}
.comic-page{box-shadow:3px 4px 0 #071d2a30;border-width:2px}
.comic-back{margin-top:6px}
@media(prefers-reduced-motion:no-preference){.comic-book{transition:transform .2s ease,box-shadow .2s ease}.comic-book:hover{transform:translateY(-5px);box-shadow:6px 12px 0 var(--ink)}}
@media(max-width:850px){.comic-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.comic-shop-heading{display:block}.comic-collection-count{margin-top:16px}.comic-book-copy h3{font-size:1.9rem}}
@media(max-width:600px){.comic-library{padding:25px 0 40px}.comic-shop-wrap{width:calc(100% - 36px);margin-bottom:38px}.comic-shop-heading h2{font-size:2.35rem}.comic-shelf{grid-template-columns:minmax(0,1fr);max-width:390px;margin:auto;gap:29px}.comic-book-cover{padding:14px 14px 0}.comic-book-copy{padding:20px}.comic-book-copy h3{font-size:1.9rem}.comic-wrap{width:calc(100% - 20px)}.comic-story{padding:20px 8px 22px;box-shadow:4px 5px 0 var(--ink);margin-bottom:30px}.comic-story-heading{padding:0 9px}.comic-story-top .text-link{font-size:.9375rem}.comic-page{margin-bottom:24px;box-shadow:none}.comic-back{margin-left:9px}.comic-story-heading h2{font-size:2rem}}
/* Closed albums: one silent panel on each cover, titles set as live type. */
.comic-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}
.comic-book{padding:0;text-align:left;font:inherit;cursor:pointer}
.comic-book:focus-visible{outline:4px solid var(--purple);outline-offset:5px}
.comic-book-cover{padding:0;background:var(--yellow);isolation:isolate}
.comic-book-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border:0}
.comic-cover-heading{position:absolute;top:0;left:0;right:0;padding:17px 14px 22px;background:linear-gradient(var(--paper) 80%,transparent);color:var(--ink)}
.comic-cover-heading>span{font-size:.8125rem;font-weight:800;display:block;margin-bottom:7px}
.comic-cover-heading h3{font:400 clamp(1.25rem,2vw,1.8rem)/1.15 Anton,Impact,sans-serif;margin:0;text-transform:uppercase;overflow-wrap:normal}
.comic-book-cover .comic-new{position:absolute;bottom:8px;right:12px;margin:0;box-shadow:3px 3px 0 var(--ink)}
.comic-book-copy{padding:20px 17px}
.comic-book-copy p{margin-top:0}
.comic-shop-wrap{margin-bottom:0}
.comic-reader-stage{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px 12px;touch-action:pan-y pinch-zoom}
.comic-reader-image{width:100%;height:100%;max-width:none;min-height:0;object-fit:contain;background:transparent;user-select:none}
.comic-reader-stage.is-zoomed{display:block;overflow:auto;touch-action:pan-x pan-y pinch-zoom}
.comic-reader-stage.is-zoomed .comic-reader-image{object-fit:initial;max-width:none;margin:0}
.reader-dialogues{padding:0 16px max(10px,env(safe-area-inset-bottom));font-size:1rem;background:var(--deep)}
.reader-dialogues summary{cursor:pointer;text-align:center;min-height:32px}
.reader-dialogues p{white-space:pre-line;max-height:24vh;overflow:auto;line-height:1.5;margin:8px auto;max-width:900px;padding:10px;background:#ffffff10}
@media(max-width:1000px){.comic-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.comic-cover-heading h3{font-size:clamp(1.6rem,3vw,2.2rem)}}
@media(max-width:600px){.comic-shelf{grid-template-columns:1fr}.comic-cover-heading{padding:20px 18px 27px}.comic-cover-heading h3{font-size:2rem}.comic-reader-header{padding:10px 12px;align-items:center}.comic-reader-header h2{font-size:.875rem;line-height:1.3}.comic-reader-header .button{padding:8px 10px;font-size:.875rem;min-height:44px}.comic-reader-controls{gap:8px;padding:8px}.comic-reader-controls button{padding:8px 10px;font-size:.875rem}.comic-reader-controls .comic-zoom{gap:8px}.comic-reader-stage{padding:0 4px}.reader-dialogues{font-size:.875rem}}