.story-comic-reader{max-width:1100px}
.story-comic-sheet{margin:0 0 16px}
.story-comic-sheet button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}
.story-comic-sheet img{display:block;width:100%;height:auto;object-fit:contain}
.story-comic-full{display:block;margin:0 auto 28px;min-height:44px;padding:10px 14px;border:1px solid #d5e4dc;border-radius:6px;background:#fff;font:inherit;cursor:zoom-in}
.story-comic-panels{display:none}
.story-comic-transcript{max-width:760px;margin:28px auto}
.story-comic-transcript summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:600}
.story-comic-transcript .story-scene h2{font-size:22px}
.story-journal .comic-story-cover>img,.story-card img{height:auto;aspect-ratio:auto;object-fit:contain}
.story-comic-zoom{box-sizing:border-box;width:min(1280px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #d5e4dc;border-radius:8px;background:#fffefa;color:#294c42}
.story-comic-zoom::backdrop{background:#163e357d;backdrop-filter:blur(4px)}
.story-comic-zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #d5e4dc}
.story-comic-zoom-bar h2{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.story-comic-zoom-bar button{flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}
.story-comic-zoom-viewport{max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
.story-comic-zoom-viewport img{display:block;width:max(100%,1100px);max-width:none;height:auto}
.story-comic-reader button:focus-visible,.story-comic-zoom button:focus-visible{outline:3px solid #be691c;outline-offset:3px}
@media(max-width:700px){
  .story-comic-sheet{display:none}
  .story-comic-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
  .story-comic-panels figure{margin:0;min-width:0}
  .story-comic-panel{position:relative;display:block;box-sizing:border-box;width:100%;padding:0;border:0;overflow:hidden;background:#fff;cursor:zoom-in}
  .story-comic-panel img{position:absolute;display:block;width:200%;height:auto;max-width:none}
  .story-comic-panels figcaption{padding:14px 4px 0}
  .story-comic-panels h2{font-size:21px;line-height:1.5;margin:4px 0 8px}
  .story-comic-panels .label{margin:0}
  .story-comic-panels .story-lines{font-size:16px;line-height:1.8;margin:0}
}