/* Ink frames live outside the readable content. No article image is clipped. */
.comic-director{margin:38px 3.4% 0;display:grid;grid-template-columns:1.35fr 1fr;border:3px solid #171a17;background:#fffdf3;color:#171a17}.director-settings{padding:28px}.director-settings .eyebrow{font-size:9px;margin-bottom:12px}.director-settings h2{font-size:27px;font-weight:900}.director-settings>p{font-size:12px;line-height:1.9;margin-top:9px}.director-settings fieldset{border:0;padding:0;margin:18px 0 0;min-width:0}.director-settings legend{font-size:11px;font-weight:800;margin-bottom:8px}.director-modes,.director-panels{display:flex;flex-wrap:wrap;gap:7px}.director-modes button,.director-panels button{border:2px solid;padding:9px 12px;min-height:44px;font-size:11px;font-weight:750;background:#fffdf3}.director-modes button[aria-pressed=true],.director-panels button[aria-pressed=true]{background:#171a17;color:#fffdf3}.director-panels button[aria-pressed=true]{background:#daee49;color:#171a17}.director-settings #director-status{font-size:11px;min-height:42px}.director-settings #director-read-all{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0}.comic-director button:disabled{opacity:.6;cursor:default}.director-preview{position:relative;isolation:isolate;min-width:0;min-height:350px;border-left:3px solid;background-color:#daee49;background-image:radial-gradient(#171a1725 1px,transparent 1px);background-size:7px 7px;display:grid;place-items:center;padding:28px 90px 90px 18px;overflow:hidden}.director-preview:before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 52% 47%,transparent 0deg 9deg,#171a17 9.1deg 9.7deg,transparent 9.8deg 22deg);mask-image:radial-gradient(ellipse at 52% 47%,transparent 0 37%,#000 79%);z-index:-1;pointer-events:none;opacity:.6}.direction-balloon{width:100%;max-width:270px;min-height:180px;padding:34px 30px 50px;display:grid;place-items:center;text-align:center;background:url('assets/balloon-talk.svg') center/100% 100% no-repeat;font-size:clamp(18px,2vw,24px);font-weight:900;line-height:1.6;transform:rotate(-6deg)}.direction-burst{position:absolute;top:12px;left:12px;background:#171a17;color:#fffdf3;padding:7px 12px;font-size:10px;line-height:1.35;transform:rotate(-12deg);font-weight:850}.direction-vertical{position:absolute;top:25px;right:14px;width:70px;height:190px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:upright;background:url('assets/balloon-tall.svg') center/100% 100% no-repeat;padding:20px 16px 32px;font-size:13px;font-weight:800;line-height:1.8}.direction-preview-footer{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;background:#fffdf3;border-top:2px solid;display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;justify-content:center}.direction-preview-footer>span{font-size:10px}.direction-preview-footer button{font-size:11px;font-weight:800;border:1px solid;padding:8px 12px;min-height:44px}.comic-category-pager{margin:32px 0 34px;border-block:3px solid #171a17;padding:20px 0 15px}.category-pager-title{display:flex;flex-wrap:wrap;gap:5px 18px;align-items:baseline}.category-pager-title>span{font-size:9px;font-weight:750;letter-spacing:.06em}.category-pager-title h3{font-size:21px}.category-pager-title p{font-size:11px}.category-pager-controls{display:flex;align-items:stretch;gap:9px;margin-top:16px}.category-pager-controls>button{border:2px solid;min-width:44px;min-height:48px;padding:8px;background:#fffdf3;font-weight:800}.category-pages{display:flex;gap:9px;flex:1}.category-pages button{flex:1;min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;background:#fffdf3;border:2px solid;padding:10px;font-size:13px;font-weight:850;box-shadow:3px 3px #171a17}.category-pages small{font-size:10px}.category-pages button[aria-pressed=true],.category-show-all[aria-pressed=true]{background:#daee49}.category-pager-controls .category-show-all{font-size:10px;margin-left:6px}.comic-category-pager #category-page-status{font-size:12px;margin-top:16px;line-height:1.8}.v03b .public-comic-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.v03b .public-comic-grid.is-filtered .story{grid-column:span 1}.v03b .public-comic-grid.is-filtered[data-visible-count='1']{grid-template-columns:minmax(0,700px)}
.comic-cut-layout .public-comic-grid{gap:36px 28px;padding:12px 8px}.comic-cut-layout .public-comic-grid .story{border:0;background:none;isolation:isolate;overflow:visible;padding:14px 10px 20px;box-shadow:none}.comic-cut-layout .public-comic-grid .story:before{content:'';position:absolute;inset:-7px -5px;background:#171a17;z-index:-2;pointer-events:none;clip-path:polygon(0 18px,97% 0,100% calc(100% - 12px),2% 100%)}.comic-cut-layout .public-comic-grid .story:after{content:'';position:absolute;inset:-2px 0;background:#f7f3e7;z-index:-1;pointer-events:none;clip-path:polygon(0 18px,97% 0,100% calc(100% - 12px),2% 100%)}.comic-cut-layout .public-comic-grid .story:nth-child(2n):before,.comic-cut-layout .public-comic-grid .story:nth-child(2n):after{clip-path:polygon(3% 0,100% 17px,97% 100%,0 calc(100% - 16px))}.comic-cut-layout .public-comic-grid .story-link{overflow:visible}.comic-cut-layout .public-comic-grid .comic-picture{border:2px solid #171a17}.comic-cut-layout .public-comic-grid .story-copy{background:transparent;padding-top:104px}.comic-cut-layout .public-comic-grid .panel-speech{position:absolute;top:15px;left:-19px;min-height:56px;padding:15px 24px;margin:0;max-width:calc(100% + 12px);z-index:2;font-size:12px;background:#fffdf3;border-width:3px;box-shadow:3px 3px #171a17;transform:rotate(-4deg)}.comic-cut-layout .public-comic-grid .panel-speech:before{border-width:3px}.comic-cut-layout .comic-cell-2 .panel-speech,.comic-cut-layout .comic-cell-4 .panel-speech,.comic-cut-layout .comic-cell-5 .panel-speech{border:0;box-shadow:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;transform:rotate(4deg)}.comic-cut-layout .comic-cell-2 .panel-speech{background-image:url('assets/balloon-burst.svg');width:206px;height:122px;top:9px;left:-15px;padding:28px 32px 31px;display:grid;place-items:center;text-align:center}.comic-cut-layout .comic-cell-2 .story-copy{padding-top:163px}.comic-cut-layout .comic-cell-4 .panel-speech{background-image:url('assets/balloon-thought.svg');width:216px;height:132px;top:9px;left:-12px;padding:25px 30px 42px;display:grid;place-items:center;text-align:center}.comic-cut-layout .comic-cell-4 .story-copy{padding-top:173px}.comic-cut-layout .comic-cell-5 .panel-speech{background-image:url('assets/balloon-angular.svg');width:235px;height:95px;top:9px;padding:21px 23px 33px;display:grid;place-items:center;text-align:center}.comic-cut-layout .comic-cell-5 .story-copy{padding-top:130px}.comic-cut-layout .comic-cell-2 .panel-speech:before,.comic-cut-layout .comic-cell-4 .panel-speech:before,.comic-cut-layout .comic-cell-5 .panel-speech:before{display:none}.comic-cut-layout .comic-cell-6 .panel-speech{border-radius:5px;transform:rotate(2deg);background:#daee49;left:auto;right:-18px}.comic-cut-layout .comic-cell-6 .panel-speech:before{background:#daee49}.comic-cut-layout .comic-feature{padding-block:55px}.comic-cut-layout .comic-feature:before{content:'';position:absolute;inset:0 0 auto;height:20px;background:#f2efe2;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}.comic-cut-layout .comic-section-intro .comic-speech{border-radius:42% 48% 45% 40%;box-shadow:6px 6px #daee49}
.effect-pop{animation:comic-pop .52s cubic-bezier(.16,.8,.2,1) both}.effect-slide{animation:comic-slide .55s cubic-bezier(.16,.8,.2,1) both}.comic-letter{display:inline-block;white-space:pre-wrap}.effect-letters .comic-letter{animation:comic-letter .34s ease both;animation-delay:var(--letter-delay)}@keyframes comic-pop{0%{scale:.92;translate:0 9px}65%{scale:1.025;translate:0 -2px}100%{scale:1;translate:0 0}}@keyframes comic-slide{0%{translate:-20px 0}100%{translate:0 0}}@keyframes comic-letter{0%{translate:0 7px}100%{translate:0 0}}
@media(max-width:1000px){.comic-director{grid-template-columns:1.2fr 1fr}.director-settings{padding:22px}.director-settings h2{font-size:23px}.director-preview{padding-right:75px}.direction-vertical{right:7px;width:61px}.direction-balloon{padding-inline:23px;font-size:18px}.category-pager-controls{flex-wrap:wrap}.category-pager-controls .category-show-all{margin-left:auto}.category-pages button{gap:7px;font-size:12px}.comic-cut-layout .public-comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.comic-cut-layout .public-comic-grid .story{grid-column:span 1}.comic-cut-layout .public-comic-grid .story h3{font-size:21px}}
@media(max-width:650px){.comic-director{margin:30px 5% 0;grid-template-columns:1fr}.director-settings{padding:22px 18px}.director-settings h2{font-size:24px}.director-modes{display:grid;grid-template-columns:1fr 1fr}.director-modes button{padding:9px 6px}.director-preview{border-left:0;border-top:3px solid;min-height:300px;padding:20px 84px 80px 24px}.direction-balloon{max-width:270px;font-size:21px;min-height:180px}.direction-vertical{right:15px;top:12px;width:66px;height:185px}.category-pager-title{display:block}.category-pager-title h3{font-size:22px;margin:6px 0}.category-pages{gap:5px}.category-pages button{flex-direction:column;font-size:11px;line-height:1.5;gap:3px;padding:8px 4px;min-height:60px;box-shadow:2px 2px #171a17}.category-pager-controls{gap:6px}.category-pager-controls>button{min-width:44px;padding:6px}.category-pager-controls .category-show-all{margin-left:auto;min-height:44px}.comic-cut-layout .public-comic-grid,.v03b .public-comic-grid.is-filtered{display:flex;flex-direction:column;gap:34px}.comic-cut-layout .public-comic-grid{padding-inline:5px}.comic-cut-layout .public-comic-grid .story{padding:15px 10px 21px}.comic-cut-layout .public-comic-grid .story-copy{padding:104px 10px 16px}.comic-cut-layout .public-comic-grid .story h3{font-size:21px}.comic-cut-layout .public-comic-grid .panel-speech{left:-18px;font-size:12px}.comic-cut-layout .public-comic-grid .comic-cell-2 .story-copy{padding-top:163px}.comic-cut-layout .public-comic-grid .comic-cell-4 .story-copy{padding-top:173px}.comic-cut-layout .public-comic-grid .comic-cell-5 .story-copy{padding-top:130px}.comic-cut-layout .public-comic-grid .comic-cell-6 .panel-speech{left:auto;right:-17px}.comic-cut-layout .comic-feature{padding-block:48px}}
@media(max-width:360px){.director-preview{padding-left:12px;padding-right:71px}.direction-vertical{right:9px;width:57px;font-size:12px}.direction-balloon{font-size:18px;padding-inline:22px}.category-pages button{font-size:10px}.category-pager-controls>button{min-width:44px}.comic-cut-layout .public-comic-grid .story{padding-inline:8px}.comic-cut-layout .public-comic-grid .story h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.effect-pop,.effect-slide,.effect-letters .comic-letter{animation:none!important;translate:none!important;scale:none!important}}
.motion-off .effect-pop,.motion-off .effect-slide,.motion-off .effect-letters .comic-letter{animation:none!important;translate:none!important;scale:none!important}

/* Narrow phones keep full tap targets; the three chapter labels can wrap. */
@media(max-width:650px){.category-pager-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}.category-pages{min-width:0}.category-pages button{overflow-wrap:anywhere}.category-pager-controls .category-show-all{grid-column:1/-1;justify-self:end;min-width:110px}}