:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader{--stage:#20242b;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--stage);color:#fff;position:relative}.reader-stage{flex:1;min-height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#ffffff0b,transparent 65%)}.book-position{flex:none;transition:transform .45s ease;filter:none}.book{position:relative}.book-page{background:#fff;overflow:hidden;box-shadow:0 8px 24px #0003}.book-page img{display:block;width:100%;height:100%;object-fit:contain;background:white;user-select:none}.reader-controls{height:68px;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:0 26px;border-top:1px solid #ffffff15;background:#10141b50}.reader-hint{font-size:12px;color:#b1b6c0;max-width:220px;line-height:1.6}.pagination,.reader-actions{display:flex;align-items:center;gap:10px}.reader-actions{justify-content:flex-end}.icon-button{width:38px;height:38px;border-radius:8px;border:1px solid #ffffff24;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#fff;cursor:pointer}.icon-button:hover{background:#ffffff17}.icon-button:disabled{opacity:.3;cursor:default}.icon-button:focus-visible,.page-number:focus-visible{outline:3px solid #8cb1ff;outline-offset:3px}.page-label{display:flex;gap:4px;align-items:center;white-space:nowrap}.page-number{color:#fff;background:#ffffff0d;border:1px solid #ffffff25;border-radius:5px;text-align:center;width:45px;height:32px;font:inherit;font-size:14px;appearance:textfield;-moz-appearance:textfield}.page-number::-webkit-inner-spin-button{appearance:none}.page-total{font-size:14px;color:#c1c8d4;min-width:32px}.zoom-dialog{background:#e7e8ea;border:0;border-radius:12px;padding:0;width:min(94vw,1200px);height:92vh;max-width:94vw;max-height:92vh;color:#171c26}.zoom-dialog::backdrop{background:#060a12cc}.zoom-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #ddd;font-size:14px}.zoom-close{font:inherit;background:#f0f1f4;padding:8px 12px;border:0;border-radius:6px;cursor:pointer}.zoom-content{padding:20px;overflow:auto;height:calc(100% - 67px)}.zoom-page{position:relative!important;width:1200px!important;height:auto!important;min-height:600px;max-width:none;background:white;margin:0 auto}.zoom-page img{width:1200px;height:auto;object-fit:contain}.demo-page{height:100%;padding:9%;display:flex;flex-direction:column;position:relative;overflow:hidden;color:#192d33;background:#fbfbf6;font-family:Georgia,serif}.demo-page small{font:600 calc(var(--page-unit, 3px) * 2.7) "Segoe UI",sans-serif;letter-spacing:.15em;text-transform:uppercase}.demo-page h2{font-size:calc(var(--page-unit, 3px) * 12);line-height:.95;letter-spacing:-.05em;font-weight:400;margin:auto 0}.demo-page h3{font-size:calc(var(--page-unit, 3px) * 9);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:12% 0 8%}.demo-page p{font-size:calc(var(--page-unit, 3px) * 4.2);line-height:1.55;margin:0 0 6%}.demo-page footer{margin-top:auto;display:flex;justify-content:space-between;font:calc(var(--page-unit, 3px) * 3) "Segoe UI",sans-serif;border-top:1px solid currentColor;padding-top:6%;opacity:.8}.demo-cover{background:#ddeb42;color:#183332}.demo-cover h2{font-size:calc(var(--page-unit, 3px) * 17)}.demo-cover .cover-number{font-size:calc(var(--page-unit, 3px) * 40);line-height:1;letter-spacing:-.1em;margin-left:-2%}.demo-dark{background:#163734;color:#ddeb42}.demo-dark p{color:#edf1e0}.demo-page .large-number{font-size:calc(var(--page-unit, 3px) * 30);line-height:1;color:#a3b0a8;margin:0}.reader:fullscreen{width:100%;height:100%;}.publication-body{margin:0;background:#20242b;height:100vh;height:100dvh;display:flex;flex-direction:column}.publication-header{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.publication-header h1{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publication-header a{font-size:14px;color:#244cc8;white-space:nowrap}.publication-reader{flex:1;min-height:0}.publication-body .reader-hint{max-width:none}.zoom-page .demo-page{min-height:1600px}.reader[data-light="true"]{color:#18202c}@media(max-width:700px){.reader-controls{grid-template-columns:1fr auto;padding:0 12px;height:60px;gap:8px}.reader-hint{display:none}.pagination{justify-content:flex-start;gap:6px}.reader-actions{gap:6px}.publication-header{padding:14px 16px}.zoom-content{padding:12px}.book-position{transition:none}}@media(prefers-reduced-motion:reduce){.book-position{transition:none}}

/* The optional gutter follows each inner edge, so it moves with the page. */
.reader[data-curvature="true"][data-layout="spread"] .book-page:not([data-cover="true"])::after{content:"";position:absolute;inset:0;width:12%;pointer-events:none;z-index:5}
.reader[data-curvature="true"][data-layout="spread"] .book-page.--left:not([data-cover="true"])::after{left:auto;right:0;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.025) 40%,rgba(0,0,0,.12) 90%,rgba(0,0,0,.18) 100%)}
.reader[data-curvature="true"][data-layout="spread"] .book-page.--right:not([data-cover="true"])::after{left:0;right:auto;background:linear-gradient(to left,transparent 0%,rgba(0,0,0,.025) 40%,rgba(0,0,0,.12) 90%,rgba(0,0,0,.18) 100%)}
.zoom-page::after{display:none!important}.zoom-page{--page-unit:12px}
.reader[hidden],.publication-reader[hidden],#publication-fallback[hidden]{display:none!important}
.publication-body:not(.reader-ready){height:auto;min-height:100vh;display:block;overflow:auto}
#publication-fallback{padding:18px;max-width:1000px;margin:auto;color:#fff}
.fallback-message{font:14px/1.65 "Segoe UI",Arial,sans-serif;color:#e0e5ed;background:#ffffff12;border-radius:8px;padding:14px 18px}
.fallback-page{margin:20px auto;background:#fff;box-shadow:0 4px 22px #0003;overflow:hidden}
.fallback-page>img{display:block;width:100%;height:auto}.fallback-page>.demo-page{min-height:800px;--page-unit:6px}
.reader-expanded{position:fixed!important;inset:0!important;z-index:10000!important;width:100%!important;height:100vh!important;height:100dvh!important}
.reader-controls{padding-bottom:env(safe-area-inset-bottom,0px);height:calc(68px + env(safe-area-inset-bottom,0px))}
.dialog-fallback[open]{position:fixed;inset:4vh 3vw;z-index:10001;margin:0}
.reader-stage{touch-action:pan-y}.book-page img{-webkit-user-select:none;-webkit-touch-callout:none}
@media(max-width:700px){.reader-controls{height:calc(60px + env(safe-area-inset-bottom,0px))}.publication-header{padding-top:max(14px,env(safe-area-inset-top,0px))}.fallback-page>.demo-page{min-height:460px;--page-unit:3px}}
