/* Real material photographs beneath live cover and reading controls. */
.living-cover-frame.open-volume{padding:0;border:0;background:none;border-radius:0;touch-action:pan-y pinch-zoom;cursor:pointer;color:inherit;width:auto}
.living-cover-frame.open-volume:focus-visible{outline:2px solid #d5bd83;outline-offset:12px}
html[data-cover-input="pointer"] .living-cover-frame.open-volume:focus-visible{outline:none}
.living-cover-frame .front-cover,.living-cover-frame .cover-gold-flow,.living-cover-frame .cover-gold-sheen,.projected-cover .volume-jacket{clip-path:inset(3.4% 3% 3.2% 3% round 3%)}
.living-cover-frame::before,.projected-cover::before{inset:5% 3% 3.2% 5%;transform:translate(13px,16px);border:0;border-radius:2% 2% 3% 2%;background:linear-gradient(120deg,#5a3924,#24180f);box-shadow:inset -2px -3px 2px #97724b,2px 4px 3px #120d08,8px 15px 20px #0007}
.closed-page-edge{position:absolute;z-index:-1;pointer-events:none;overflow:hidden;filter:saturate(.35);background:#d9d3c5;box-shadow:inset 0 2px 3px #302319a0,inset 0 -1px 1px #6b5c46}
.closed-page-bottom{left:8%;right:2.5%;top:96%;height:3.0%;transform:translate(5px,4px) skewX(29deg);clip-path:polygon(0 0,100% 0,99.5% 94%,80% 100%,60% 92%,25% 99%,.4% 90%)}
.closed-page-bottom>span{position:absolute;inset:0;background:linear-gradient(#0005,transparent 25%,#fff1 70%,#0003),url('assets/page-edge-texture.png') center/100% auto}
.closed-page-right{left:96.3%;top:6%;bottom:3%;width:2.5%;transform:translate(4px,6px) skewY(24deg);container-type:size;box-shadow:inset 2px 0 4px #21180fb0}
.closed-page-right>span{position:absolute;left:50%;top:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(90deg);background:linear-gradient(#0005,transparent 30%,#fff2 75%,#0004),url('assets/page-edge-texture.png') center/100% auto}
@media(max-width:650px){.living-cover-frame::before,.projected-cover::before{transform:translate(9px,12px)}.closed-page-bottom{height:2.8%}.closed-page-right{width:2.2%}}
.reader-v2 .book-spread{transform:none;background:none;box-shadow:none}
.reader-v2 .book-spread::before{inset:-2% -3% -6%;background:url('assets/reader-antique-book.png') center/100% 100% no-repeat;border:0;border-radius:3%;box-shadow:0 18px 28px #0007;transform:none;filter:saturate(.68)}
.reader-v2 .book-spread::after,.reader-v2 .page-stack{display:none}
.reader-v2 .book-spread>.leaf{background:none;clip-path:none;border-radius:0;box-shadow:none;padding:34px clamp(30px,4vw,62px) 52px}
.reader-v2 .book-spread>.leaf::before,.reader-v2 .book-spread>.leaf::after{display:none}
@media(min-width:701px){.reader-v2 .book-spread>.right-leaf{padding-right:7%}.reader-v2 .book-spread>.left-leaf{padding-left:6%}}
.reader-v2 .folio{bottom:30px}
.reader-v2 .physical-cover-back>.leaf{background:url('assets/reader-antique-book.png') left/200% 100%;clip-path:none}
.reader-v2 .document-leaf{background:url('assets/reader-antique-book.png') right/200% 100%;border-radius:3%;box-shadow:0 12px 24px #0006;padding:40px clamp(32px,6vw,80px) 70px;filter:none}
.reader-v2 .document-leaf::before,.reader-v2 .document-leaf::after{display:none}
@media(max-width:700px){
 .reader-v2 .book-spread::before{inset:-1% -3% -4%;background-size:200% 100%;background-position:right;border-radius:2% 4% 4% 2%}
 .reader-v2 .book-spread>.leaf{padding:28px 52px 48px 28px;background:none;clip-path:none}
 .reader-v2 .document-leaf{padding:30px 30px 58px}
}
@media(max-height:540px){.reader-v2 .book-spread>.leaf{padding-top:20px;padding-bottom:34px}.reader-v2 .folio{bottom:12px}}

/* Keep live text inside the top sheet, above the photographed page stack. */
.reader-v2 .book-spread{container-type:size}
.reader-v2 .book-spread>.leaf{display:flex;flex-direction:column;padding-bottom:calc(13cqh + 12px)}
.reader-v2 .running-title{flex-shrink:0}
.reader-v2 .book-spread .leaf-content{height:auto;min-height:0;flex:1}
.reader-v2 .leaf-content{min-width:0;overflow-wrap:anywhere;word-break:normal}
.reader-v2 .leaf-content>*{min-width:0;max-width:100%}
.reader-v2 .leaf-content.title,.reader-v2 .leaf-content.chapter{justify-content:safe center}
.reader-v2 .contents-entry span:first-child{min-width:0;overflow-wrap:anywhere}
.reader-v2 .contents-entry span:last-child{flex-shrink:0}
.reader-v2 .poem-entry,.reader-v2 .leaf-subtitle{overflow-wrap:anywhere}
.reader-v2 .creators-directory{margin-top:24px;font:16px/1.6 Georgia,serif}
.reader-v2 .creators-directory h3{font:500 26px/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}
.reader-v2 .creators-directory p{margin:0}
.reader-v2 .creators-directory a{display:inline-block;min-height:44px;padding:10px 0;color:inherit}

/* Scroll is one paper surface. Sections remain anchors, never page cards. */
.reader-v2 .reader-document{background:#eee4ce;border-radius:3px;box-shadow:0 8px 24px #0005;padding:28px clamp(22px,5vw,60px) 40px;color:#443222}
.reader-v2 .document-leaf{background:none;box-shadow:none;border:0;border-radius:0;clip-path:none;min-height:0;height:auto;padding:0;margin:0;overflow:visible}
.reader-v2 .document-leaf+.document-leaf{padding-top:36px}
.reader-v2 .document-leaf .running-title,.reader-v2 .document-leaf .folio{display:none}
.reader-v2 .document-leaf .leaf-content{height:auto;min-height:0;padding:0;overflow:visible;display:block;text-align:left}
.reader-v2 .document-leaf .title{min-height:0}
.reader-v2 .document-leaf .leaf-body{margin-bottom:0}
@media(max-width:700px){
 .reader-v2 .book-spread>.leaf{padding-left:26px;padding-right:58px;padding-top:max(24px,4cqh)}
 .reader-v2 .reader-document{padding:24px 22px 32px}
}

/* Photographic scroll: preserve the handcrafted ends and deckle edges with nine-slice scaling. */
.reader-scroll-frame{display:none}
.reader-v2[data-mode="scroll"] .reader-scroll-frame{--scroll-roll:clamp(62px,10vw,125px);--scroll-side:clamp(38px,8vw,100px);position:relative;display:flex;flex:1;min-height:0;width:min(900px,100%);margin:0 auto;isolation:isolate;filter:drop-shadow(0 12px 12px #0007)}
.reader-scroll-frame::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:var(--scroll-roll) var(--scroll-side);border-image: url('assets/ancient-scroll-photographic-v2.png') 230 170 235 170 fill stretch}
.reader-v2 .reader-scroll-frame .reader-document{position:absolute;inset:var(--scroll-roll) var(--scroll-side);width:auto;margin:0;border-radius:0;padding:14px clamp(12px,2vw,26px) 26px;color:#352719;background:none;box-shadow:none;scrollbar-color:#896a43 transparent;scrollbar-gutter:stable;outline-offset:-3px}
.reader-v2 .reader-scroll-frame .document-leaf{background:none;border:0;border-radius:0;box-shadow:none;clip-path:none;margin:0;padding:0;min-height:0;height:auto;overflow:visible}
.reader-v2 .reader-scroll-frame .document-leaf+.document-leaf{padding-top:44px}
.reader-scroll-roller{display:none}
.reader-v2[data-mode="paged"] .running-title{display:none}
@media(max-width:700px){
 .reader-v2[data-mode="scroll"] .reader-scroll-frame{--scroll-roll:clamp(56px,16vw,86px);--scroll-side:clamp(32px,9vw,58px)}
 .reader-v2 .reader-scroll-frame .reader-document{padding:12px 9px 20px}
 .reader-v2 .reader-scroll-frame .document-leaf+.document-leaf{padding-top:32px}
}
@media(max-height:500px){.reader-v2[data-mode="scroll"] .reader-scroll-frame{--scroll-roll:42px}}
@media(forced-colors:active){
 .reader-scroll-frame::before{display:none}
 .reader-v2 .reader-scroll-frame .reader-document{background:Canvas;color:CanvasText;border:1px solid CanvasText}
}

/* Letter-size paper workspace, with one exit and the same bottom sound control as the desk. */
#art-studio[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:20px 24px 8px;background:radial-gradient(ellipse at 50% 40%,#393124,#1c1913 75%)}
#art-studio .studio-bar{padding:0 48px 0 84px;gap:8px;justify-content:center;min-height:44px}
#art-studio .studio-bar button{min-height:44px}
#art-studio .studio-bar button[hidden]{display:none}
#art-studio .close{min-width:44px;min-height:44px;right:8px;top:8px}
#art-studio .studio-paper{height:auto;min-height:0;container-type:size;padding:10px;overflow:hidden}
#art-studio #drawing{width:min(100cqw,calc(100cqh * 8.5 / 11));height:auto;max-height:100%;aspect-ratio:8.5/11;border:1px solid #c7c1b3;box-shadow:0 8px 24px #0008;flex:none}
#art-studio .paper-sound-control{visibility:visible;margin:0;padding:0;max-width:none;min-height:44px;justify-self:center}
@media(max-width:700px){
 #art-studio[open]{padding:58px 10px 8px;gap:8px}
 #art-studio .studio-bar{padding:0;gap:6px}
 #art-studio .studio-bar button{font-size:11px;padding:8px}
 #art-studio .studio-paper{padding:5px}
}