/* A paper reading room beneath the midnight entrance. */
.shelf-section{--paper:#f5efdf;--ink:#202941;--paper-muted:#626477;max-width:none;background:var(--paper);color:var(--ink);padding:74px max(24px,calc((100% - 1250px)/2)) 75px;border-top:0;border-radius:38px 38px 0 0}
.shelf-section .eyebrow{color:#87611d;font-size:11px}.shelf-heading{max-width:1250px;margin:0 auto 38px}.shelf-heading h2{font-size:clamp(34px,3.6vw,54px)}.shelf-heading>p,.book-note{color:var(--paper-muted)}.books{max-width:870px;margin:0 auto 48px;gap:30px}.book{transition:opacity 260ms;position:relative}.book .bind{box-shadow:0 10px 18px #20294126,0 2px 3px #20294130}.book .cover-title{color:#fff6e3;font-size:clamp(14px,1.5vw,20px)}.book-label{color:var(--ink);font-size:16px}.book-label>span{color:#87611d}.book-note{font-size:12px}.books.has-selection .book[aria-pressed=false]{opacity:.6}.books.has-selection .book[aria-pressed=false]:hover{opacity:1}.book[aria-pressed=true]:after{content:'';height:3px;width:36px;background:#a97b27;position:absolute;bottom:-15px;left:0;border-radius:3px}
.sample-reader{max-width:990px;margin:auto;outline-offset:9px}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.reader-heading .eyebrow{font-size:10px;margin:0 0 5px}.reader-heading h3{font:700 29px/1.1 Baloo,system-ui;margin:0}.reader-button{color:var(--ink);border:1px solid #cbc6b9;background:transparent;border-radius:999px;min-height:44px;padding:10px 18px;font-size:13px;transition:background 160ms}.reader-button:hover{background:#e8dfcc}.reader-button:disabled{opacity:.35;cursor:default}.shelf-section :focus-visible,#reader-fullscreen :focus-visible{outline-color:#87611d}.reading-book{position:relative;perspective:1600px;border-radius:5px 16px 16px 5px;background:#fffaf0;border:10px solid #182a5e;border-left-width:18px;box-shadow:3px 4px 0 #d5c8a6,6px 8px 0 #e2d8c1,0 28px 48px #26304723;isolation:isolate}.story-page{margin:0;overflow:hidden;border-radius:2px 7px 7px 2px}.story-page img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e8dfcc}.story-page img[hidden]{display:none}.story-page figcaption{font-family:Andika,system-ui;font-size:clamp(16px,1.6vw,21px);line-height:1.7;padding:25px 38px 30px;min-height:124px;text-align:center;text-wrap:pretty}.reading-book:not(.is-open){aspect-ratio:16/10}.reading-book:not(.is-open) .story-page{visibility:hidden}#open-sample{position:absolute;inset:-10px -10px -10px -18px;padding:0;border:0;background:#182a5e;transform-origin:0 50%;border-radius:3px 14px 14px 3px;z-index:3;backface-visibility:hidden;overflow:hidden}#open-sample .bind{height:100%;width:100%;aspect-ratio:auto;box-shadow:none}#open-sample .cover-title{font-size:clamp(26px,4vw,52px);color:var(--fg);top:15%}#open-sample .age-stamp{font-size:clamp(16px,2vw,23px)}.open-cover{display:block;height:100%}.open-invitation{position:absolute;z-index:8;bottom:15%;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:var(--accent);color:var(--bg);font-size:14px;padding:13px 24px;box-shadow:0 4px 20px #0004}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 0}.reader-controls[hidden],#sample-end[hidden],#open-sample[hidden],#reader-error[hidden]{display:none}#page-count{font-size:13px;letter-spacing:.03em;color:var(--paper-muted);margin:0}.reader-hint{text-align:center;color:var(--paper-muted);font-size:12px;margin:22px 0 0}#reader-error{padding:18px;text-align:center;color:#823c23}#sample-end{text-align:center;margin:32px 0 0;padding:35px 20px 20px;border-top:1px solid #d9d0bd}.end-star{color:#94671d;font-size:23px}#sample-end h3{font:700 clamp(29px,3vw,40px)/1.2 Baloo,system-ui;margin:12px 0 8px}#sample-end p{font-size:15px;color:var(--paper-muted)}#sample-end>div{display:flex;gap:18px;justify-content:center;align-items:center;margin:22px 0 12px}#sample-end small{font-size:12px;color:var(--paper-muted)}.flying-cover{position:fixed;z-index:35;pointer-events:none;margin:0!important;transform-origin:0 0}.sample-reader[aria-busy=true] #page-count{opacity:.5}
#reader-fullscreen{--ink:#202941;--paper-muted:#626477;max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:65px max(20px,calc((100vw - 1100px)/2)) 35px;background:#f5efdf;color:var(--ink);overflow:auto}#reader-fullscreen .sample-reader{max-width:990px;text-align:left}#reader-fullscreen .close{position:fixed;z-index:6;right:18px;top:12px;background:#e8dfcc;color:var(--ink);border-radius:50%}#reader-fullscreen .eyebrow{color:#87611d}#reader-fullscreen #reader-expand{display:none}#reader-fullscreen .reader-heading h3{font-size:29px}#reader-fullscreen .primary{margin:0}#reader-fullscreen #sample-end p{color:var(--paper-muted)}
@media(max-width:650px){.shelf-section{padding:42px 20px 45px;border-radius:25px 25px 0 0}.shelf-heading{margin-bottom:25px}.shelf-heading h2{font-size:36px;max-width:300px}.shelf-heading>p{font-size:14px}.books{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:40px}.book{margin:0}.book .cover-title,.book .age-stamp,.book-note{display:none}.book-label{font:700 12px/1.35 Baloo,system-ui;margin-top:12px;min-height:33px}.book-label>span{display:none}.book .gilt{border-width:1px}.reader-heading{gap:12px;margin-bottom:16px}.reader-heading h3{font-size:24px}.reader-heading .eyebrow{font-size:8px;letter-spacing:.08em}.reader-heading .reader-button{font-size:11px;padding:10px 12px;white-space:nowrap}.reading-book{border-width:6px;border-left-width:10px;border-radius:3px 10px 10px 3px}.story-page figcaption{padding:20px 16px;font-size:16px;line-height:1.65;min-height:150px}#open-sample{inset:-6px -6px -6px -10px}.open-invitation{font-size:12px;padding:10px 15px}.reader-controls{gap:8px;margin-top:22px}.reader-controls .reader-button{font-size:12px;padding:10px 13px}#page-count{font-size:12px}#sample-end{padding:25px 0 10px}#sample-end>div{flex-direction:column;gap:10px}.reader-hint{font-size:11px}.flying-cover .cover-title{display:none}#reader-fullscreen{padding:65px 16px 25px}}
@media(max-width:370px){.reader-controls .reader-button span{display:none}.reader-controls .reader-button{min-width:48px}.reader-heading h3{font-size:21px}.reader-heading .reader-button{font-size:10px;padding:10px}.shelf-section{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.book{transition:none}.flying-cover{display:none}}
.reader-controls .reader-button{white-space:nowrap;flex-shrink:0}