/* PANEL CLUB — original comic composition, halftones and speech-bubble energy. */
html[data-theme=panel]{--bg:#f3edff;--surface:#fffefb;--surface2:#e1d6f5;--ink:#191624;--muted:#655e77;--accent:#7754d2;--accent-ink:#fff;--line:#191624;--display:SparkRound,Arial,sans-serif;--radius:0px;--hero-art:#bea4e3;--reader:#30283c}
[data-theme=panel] body{background-image:radial-gradient(#1916240c 1px,transparent 1px);background-size:8px 8px}[data-theme=panel] .hero{gap:45px;padding:55px 0;min-height:590px}[data-theme=panel] .hero-copy{background:var(--surface);border:3px solid var(--ink);padding:28px;box-shadow:7px 7px var(--ink);transform:rotate(-1deg)}[data-theme=panel] .hero h1{font-size:clamp(45px,4.6vw,65px);font-weight:800;line-height:1.03;letter-spacing:-.055em}[data-theme=panel] .hero h1 em{font-style:normal;font-weight:800}[data-theme=panel] .hero .eyebrow{font-size:8px;letter-spacing:.12em}[data-theme=panel] .hero p{font-size:12px}[data-theme=panel] .hero-art{height:450px;border:3px solid var(--ink);border-radius:0;background:repeating-conic-gradient(from 10deg at 50% 50%,#bea4e3 0deg 10deg,#dac9f0 10deg 20deg);transform:rotate(2deg);box-shadow:6px 6px var(--ink)}[data-theme=panel] .hero-art:before,[data-theme=panel] .orbit{display:none}[data-theme=panel] .hero-book{border:2px solid var(--ink);box-shadow:5px 5px var(--ink)}[data-theme=panel] .daily-seal{border:3px solid var(--ink);background:white;border-radius:50%;outline:0;color:var(--ink);box-shadow:4px 4px var(--ink);bottom:20px}[data-theme=panel] .daily-seal b{font-weight:800;font-style:normal;font-size:30px}[data-theme=panel] .btn{border:2px solid var(--ink);box-shadow:3px 3px var(--ink);font-weight:700}[data-theme=panel] .habit-strip{border:3px solid var(--ink);padding:25px;background:var(--surface)}[data-theme=panel] .story-card{border:3px solid var(--ink);box-shadow:5px 5px var(--ink);background:var(--surface)}[data-theme=panel] .cover-link{border-bottom:3px solid var(--ink)}[data-theme=panel] .card-body{padding:20px}[data-theme=panel] .card-body h3{font-weight:750;font-size:25px}[data-theme=panel] .section-heading h2{font-weight:800;font-size:38px}[data-theme=panel] .genre-card{border:3px solid var(--ink);background:var(--surface);box-shadow:4px 4px var(--ink)}[data-theme=panel] .genre-card h3{font-weight:750}[data-theme=panel] .genre-glyph{font-weight:800}[data-theme=panel] .chapter-end{border:3px solid var(--ink);box-shadow:6px 6px var(--ink)}[data-theme=panel] .chapter-heading h1{font-weight:750}[data-theme=panel] .sponsor{border:3px solid var(--ink)}
@media(max-width:800px){[data-theme=panel] .hero{min-height:auto;gap:25px}[data-theme=panel] .hero-copy{padding:22px}[data-theme=panel] .hero-art{height:360px}[data-theme=panel] .hero .eyebrow{font-size:6px}}
@media(max-width:600px){[data-theme=panel] .hero{gap:35px;padding:32px 0}[data-theme=panel] .hero-copy{padding:25px 20px;width:calc(100% - 8px);margin-left:3px}[data-theme=panel] .hero h1{font-size:clamp(44px,13vw,51px)}[data-theme=panel] .hero .eyebrow{font-size:6px;letter-spacing:.08em}[data-theme=panel] .hero p{font-size:11px}[data-theme=panel] .hero .hero-actions{gap:14px}[data-theme=panel] .hero .btn{font-size:9px;padding:11px 10px;gap:4px}[data-theme=panel] .hero .text-link{font-size:8px}[data-theme=panel] .hero-art{height:350px;width:calc(100% - 16px);margin:5px 8px 10px;transform:rotate(1deg)}[data-theme=panel] .daily-seal{width:85px;height:85px;bottom:26px}[data-theme=panel] .daily-seal b{font-size:26px}[data-theme=panel] .habit-strip{padding:22px 14px}[data-theme=panel] .section-heading h2{font-size:33px}[data-theme=panel] .story-grid{margin-right:5px}[data-theme=panel] .card-body{padding:22px}[data-theme=panel] .card-body h3{font-size:28px}[data-theme=panel] .genre-grid{padding-right:4px}[data-theme=panel] .genre-card h3{font-size:25px}[data-theme=panel] .chapter-heading h1{font-size:37px}[data-theme=panel] .chapter-end{margin-right:6px}[data-theme=panel] .chapter-end h2{font-size:30px}}