.booklet-page [hidden]{display:none!important}
.booklet-intro{max-width:1000px;padding-block:42px 36px}
.reader-back{display:inline-block;margin-bottom:35px;color:var(--muted);font:12px/1.5 Arial,sans-serif;text-underline-offset:5px}
.booklet-intro h1{font-size:clamp(42px,6vw,72px);margin-bottom:17px;line-height:1.1}
.booklet-intro .eyebrow{margin-bottom:16px}
.booklet-lead{font-size:23px}
.booklet-note{max-width:760px;color:var(--muted);font-size:16px;line-height:1.65;margin-top:16px}
.booklet-note strong{font-weight:400;color:var(--paper)}
.edition-note{font:11px/1.6 Arial,sans-serif;letter-spacing:.5px;color:var(--muted);margin-top:18px}
.booklet-reader{width:min(1000px,92%);margin:auto;scroll-margin-top:15px}
.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;position:sticky;top:84px;z-index:8;border:1px solid #c7ac7055;background:#17231df5;backdrop-filter:blur(12px);box-shadow:0 4px 12px #0003}
.booklet-reader button,.booklet-reader select{font:13px/1.4 Arial,sans-serif}
.booklet-reader button{padding:11px 16px;border:1px solid #c7ac7070;background:transparent;color:var(--paper);cursor:pointer;min-height:44px}
.booklet-reader button:hover{background:#c7ac7020}
.booklet-reader button:disabled{opacity:.35;cursor:default;background:transparent}
.booklet-reader select{background:#101713;color:var(--paper);border:1px solid #c7ac7070;padding:10px 30px 10px 12px;max-width:100%;min-height:44px}
.booklet-reader select:focus-visible,.booklet-reader summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.page-picker{display:flex;align-items:center;gap:12px;font:12px Arial,sans-serif}
.page-picker label,.page-total{color:var(--muted)}
.reader-section-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;padding:20px 12px;font:12px/1.5 Arial,sans-serif}
.reader-section-links a{color:var(--muted);text-underline-offset:5px}
.reader-section-links a:hover{color:var(--gold)}
.reader-page-heading{text-align:center;padding:9px 0 21px}
.reader-page-heading h2{font-size:23px;line-height:1.3;letter-spacing:0;margin:0 0 6px}
.reader-page-heading p{font:11px/1.5 Arial,sans-serif;color:var(--muted)}
.page-actions{display:flex;gap:12px;justify-content:center;padding-bottom:16px}
.page-actions button{font-size:12px;min-height:40px}
.booklet-sheet{max-width:880px;margin:auto;background:#e9e1cf;box-shadow:0 15px 50px #0007}
.booklet-sheet img{width:100%;height:auto}
.booklet-gate{max-width:880px;min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:55px 24px;border:1px solid #c7ac7055;background:radial-gradient(ellipse at top,#2e3b2d,#121b16 75%)}
.booklet-gate{margin:auto}
.gate-mark{font-size:48px;color:var(--gold);line-height:1;margin-bottom:25px}
.booklet-gate .eyebrow{margin-bottom:18px}
.booklet-gate h3{font-weight:400;font-size:38px;line-height:1.1;margin:0 0 20px}
.booklet-gate>p:not(.eyebrow){max-width:440px;font-size:17px;color:var(--muted);margin:0 0 28px}
.booklet-gate #reveal-page{background:var(--gold);color:var(--ink);padding:15px 27px;border:0;font-weight:bold}
.booklet-gate #reveal-page:hover{background:#dfc58b}
.booklet-gate .gate-footnote{font:12px/1.6 Arial,sans-serif!important;margin:24px 0 0!important}
#page-transcript{max-width:880px;margin:24px auto 0;border:1px solid #c7ac7030;padding:15px 20px}
#page-transcript summary{cursor:pointer;font:13px/1.5 Arial,sans-serif;color:var(--muted);min-height:26px}
#transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;font:17px/1.7 Georgia,serif;margin-top:20px}
.reader-error{padding:20px;text-align:center;border:1px solid #c7ac7070;margin:20px auto}
.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0 12px}
.reader-bottom span{font:12px Arial,sans-serif;color:var(--muted)}
.reader-reset{min-height:44px;text-align:center}
.reader-reset button{font-size:12px;text-decoration:underline;text-underline-offset:4px;border:0}
.reader-invitation{text-align:center;padding-block:75px}
.reader-invitation h2{font-size:clamp(32px,4vw,45px)}
#booklet-dialog{width:1450px;max-width:96vw;max-height:94vh}
#booklet-dialog .viewer-toolbar>div{display:flex;gap:8px}
.booklet-zoom-body{overflow:auto;max-height:calc(94vh - 70px);padding:12px;background:#0a100d}
.booklet-zoom-body img{width:100%;max-width:100%;margin:auto}
.booklet-zoom-body.is-zoomed img{width:2200px;max-width:none;margin:0}
@media(max-width:650px){.booklet-intro{padding-top:28px}.reader-back{margin-bottom:25px}.booklet-lead{font-size:21px}.booklet-reader{width:94%}.reader-controls{top:72px;gap:7px;padding:10px 8px}.reader-controls button{padding:9px 12px}.reader-controls button span{display:none}.page-picker{gap:7px;flex:1;justify-content:center}.page-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.page-picker select{font-size:12px;max-width:200px;padding-left:9px;padding-right:23px}.page-total{font-size:11px;white-space:nowrap}.reader-section-links{gap:12px 18px;font-size:11px}.booklet-gate{min-height:460px;padding:40px 20px}.booklet-note{font-size:15px}.booklet-sheet{margin-inline:-1%}.reader-bottom{gap:10px}.reader-bottom button{padding:10px 13px}.booklet-zoom-body{padding:0}#booklet-dialog .viewer-toolbar{font-size:12px}#booklet-dialog .viewer-toolbar button{padding:10px;font-size:11px}.reader-invitation{padding-block:55px}}
@media print{.site-header,.reader-controls,.reader-section-links,.page-actions,.reader-bottom,.reader-reset,.reader-invitation,footer,#page-transcript{display:none}.booklet-sheet{box-shadow:none}.booklet-gate{break-inside:avoid}}

