.comic-reader{max-width:1180px;margin:auto;padding:50px 30px 0;color:#17352d;scroll-margin-top:100px}
.comic-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:30px}
.comic-heading h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:14px 0 0}.comic-heading h2 em{color:#bb4a2b}.comic-heading>div>p:not(.eyebrow){max-width:430px;font-size:1.12rem;line-height:1.6;margin:0 0 12px}.comic-heading .comic-description{font-size:.94rem!important;color:#53645b}
.comic-book{background:#17352d;border-radius:9px;padding:20px;color:#f4f0e6;scroll-margin-top:105px}.comic-reader [hidden]{display:none!important}
.comic-reader button,.comic-reader select{font:inherit;border:1px solid #72867b;border-radius:4px;min-height:44px;background:#f4f0e6;color:#17352d;padding:9px 14px;cursor:pointer}.comic-reader button:hover:not(:disabled){background:#fff}.comic-reader button:disabled{opacity:.4;cursor:default}.comic-reader :focus-visible{outline:3px solid #e58e63;outline-offset:4px}
.comic-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:18px}.comic-turns,.comic-options{display:flex;align-items:center;gap:12px}.comic-status{min-width:100px;text-align:center;font-size:.9rem}.comic-options{font-size:.85rem}.comic-options label{display:flex;align-items:center;gap:8px}.comic-options select{max-width:220px}
.comic-page{margin:0}.comic-art-link{display:block;width:600px;max-width:100%;margin:auto;background:#eee8d7;box-shadow:0 7px 25px #071b1899}.comic-art{display:block;width:100%;height:auto;object-fit:contain}.comic-book.is-enlarged .comic-stage{overflow-x:auto}.comic-book.is-enlarged .comic-art-link{width:1024px;max-width:none}.comic-book.is-enlarged .comic-art{width:1024px;max-width:none;max-height:none}
.comic-page figcaption{display:flex;justify-content:space-between;gap:14px;padding:15px 0 0;font-size:.84rem;line-height:1.5}.comic-page figcaption a{white-space:nowrap;text-underline-offset:4px}.comic-page-title{font-weight:700}
.comic-transcript{font-size:.92rem;margin:16px 0 0;border-top:1px solid #546c60}.comic-transcript summary{cursor:pointer;padding:14px 0}.comic-transcript>div{background:#f4f0e6;color:#17352d;padding:18px 24px;border-radius:4px;max-width:760px}.comic-transcript p{line-height:1.65;margin:0 0 12px}.comic-transcript p:last-child{margin:0}
.comic-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #546c60;padding-top:16px;margin-top:4px;font-size:.85rem}
.comic-thumbs{display:flex;gap:10px;overflow-x:auto;padding:18px 4px 7px;margin:0 -4px;scrollbar-color:#a9b8a8 #17352d}.comic-thumbs button{display:flex;flex:1 0 60px;flex-direction:column;align-items:center;gap:5px;padding:5px;background:transparent;color:#f4f0e6;border-color:transparent;font:12px monospace;opacity:.62;min-width:0}.comic-thumbs button[aria-current]{border-color:#f8bf92;background:#335446;opacity:1}.comic-thumbs button:hover:not(:disabled){background:#335446;opacity:1}.comic-thumbs img{width:50px;height:75px;object-fit:contain;border-radius:2px}
.comic-foot{display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:.82rem;line-height:1.65;margin-top:14px}.comic-foot p{margin:0}.comic-foot a{font-weight:700;white-space:nowrap;text-underline-offset:4px}.comic-credit{font-size:.78rem;color:#53645b;line-height:1.6;border-bottom:1px solid #c4cabe;padding-bottom:35px;margin:15px 0 0}
@media(max-width:900px){.comic-heading{grid-template-columns:1fr 1fr;gap:25px}.comic-toolbar{justify-content:center}.comic-options{flex:1;justify-content:center}.comic-thumbs button{flex-basis:58px}}
@media(max-width:600px){.comic-reader{padding:30px 16px 0}.comic-heading{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.comic-heading h2{font-size:3.05rem}.comic-heading h2 br{display:none}.comic-heading>div>p:not(.eyebrow){font-size:1rem}.comic-book{padding:12px;border-radius:6px}.comic-toolbar{gap:12px}.comic-turns{width:100%;justify-content:space-between;gap:8px}.comic-options{width:100%;justify-content:space-between;gap:8px}.comic-options label{gap:6px}.comic-options select{max-width:135px;font-size:.8rem;padding:7px}.comic-reader button{padding:9px 10px}.comic-status{min-width:80px;font-size:.85rem}.comic-art{max-height:none;width:100%}.comic-page figcaption{font-size:.75rem}.comic-foot{flex-direction:column;gap:8px}.comic-foot a{white-space:normal}.comic-bottom{font-size:.77rem}.comic-thumbs img{width:44px;height:66px}.comic-thumbs button{flex:0 0 55px}.comic-transcript>div{padding:16px}}
@media(max-width:600px){.comic-book{scroll-margin-top:135px}}
@media print{.comic-reader{padding:0;max-width:none}.comic-heading,.comic-toolbar,.comic-bottom,.comic-thumbs,.comic-foot,.comic-credit,.comic-transcript,.comic-page figcaption{display:none!important}.comic-reader .comic-page[hidden]{display:block!important}.comic-page{break-after:page}.comic-art{max-height:95vh}.comic-book{background:none;padding:0}}