/* Felipe Femur & Friends simplified comic reader — V31 */
.comic-reader-page{background:#fffdf9;color:var(--ink)}
.comic-reader-page main{min-height:60vh}
.comic-reader-wrap{padding:clamp(22px,4vw,52px) 18px 34px}
.comic-stage{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:64px minmax(0,860px) 64px;gap:18px;align-items:center;justify-content:center}
.comic-sheet{margin:0;background:#fff;padding:6px;border-radius:14px;box-shadow:0 20px 60px rgba(42,6,70,.15)}
.comic-sheet img{display:block;width:100%;height:auto;border-radius:9px}
.comic-arrow{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#6b1bad;color:#fff;text-decoration:none;font-size:2rem;font-weight:1000;box-shadow:0 8px 0 rgba(42,6,70,.16);transition:transform .15s ease,box-shadow .15s ease}
.comic-arrow:hover,.comic-arrow:focus-visible{transform:translateY(-3px);box-shadow:0 11px 0 rgba(42,6,70,.16)}
.comic-arrow.is-disabled{opacity:.22;box-shadow:none;cursor:default}
.comic-webtoon-link{text-align:center;margin:24px auto 12px}
.comic-webtoon-link a{color:var(--purple);font-weight:1000;text-decoration:none}
.comic-webtoon-link a:hover,.comic-webtoon-link a:focus-visible{text-decoration:underline}
@media(max-width:980px){
  .comic-stage{grid-template-columns:52px minmax(0,800px) 52px;gap:10px}
  .comic-arrow{width:48px;height:48px;font-size:1.7rem}
}
@media(max-width:700px){
  .comic-reader-wrap{padding:18px 6px 30px}
  .comic-stage{grid-template-columns:1fr 1fr;gap:12px;padding:0 6px}
  .comic-sheet{grid-column:1/-1;grid-row:1;padding:3px;border-radius:8px}
  .comic-sheet img{border-radius:5px}
  .comic-arrow{grid-row:2;width:54px;height:54px;margin-top:2px}
  .comic-arrow-prev{justify-self:start}
  .comic-arrow-next{justify-self:end}
  .comic-webtoon-link{margin-top:18px;font-size:.9rem}
}