*{box-sizing:border-box}body{margin:0;background:#f2f2f2;color:#292724}#fumetto-reader{--accent:#9d302b;--line:#d8d8d8;margin:22px auto 0;max-width:1800px;padding:0 28px 18px;font:15px/1.45 Arial,sans-serif}#fumetto-reader button,#fumetto-reader select,#fumetto-reader input{font:inherit;color:inherit}#fumetto-reader button,#fumetto-reader select{cursor:pointer}#fumetto-reader button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px 12px}#fumetto-reader button:hover{border-color:var(--accent)}#fumetto-reader button:disabled{opacity:.3;cursor:default}#fumetto-reader :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:11px/1.4 Arial,sans-serif;color:#707070}.reader-top h1{font:32px/1.15 "Helvetica Neue",Helvetica,Arial,sans-serif;margin:4px 0 0}.reader-top h1 span{font-size:22px;color:#707070;margin-left:14px}.language-control{display:flex;gap:10px;align-items:center;font-size:12px;color:#666666}.language-control select{background:#f2f2f2;border:1px solid var(--accent);border-radius:5px;padding:8px 26px 8px 10px;min-width:120px}.reader-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;height:calc(100dvh - 225px);min-height:470px}.page-rail{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#e9e9e9;overflow:hidden}.rail-tools{padding:14px 12px 8px;border-bottom:1px solid var(--line)}.rail-tools label{display:block;font-size:12px;margin-bottom:7px}.rail-tools input{width:100%;min-width:0;border:1px solid #cecece;border-radius:4px;background:#f7f7f7;padding:7px;font-size:12px!important}.rail-tools p{font-size:11px;color:#707070;margin:8px 0 2px}#page-list{overflow:auto;flex:1;padding:10px 9px;scrollbar-width:thin}#fumetto-reader .thumb{display:block;width:100%;margin-bottom:10px;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;position:relative}#fumetto-reader .thumb[aria-current=page]{background:#fff;border-color:var(--accent);box-shadow:0 2px 8px #0001}#fumetto-reader .thumb img{display:block;width:100%;height:125px;object-fit:contain;background:#fff;box-shadow:0 1px 5px #0001}.thumb .thumb-number{display:block;font-size:10px;letter-spacing:.04em;margin:7px 0 3px;color:#707070}.thumb .thumb-title{display:block;font-size:12px;line-height:1.3}.reading-area{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 24px #00000004}.reader-toolbar{min-height:57px;padding:9px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f2f2f2}.pager,.view-tools{display:flex;align-items:center;gap:8px}.pager select{border:0;background:transparent;padding:6px;font-size:13px!important;max-width:110px}.pager #page-total{font-size:12px;color:#707070}.reader-toolbar button{font-size:13px!important;padding:6px 10px!important}.reader-toolbar button[aria-pressed=true]{color:var(--accent)!important;background:#f3e9e7!important}.page-progress{height:2px;background:#e5e5e5}#progress{height:100%;background:var(--accent);transition:width .2s}.reader-footer{border-top:1px solid #dedede;padding:10px 16px;display:flex;gap:14px;justify-content:space-between;color:#707070;font-size:10px}#page-content{flex:1;min-height:0;overflow:auto;padding:34px 36px;display:grid;grid-template-columns:minmax(250px,.95fr) minmax(240px,1.05fr);gap:36px;align-items:start;scrollbar-width:thin}.translated-copy h2{font:36px/1.08 "Helvetica Neue",Helvetica,Arial,sans-serif;margin:8px 0 22px;text-wrap:balance}.translated-copy #page-text{font:21px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif}.translated-copy p{margin:0 0 1em}.translated-copy ul{padding-left:1.1em;margin:0 0 1em}.translated-copy li{margin:0 0 .65em}.translated-copy h3{font-size:23px;font-weight:400;margin:1.4em 0 .6em}.art-panel{margin:0;position:sticky;top:0}#fumetto-reader #art-open{display:block;padding:0;border:0;background:white;width:100%;cursor:zoom-in;border-radius:0}#page-art{width:100%;max-height:none;display:block;object-fit:contain}#art-caption{font-size:11px;color:#707070;text-align:center;margin-top:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.empty-search{padding:10px;font-size:12px}.rail-hidden .reader-workspace{grid-template-columns:minmax(0,1fr)}.rail-hidden .page-rail{display:none}body.reader-focus #offline-nav,body.reader-focus #local-breadcrumb{display:none!important}body.reader-focus .reader-workspace{height:calc(100dvh - 130px)}#fumetto-reader.art-fit #page-art{max-height:calc(100dvh - 360px)}#fumetto-reader.art-fit #art-open{background:#fff}#fumetto-reader[lang=zh] .translated-copy,#fumetto-reader[lang=ja] .translated-copy,#fumetto-reader[lang=ko] .translated-copy{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}#fumetto-reader[lang=zh] #page-text,#fumetto-reader[lang=ja] #page-text,#fumetto-reader[lang=ko] #page-text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:19px;line-height:1.85}#art-dialog{border:0;border-radius:10px;padding:0;width:96vw;height:94dvh;max-width:1800px;max-height:94dvh;background:#e9e9e9;overflow:hidden}#art-dialog::backdrop{background:#171511c9}.dialog-tools{height:60px;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px;background:#f2f2f2;border-bottom:1px solid var(--line)}#dialog-close{margin-left:auto}#art-scroll{height:calc(100% - 60px);overflow:auto;padding:25px;text-align:center}#dialog-art{display:block;margin:auto;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}#fumetto-reader #toggle-pages{display:flex;gap:6px;align-items:center}@media(max-width:1100px){#fumetto-reader{padding:0 16px}.reader-top h1 span{font-size:18px}.reader-workspace{grid-template-columns:145px minmax(0,1fr);gap:12px}#page-content{padding:24px;gap:24px;grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr)}.translated-copy h2{font-size:30px}.translated-copy #page-text{font-size:20px}.reader-footer #saved-hint{display:none}}@media(max-width:800px){.reader-top h1 span{display:block;margin:5px 0 0;font-size:18px}.reader-top h1{font-size:28px}.reader-top{padding-bottom:14px}.language-control>span{display:none}.reader-workspace{height:calc(100dvh - 240px);min-height:440px;grid-template-columns:116px minmax(0,1fr);gap:10px}#page-content{display:flex;flex-direction:column;padding:20px}.art-panel{position:static;width:100%;order:-1}#fumetto-reader.art-fit #page-art{max-height:48dvh}.translated-copy h2{font-size:30px}#fumetto-reader .thumb img{height:90px}.thumb .thumb-title{font-size:11px}.reader-toolbar{padding:8px;gap:5px;flex-wrap:wrap}.view-tools{gap:4px}.reader-footer{font-size:10px}.reader-toolbar #toggle-pages span{display:none}#page-kicker{margin-top:8px}}@media(max-width:500px){#fumetto-reader{padding:0 9px;margin-top:12px}.reader-workspace{position:relative;display:block;height:calc(100dvh - 225px)}.reading-area{height:100%}.page-rail{position:absolute;left:0;top:57px;bottom:0;width:145px;z-index:5;box-shadow:8px 5px 20px #0003;border-radius:0 0 0 8px}.rail-hidden .page-rail{display:none}.reader-toolbar{min-height:57px;flex-wrap:nowrap}.reader-toolbar button{padding:6px 7px!important}.pager{gap:2px}.pager select{max-width:80px}.reader-toolbar #fit{font-size:11px!important}.reader-top h1{font-size:26px}.reader-top h1 span{font-size:15px}.language-control select{min-width:104px;width:104px}#page-content{padding:18px}.reader-footer{padding:8px}.reader-footer #reading-hint{line-height:1.4}#fumetto-reader #focus{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{#offline-nav,#local-breadcrumb,.page-rail,.reader-toolbar,.reader-footer,.reader-top,#art-dialog{display:none!important}.reader-workspace,.reading-area,#page-content{display:block!important;height:auto!important;overflow:visible!important;border:0!important}.art-panel{position:static}.art-panel img{max-height:70vh!important}.translated-copy{margin-bottom:30px}}

#fumetto-reader .thumb[hidden]{display:none!important}

/* Full-page reading: text flows around the illustration, as in Biography. */
#fumetto-reader{max-width:none;margin:10px auto 0;padding:0 14px 10px}
#fumetto-reader .reader-top{padding:0 2px 12px}
#fumetto-reader .reader-top h1{font-size:29px}
#fumetto-reader .reader-workspace{grid-template-columns:140px minmax(0,1fr);gap:12px;height:var(--workspace-height,calc(100dvh - 205px));min-height:300px}
#fumetto-reader .reader-toolbar{min-height:48px;padding:6px 12px}
#fumetto-reader #page-content{display:block;position:relative;padding:22px 26px;overflow:auto}
#fumetto-reader .translated-copy{display:flow-root;width:100%;max-width:none}
#fumetto-reader .translated-copy h2{font-size:36px;margin:4px 0 18px;text-wrap:pretty;max-width:none}
#fumetto-reader .translated-copy #page-text{font-size:21px;line-height:1.44}
#fumetto-reader .translated-copy #page-text p{margin:0 0 .85em;text-wrap:pretty;hyphens:auto}
#fumetto-reader .art-panel{position:static;float:right;width:44%;margin:0 0 16px 26px}
#fumetto-reader #page-art{width:100%;height:auto;max-height:none;object-fit:contain}
#fumetto-reader.art-fit #page-art{max-height:calc(var(--workspace-height,70dvh) - 170px)}
#fumetto-reader #art-caption{margin-top:7px;font-size:10px}
#fumetto-reader .reader-footer{padding:7px 12px}
#fumetto-reader .thumb img{height:110px}
#fumetto-reader.rail-hidden .reader-workspace{grid-template-columns:minmax(0,1fr)}
#fumetto-reader[lang=zh] .translated-copy #page-text,#fumetto-reader[lang=ja] .translated-copy #page-text,#fumetto-reader[lang=ko] .translated-copy #page-text{font-size:19px;line-height:1.75}
@media(min-width:1500px){#fumetto-reader .reader-workspace{grid-template-columns:160px minmax(0,1fr)}#fumetto-reader .translated-copy #page-text{font-size:24px}#fumetto-reader .art-panel{width:41%}}
@media(max-width:800px){#fumetto-reader{padding:0 10px 8px}#fumetto-reader .reader-workspace{grid-template-columns:112px minmax(0,1fr);gap:8px}#fumetto-reader #page-content{padding:18px}#fumetto-reader .art-panel{width:45%;margin-left:18px}#fumetto-reader .translated-copy h2{font-size:30px}#fumetto-reader .translated-copy #page-text{font-size:19px}#fumetto-reader .thumb img{height:85px}}
@media(max-width:600px){#fumetto-reader .art-panel{float:none;width:100%;margin:0 0 18px}#fumetto-reader.art-fit #page-art{max-height:42dvh}#fumetto-reader .reader-workspace{min-height:280px}}
@media(max-width:500px){#fumetto-reader .reader-workspace{display:block}#fumetto-reader .reader-top h1{font-size:26px}#fumetto-reader .reader-top h1 span{font-size:15px}#fumetto-reader .page-rail{top:48px}#fumetto-reader .reader-toolbar{min-height:48px;padding:6px}#fumetto-reader #page-content{padding:16px}#fumetto-reader .translated-copy h2{font-size:29px}}
@media print{#fumetto-reader .reader-workspace{height:auto!important}#fumetto-reader .art-panel{float:right;width:42%}}

/* Continuous document, native scrolling: no wheel interception. */
#fumetto-reader #page-content{scroll-behavior:auto;overscroll-behavior-y:contain;overflow-anchor:none}
#fumetto-reader .continuous-page{min-height:calc(var(--workspace-height,70dvh) - 124px);padding:0 0 36px;margin:0 0 36px;border-bottom:1px solid var(--line);scroll-margin-top:12px}
#fumetto-reader .continuous-page:last-child{margin-bottom:0;border-bottom:0}
#fumetto-reader .page-text{font:21px/1.44 "Helvetica Neue",Helvetica,Arial,sans-serif}
#fumetto-reader .page-text p{margin:0 0 .85em;text-wrap:pretty;hyphens:auto}
#fumetto-reader .page-text ul{padding-left:1.1em;margin:0 0 1em}
#fumetto-reader .page-text li{margin:0 0 .65em}
#fumetto-reader .page-text h3{font-size:23px;font-weight:400;margin:1.4em 0 .6em}
#fumetto-reader .art-open{display:block;padding:0;border:0;background:white;width:100%;cursor:zoom-in;border-radius:0}
#fumetto-reader .page-art{width:100%;height:auto;display:block;object-fit:contain}
#fumetto-reader.art-fit .page-art{max-height:calc(var(--workspace-height,70dvh) - 170px)}
#fumetto-reader .art-caption{font-size:10px;color:#707070;text-align:center;margin-top:7px}
#fumetto-reader[lang=zh] .page-text,#fumetto-reader[lang=ja] .page-text,#fumetto-reader[lang=ko] .page-text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:19px;line-height:1.75}
@media(min-width:1500px){#fumetto-reader .page-text{font-size:24px}}
@media(max-width:800px){#fumetto-reader .page-text{font-size:19px}}
@media(max-width:600px){#fumetto-reader.art-fit .page-art{max-height:42dvh}}
@media print{#fumetto-reader .continuous-page{break-before:page;min-height:0}#fumetto-reader .page-art{max-height:60vh}}

/* A dedicated typographic cover in every language. */
#fumetto-reader .book-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px 40px;min-height:calc(var(--workspace-height,80dvh) - 122px);gap:0}
#fumetto-reader .cover-heading{width:100%;margin:0 auto}
#fumetto-reader .cover-series{font:10px/1.4 Arial,sans-serif;letter-spacing:.28em;color:#9d302b;margin:0 0 24px}
#fumetto-reader .book-cover h2{font:normal clamp(44px,5.6vw,82px)/.98 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0 auto 18px;color:#292724}
#fumetto-reader .cover-subtitle{font:italic 23px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#707070;margin:0 auto 26px;max-width:35ch}
#fumetto-reader .cover-art{position:static;float:none;width:min(100%,850px);margin:0 auto 24px}
#fumetto-reader.art-fit .cover-art .page-art{max-height:38dvh;object-fit:contain}
#fumetto-reader .cover-author{font:16px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0;color:#484440}
#fumetto-reader[lang=zh] .book-cover h2,#fumetto-reader[lang=ja] .book-cover h2,#fumetto-reader[lang=ko] .book-cover h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.15;letter-spacing:.01em;max-width:12ch}
@media(max-width:800px){#fumetto-reader .book-cover{padding:22px 8px 34px}#fumetto-reader .book-cover h2{font-size:clamp(40px,7vw,60px)}#fumetto-reader .cover-subtitle{font-size:20px}#fumetto-reader .cover-author{font-size:12px;letter-spacing:.1em}}
@media(max-width:500px){#fumetto-reader .book-cover h2{font-size:43px}#fumetto-reader .cover-series{font-size:9px;letter-spacing:.18em;margin-bottom:20px}#fumetto-reader .cover-author{font-size:11px}#fumetto-reader.art-fit .cover-art .page-art{max-height:34dvh}}

/* Shared rounded language selector and red orbit, matching Manifesto. */
#fumetto-reader .reader-language-frame{position:relative;display:inline-flex;border-radius:16px;isolation:isolate}
#fumetto-reader .language-control select{border:1px solid #d8d8d8;border-radius:16px;background:transparent;min-height:36px;position:relative;z-index:2;padding-left:13px}
#fumetto-reader .reader-language-frame::after{content:'';position:absolute;inset:-1px;z-index:3;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from var(--menu-orbit-angle),transparent 0deg,transparent 220deg,#f0b1a8 255deg,#bf2632 300deg,#9e1828 338deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:menuRedOrbit 1s linear infinite}
@media(prefers-reduced-motion:reduce){#fumetto-reader .reader-language-frame::after{animation:none!important}}

/* Match the shared site editorial typography and neutral background. */
#fumetto-reader{--jbs-editorial-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--jbs-editorial-heading:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--accent:#973a32;font-family:var(--jbs-editorial-body)}
#fumetto-reader .reading-area,#fumetto-reader .reader-toolbar,#fumetto-reader .reader-footer{background:#f2f2f2}
#fumetto-reader :is(h1,h2,h3,h4),#fumetto-reader :is(h1,h2,h3,h4) *{font-family:var(--jbs-editorial-heading)!important;font-weight:400}
#fumetto-reader .page-text,#fumetto-reader .translated-copy #page-text{font-family:var(--jbs-editorial-body)!important;font-size:17px;line-height:1.6;color:#484440}
#fumetto-reader .page-text h3{font-size:23px;line-height:1.3}
#fumetto-reader .cover-subtitle{font-family:var(--jbs-editorial-body);font-style:normal}
#fumetto-reader .book-cover h2{line-height:1.08}
@media(max-width:650px){#fumetto-reader .page-text,#fumetto-reader .translated-copy #page-text{font-size:16px}}