/* Reading only: a physical room, a paper index, and a comfortable book page. */
.reading-body{--rd-wood:#69472d;--rd-pink:#b95170;color:var(--blue);font-family:Georgia,'Times New Roman',serif}
#reading-main{max-width:1440px;margin:0 auto 3rem;outline:none}
.rd-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rd-skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--paper);padding:1rem}.rd-skip:focus{top:1rem}
#reading-main .rd-book-link:hover{background:transparent}
#reading-main a{color:inherit}#reading-main button,#reading-main input,#reading-main select{font:inherit;color:inherit}
#reading-main button{cursor:pointer}#reading-main :focus-visible{outline:3px solid #145fa2;outline-offset:4px}
.rd-room{position:relative;aspect-ratio:708/434;overflow:hidden;background:#9b6a43}
.rd-room-art{display:block;position:absolute;width:100%;max-width:none;height:auto;top:-13.825%;left:0}
.rd-shelf{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:2px solid transparent;border-radius:2px;transition:transform .18s,box-shadow .18s,background .18s;text-decoration:none}
.rd-shelf span{position:absolute;bottom:0;left:50%;transform:translate(-50%,12%);min-width:155px;max-width:230px;padding:.75rem;background:#f3e3bf;color:#163f65;font:bold .85rem/1.3 Georgia,serif;box-shadow:3px 5px 8px #21180e66;opacity:0;pointer-events:none}
.rd-shelf small{display:block;font:10px/1.4 monospace;margin-top:.4rem}
.rd-shelf:hover,.rd-shelf:focus-visible{transform:translateY(-3px);background:#ffe8b014;border-color:#f4ce77;box-shadow:3px 5px 9px #25170c77;z-index:2}
.rd-shelf:hover span,.rd-shelf:focus-visible span{opacity:1}
.rd-library-desk,.rd-paper{background-color:var(--paper);background-image:radial-gradient(#78613e20 .65px,transparent .85px);background-size:5px 5px}
.rd-library-desk{padding:1.8rem 3rem;border-top:7px solid #624329;box-shadow:0 10px 20px #0005}
.rd-library-desk>p:first-child,.rd-overline,.rd-catalogue-title>p:first-child{font:11px/1.6 'DM Mono',monospace;letter-spacing:.13em}
.rd-main-link{display:flex;justify-content:space-between;gap:1rem;font:bold clamp(20px,3vw,36px)/1.2 Georgia,serif;text-decoration:none;border-bottom:1px solid #a78764;padding:.6rem 0 1.2rem}
.rd-main-link span{color:var(--rd-pink)}
.rd-search{margin:1.5rem 0;max-width:700px}.rd-search label{display:block;font-size:15px;margin-bottom:.5rem}.rd-search div{display:flex;gap:.6rem}
.rd-search input,.rd-filters input[type=search],.rd-filters select{min-width:0;width:100%;padding:.7rem;border:1px solid #9b7956;background:#f6edda;border-radius:0}
.rd-search button,.rd-filters>button,.rd-empty button,.rd-check button{background:var(--blue);border:0;padding:.7rem 1rem;color:var(--paper)!important;white-space:nowrap}
.rd-collections{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.5rem}.rd-collections a{font:bold 12px/1.4 monospace;padding:.5rem 0;text-decoration-color:var(--rd-pink);text-underline-offset:5px}
.rd-caption{font-style:italic;font-size:14px;color:#67563e;margin-bottom:0}
.rd-paper{padding:clamp(20px,4vw,60px);box-shadow:0 9px 25px #0005;min-height:70vh}
.rd-back,.rd-reader-nav{font:12px/1.5 monospace}.rd-catalogue-title{border-bottom:3px double #997a57;padding:1.2rem 0}.rd-catalogue-title h1{font-size:clamp(36px,5vw,64px);line-height:1.05;margin:.6rem 0}.rd-catalogue-title>p:last-child{font-style:italic}
.rd-catalogue-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:2.5rem;padding-top:2rem}.rd-filters{border-right:1px solid #af9674;padding-right:1.5rem;align-self:start}.rd-filters>label{font:bold 11px/1.4 monospace;display:block;margin-bottom:.7rem}.rd-filters details{margin:.8rem 0}.rd-filters summary{cursor:pointer;font:bold 13px/1.5 monospace}.rd-filter-drawer>summary{padding:.7rem 0;border-bottom:1px solid #ad9271}.rd-filter-help{font-size:12px;line-height:1.5;color:#695941}.rd-options{display:flex;flex-direction:column;gap:.4rem;padding:.6rem 0}.rd-options label{font-size:14px;line-height:1.5}.rd-options input{accent-color:#a13d61}.rd-length{display:block;margin-top:1rem}.rd-filters>button{margin-top:.8rem;font-size:11px!important}
#rd-results-meta{font:12px/1.5 monospace;color:#785737;padding-bottom:1rem;border-bottom:1px solid #c2ab8b}
.rd-index-entry{border-bottom:1px solid #b99d77;padding:1.5rem 0}.rd-book-link{display:grid;grid-template-columns:110px minmax(0,1fr);gap:1.6rem;align-items:center;text-decoration:none}.rd-book{min-height:154px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:.9rem .65rem .7rem 1rem;border-left:7px solid #0002;box-shadow:3px 4px 0 #c0a477,6px 7px 10px #3020163d;transform:rotate(-2deg);transition:transform .18s,box-shadow .18s;background:#e8bd5c;color:#153c63;overflow:hidden}.rd-book small{font:8px/1.3 monospace}.rd-book strong{font:bold 16px/1.1 Georgia,serif}.rd-book span{font:10px monospace}.rd-book-1{background:#cf9fa4}.rd-book-2{background:#9eabb2}.rd-book-3{background:#d8c6a1}.rd-book img{width:100%;height:100%;object-fit:contain}.rd-book-link:hover .rd-book,.rd-book-link:focus-visible .rd-book{transform:rotate(0) translateY(-4px);box-shadow:3px 6px 0 #c0a477,6px 10px 13px #30201650}
.rd-entry-meta{font:11px/1.5 monospace;letter-spacing:.08em;margin:0}.rd-entry-copy h2{font-size:clamp(22px,2.5vw,32px);margin:.4rem 0}.rd-entry-copy>p:not(.rd-entry-meta){line-height:1.55;margin:.6rem 0}.rd-tags{display:flex;flex-wrap:wrap;gap:.3rem .65rem}.rd-tags span{font:10px/1.5 monospace;border-bottom:2px solid #bc7488;padding:2px 0;color:#614f3b}.rd-read-link{display:inline-block;font:bold 10px/1.5 monospace;margin-top:1rem}
.rd-empty{padding:3rem 1rem;text-align:center}.rd-empty h2{font-size:clamp(25px,3vw,38px)}
.rd-reader{max-width:1040px;margin:auto}.rd-reader-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.rd-story-header{max-width:740px;margin:3rem auto 1.5rem;text-align:center}.rd-story-header h1{font:700 clamp(40px,6vw,76px)/1.03 Georgia,serif;margin:.6rem 0 1rem;letter-spacing:-.035em}.rd-story-header>p:not(.rd-deck){font:11px/1.6 monospace;letter-spacing:.1em}.rd-deck{font-size:18px;line-height:1.6;font-style:italic;max-width:560px;margin:1.3rem auto}
.rd-language,.rd-audio{max-width:720px;margin:1.5rem auto;border-top:1px solid #ae9472;border-bottom:1px solid #ae9472;padding:1rem 0}.rd-language summary{font:bold 11px/1.5 monospace;cursor:pointer}.rd-language dl{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:1rem 0 0}.rd-language dl>div{flex:1;min-width:130px}.rd-language dt{font:bold 11px monospace;text-transform:uppercase}.rd-language dd{margin:.5rem 0 0;font-size:13px;line-height:1.7}.rd-audio h2{font:bold 12px monospace}.rd-audio p{font-size:14px;color:#6c593f}.rd-audio audio{width:100%;display:block;margin:.8rem 0}.rd-audio select{background:#efe0c2;border:1px solid #9d805c;padding:.3rem}
.rd-story-text{max-width:66ch;margin:2.5rem auto;color:#282a27;font:clamp(18px,1.7vw,21px)/1.95 Georgia,serif}.rd-story-text p{margin:0 0 1.5em}.rd-story-text p:first-child::first-letter{float:left;font-size:3.4em;line-height:.9;padding:.15em .13em 0 0;color:var(--blue)}
#reading-main .rd-keyword{display:inline;background:transparent;border:0;border-bottom:1px dotted var(--rd-pink);padding:0;border-radius:0;line-height:inherit;text-align:left}.rd-keyword:hover{background:#e5bfca}
.rd-vocabulary,.rd-check{max-width:720px;margin:2rem auto;padding-top:1rem;border-top:1px solid #ac9272}.rd-vocabulary h2,.rd-check summary{font:bold 12px/1.5 monospace}.rd-vocabulary>p{font-size:14px}.rd-word-note{border-left:3px solid var(--rd-pink);padding:0 1rem}.rd-word-note:empty{display:none}.rd-word-note em{display:block;margin:.4rem 0;font-size:14px}.rd-word-note p{line-height:1.6}.rd-check summary{cursor:pointer}.rd-check fieldset{margin:1rem 0;border:1px solid #b69b74;padding:1rem}.rd-check label{display:block;margin:.6rem 0}.rd-check legend{font-size:16px}.rd-check [data-check-status]{font-size:14px}.rd-reader-footer{display:flex;justify-content:space-between;border-top:3px double #9d7a55;gap:1rem;margin-top:3rem;padding:1rem 0;font:10px/1.6 monospace;flex-wrap:wrap}
@media(max-width:760px){.reading-body{padding:0 12px}.rd-room{aspect-ratio:auto;overflow:visible;padding-top:62%;background:#755036}.rd-room-art{top:0;width:100%;height:230px;object-fit:cover;object-position:center 40%}.rd-hotspots{position:relative;display:flex;flex-wrap:wrap;gap:14px;padding:20px;background:linear-gradient(90deg,#674229,#906644 48%,#63412b);border-top:8px ridge #a3764b}.rd-shelf{position:relative;inset:auto;width:calc(50% - 7px);height:auto;min-height:85px;border:0;border-left:7px solid #0002;background:#e7bf72;box-shadow:3px 5px 0 #382313;transform:rotate(-1deg);padding:13px;color:#173e62}.rd-shelf:nth-child(2){background:#cba0a8}.rd-shelf:nth-child(3){background:#a7b3b7}.rd-shelf:nth-child(4){background:#d5c19e}.rd-rack{width:100%;background:#b99f78}.rd-shelf span{position:static;display:block;transform:none;min-width:0;max-width:none;padding:0;background:none;box-shadow:none;opacity:1}.rd-shelf small{font-size:10px}.rd-shelf:hover{background:#ebcf9b}.rd-library-desk{padding:1.3rem}.rd-paper{padding:20px}.rd-catalogue-body{grid-template-columns:1fr;gap:1.5rem}.rd-filters{border:0;padding:0}.rd-options{max-height:220px;overflow:auto}.rd-filter-drawer{padding:.4rem 0}.rd-filter-help{max-width:50ch}.rd-book-link{grid-template-columns:80px minmax(0,1fr);gap:1.2rem}.rd-book{min-height:124px;padding:.7rem .35rem .5rem .6rem}.rd-book strong{font-size:13px}.rd-entry-copy h2{font-size:24px}.rd-entry-copy>p{font-size:14px}.rd-story-header{margin-top:2rem}.rd-story-text{line-height:1.8}.rd-reader{padding:22px 18px}.rd-reader-nav{font-size:10px}.rd-language dl{gap:1rem}.rd-search button{padding:.6rem;font-size:12px!important}}
@media(min-width:500px) and (max-width:760px){.rd-room{padding-top:40%}.rd-room-art{height:270px}}
@media(prefers-reduced-motion:reduce){.rd-shelf,.rd-book{transition:none}.rd-shelf:hover,.rd-book-link:hover .rd-book{transform:none}}
/* Keep the embedded reference menu outside the scene viewport on small screens too. */
@media(max-width:760px){.rd-room{padding-top:61.3%;overflow:hidden}.rd-room-art{top:calc((100vw - 24px) * -.08475);height:auto;object-fit:initial}}