.comic-section{padding:85px 0;border-bottom:1px solid var(--line)}.comic-section .section-heading{margin-bottom:32px}.comic-stage{display:grid;grid-template-columns:1.4fr 1fr;border:1px solid var(--ink);background:#eeefe7}.comic-visual{position:relative;align-self:start;background:#f5f5f2;border-right:1px solid var(--ink);overflow:hidden}.comic-viewport{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e3e4da;isolation:isolate}.comic-sprite{position:absolute;max-width:none;width:200%;height:200%;left:var(--comic-x,0%);top:var(--comic-y,0%);object-fit:fill;pointer-events:none;user-select:none}.comic-bubble{position:absolute;top:7%;left:5%;width:45%;padding:14px 17px;background:#f5f5f2f2;border:2px solid #242620;box-shadow:3px 3px 0 #242620;z-index:2}.comic-bubble:after{content:'';position:absolute;right:22px;bottom:-10px;width:16px;height:16px;background:#f5f5f2;border-right:1px solid var(--line);border-bottom:2px solid #242620;transform:skew(-12deg) rotate(45deg)}.comic-bubble small{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.comic-bubble p{font-family:var(--serif);font-size:clamp(14px,1.5vw,21px);font-weight:600;line-height:1.6;margin:0}.comic-footnote{padding:15px 20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:1px;border-top:1px solid var(--line)}.comic-caption{padding:34px;display:flex;flex-direction:column;min-width:0}.comic-caption .eyebrow{margin-bottom:20px;color:var(--red)}.comic-caption h3{font-family:var(--serif);font-size:27px;line-height:1.6;margin:0 0 15px}.comic-caption>p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 25px}.comic-actions{margin-top:auto}.comic-choices{display:grid;gap:10px;margin-bottom:20px}.comic-choice{display:block;background:var(--paper);border:1px solid var(--line);text-align:left;padding:14px 17px;font-size:14px;line-height:1.6;transition:background .25s,border-color .25s,transform .25s}.comic-choice:hover{border-color:var(--ink);background:#e3e6d8}.comic-choice.prominent{border-color:var(--red)}.comic-choice small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.comic-feedback{padding:14px 16px;border-left:0;font-size:14px;line-height:1.8;background:#e8eae0;margin:0 0 20px}.comic-cta{width:100%;text-align:center}.comic-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:22px;flex-wrap:wrap}.comic-chapters{display:flex;gap:8px;flex-wrap:wrap}.comic-chapter{background:none;border:1px solid var(--line);padding:10px 17px;font-size:13px;min-height:42px;transition:background .2s,border-color .2s,color .2s}.comic-chapter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.comic-controls{display:flex;gap:9px}.comic-controls button{background:transparent;border:1px solid var(--line);padding:10px 15px;font-size:13px;min-height:42px;transition:background .2s,border-color .2s}.comic-controls button:hover:not(:disabled){background:#e5e7dc;border-color:var(--ink)}.comic-controls button.play-control{border-color:var(--ink)}.comic-controls button.play-control[aria-pressed=true]{color:var(--red);border-color:var(--red)}.comic-status{font-size:12px;color:var(--muted);margin:15px 0 0;line-height:1.8}.comic-visual[data-scene="1"] .comic-bubble{transform:rotate(-1deg)}.comic-visual[data-scene="2"] .comic-bubble,.comic-visual[data-scene="3"] .comic-bubble{border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.comic-visual[data-scene="2"] .comic-bubble:after,.comic-visual[data-scene="3"] .comic-bubble:after{border-color:var(--red)}
@media(max-width:1100px){.comic-caption{padding:25px}.comic-caption h3{font-size:23px}.comic-caption>p{font-size:14px}.comic-bubble{padding:12px}.comic-bubble p{font-size:17px}.comic-chapter{padding:9px 13px}}
@media(max-width:1024px){.comic-stage{grid-template-columns:1fr}.comic-visual{border-right:0;border-bottom:1px solid var(--ink)}}
@media(max-width:780px){.comic-section{padding:55px 0}.comic-caption{padding:25px}.comic-bubble{width:47%;padding:10px 12px;top:6%;left:4%}.comic-bubble p{font-size:15px}.comic-bubble small{font-size:10px;margin-bottom:4px}.comic-caption h3{font-size:24px}.comic-chapters{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.comic-chapter{padding:10px 5px;font-size:12px}.comic-controls{width:100%;display:grid;grid-template-columns:1fr 1.25fr 1fr}.comic-controls button{padding:11px 9px}.comic-toolbar{gap:16px}.comic-footnote{padding:12px 15px;font-size:11px}.comic-choices{margin-bottom:15px}.comic-choice{min-height:52px}}
@media(max-width:380px){.comic-bubble p{font-size:13px}.comic-bubble{padding:8px 10px}.comic-caption{padding:20px}.comic-chapter{font-size:11px}}
@media(prefers-reduced-motion:reduce){.comic-bubble{transform:none!important}.comic-choice,.comic-chapter,.comic-controls button{transition:none}}