.smartino-page-controls{max-width:960px;margin:0 auto 12px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.smartino-page-controls[hidden]{display:none}
html:root body.sc-site .smartino-page-controls button{display:inline-flex;align-items:center;gap:12px;justify-content:center;min-width:112px;min-height:46px;padding:10px 18px;border:1px solid var(--sc-line);border-radius:8px;background:var(--sc-paper);color:var(--sc-ink);font:inherit;font-size:.875rem;cursor:pointer}.smartino-page-controls button:disabled{opacity:.35;cursor:default}.smartino-page-controls output{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--sc-muted)}
.smartino-panels.smartino-reader-ready{display:block;max-width:1000px;padding:0 16px;touch-action:pan-y pinch-zoom;min-height:290px}.smartino-reader-ready>.smartino-panel{margin:0 auto!important;grid-column:auto;width:100%}.smartino-reader-ready>.smartino-panel[hidden]{display:none!important}.smartino-reader-ready .smartino-panel:last-child{max-width:none}.smartino-reader-ready .smartino-panel figcaption{justify-content:center;margin-bottom:8px}.smartino-reader-ready .smartino-panel-art{box-shadow:0 12px 36px #0002}
.smartino-story{max-width:780px;margin:48px auto;padding:0 24px}.smartino-story p{font-size:1rem;line-height:1.75}.smartino-story h2{margin-block:0 24px}.smartino-story h3{margin-block:32px 16px;font-size:1.25rem}
@media(max-width:600px){.smartino-page-controls{padding-inline:14px;margin-bottom:8px}.smartino-panels.smartino-reader-ready{padding-inline:14px}.smartino-story{padding-inline:20px}.smartino-story p{font-size:.9375rem}.smartino-reader-ready .smartino-panel figcaption{font-size:.6875rem}.smartino-reader-ready .smartino-panel figcaption>span:first-child{display:none}}

/* Side controls leave the artwork at centre stage. No poster or drawing is rewritten. */
.smartino-carousel{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;gap:clamp(12px,2vw,28px);align-items:center;max-width:1240px;margin:0 auto;padding:0 24px;perspective:1600px}
.smartino-carousel .smartino-panels.smartino-reader-ready{width:100%;max-width:none;padding:0;min-width:0;perspective:1600px}
.smartino-carousel .smartino-panel{backface-visibility:hidden;will-change:transform,opacity}
html:root body.sc-site .smartino-carousel-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;align-self:center;width:60px;min-height:84px;padding:8px 4px;border:1px solid var(--sc-line);border-radius:30px;background:var(--sc-paper);background:linear-gradient(155deg,color-mix(in srgb,var(--sc-accent) 12%,var(--sc-paper)),var(--sc-paper));color:var(--sc-ink);box-shadow:0 8px 22px #0002;font:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.smartino-arrow-icon{font-family:Arial,sans-serif;font-size:36px;font-weight:400;line-height:1}.smartino-arrow-label{font-size:.625rem;font-weight:600;letter-spacing:.025em}
html:root body.sc-site .smartino-carousel-arrow:hover:not(:disabled){transform:translateY(-3px);border-color:var(--sc-accent);box-shadow:0 8px 26px color-mix(in srgb,var(--sc-accent) 22%,transparent)}
.smartino-carousel-arrow:focus-visible{outline:3px solid var(--sc-accent);outline-offset:4px}.smartino-carousel-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
html:root body.sc-site .smartino-carousel-arrow{border-radius:30px!important}
.smartino-carousel+.smartino-page-controls{justify-content:center;margin:14px auto 28px;min-height:30px;padding:0}.smartino-page-controls output{padding:6px 16px;border:1px solid var(--sc-line);border-radius:20px;font-size:.75rem;letter-spacing:.12em;background:var(--sc-paper)}
html:root body.sc-site .smartino-panel-art{border:1px solid color-mix(in srgb,var(--sc-ink) 34%,var(--sc-line));border-radius:6px;box-shadow:0 16px 40px #0002}
/* Inset printed frames in panels 2–9 are hidden only at presentation level. Original files and zoom remain intact. */
html:root body.sc-site .smartino-reader-ready .smartino-panel:not(:first-child) .smartino-panel-art>img{transform:scale(1.025);transform-origin:center}
.smartino-carousel .smartino-panel figcaption{font-size:.6875rem;letter-spacing:.02em;margin-bottom:10px}.smartino-carousel .smartino-panel figcaption>span:first-child{font-size:.9375rem}
@media(max-width:700px){.smartino-carousel{position:relative;display:block;padding-inline:14px}.smartino-carousel .smartino-carousel-arrow{position:absolute;top:calc(50% - 10px);z-index:2;width:42px;min-height:48px;border-radius:24px;backdrop-filter:blur(10px);box-shadow:0 2px 12px #0004}.smartino-carousel-arrow[data-comic-prev]{left:6px}.smartino-carousel-arrow[data-comic-next]{right:6px}.smartino-arrow-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.smartino-arrow-icon{font-size:32px}.smartino-carousel+.smartino-page-controls{margin-top:12px}.smartino-carousel .smartino-panel figcaption{padding-inline:38px}}
@media(prefers-reduced-motion:reduce){html:root body.sc-site .smartino-carousel-arrow{transition:none}.smartino-carousel .smartino-panel{will-change:auto}.smartino-carousel-arrow:hover:not(:disabled){transform:none}}
@media(max-width:700px){html:root body.sc-site .smartino-carousel .smartino-carousel-arrow{width:44px;height:44px;min-height:44px;padding:0;border-radius:24px!important}.smartino-carousel-arrow[data-comic-prev]{left:0}.smartino-carousel-arrow[data-comic-next]{right:0}.smartino-reading-page .smartino-poster{margin-top:24px}}

/* Fit the complete reading stage below a compact, single-purpose toolbar. */
.smartino-reading-page .smartino-reader-bar{max-width:1240px;padding:8px 24px;gap:14px}
.smartino-reading-page .smartino-reader-bar .sc-eyebrow{margin:0 0 4px!important}
.smartino-reading-page .smartino-reader-bar h1{font-size:clamp(1.05rem,1.8vw,1.4rem)!important}
.smartino-reader-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html:root body.sc-site .smartino-focus-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--sc-accent);border-radius:24px!important;background:var(--sc-paper);color:var(--sc-ink);font:inherit;font-size:.8125rem;cursor:pointer}
.smartino-focus-button>span{font-size:1.3rem;line-height:1}.smartino-focus-button:focus-visible,.smartino-focus-close:focus-visible{outline:3px solid var(--sc-accent);outline-offset:3px}
.smartino-reading-page .smartino-sequence-hint{max-width:1240px;padding:0 24px;font-size:.75rem!important;line-height:1.4;margin:0 auto 8px!important}
.smartino-reading-stage{width:100%;min-height:0}.smartino-reading-stage .smartino-panels.smartino-reader-ready{min-height:0}
.smartino-reading-stage .smartino-panel figcaption{display:none}
.smartino-reading-stage .smartino-page-controls{margin:8px auto 10px!important;min-height:22px}
.smartino-reading-stage .smartino-page-controls output{font-size:.6875rem;padding:3px 11px}
body.smartino-focus-open{overflow:hidden}
html:root body.sc-site dialog.smartino-focus-dialog{position:fixed;inset:0;margin:0;padding:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0!important;background:var(--sc-paper);color:var(--sc-ink);overflow:hidden}
.smartino-focus-dialog::backdrop{background:var(--sc-paper)}
.smartino-focus-dialog[open]{display:flex;align-items:center;justify-content:center}
.smartino-focus-dialog .smartino-reading-stage{display:flex;flex-direction:column;justify-content:center;height:100%;padding:24px 0 12px;box-sizing:border-box}
.smartino-focus-dialog .smartino-carousel{width:100%;flex:none;margin:auto;box-sizing:border-box}
.smartino-focus-dialog .smartino-page-controls{flex:none;margin:8px auto 0!important}
html:root body.sc-site .smartino-focus-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:5;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--sc-line);border-radius:50%!important;background:var(--sc-paper);color:var(--sc-muted);font-size:24px;line-height:1;cursor:pointer}
@media(max-width:700px){.smartino-reading-page .smartino-reader-bar{display:grid;grid-template-columns:1fr auto;padding:8px 14px;gap:6px 12px}.smartino-reader-back{grid-column:1/-1;min-height:24px;margin:0}.smartino-reader-actions{gap:6px}.smartino-reader-actions>.sc-btn{display:none}.smartino-reading-page .smartino-reader-bar .sc-eyebrow{display:none}.smartino-reading-page .smartino-sequence-hint{padding-inline:14px;font-size:.6875rem!important;line-height:1.35;margin-bottom:6px!important}.smartino-focus-dialog .smartino-reading-stage{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}}