/* A reading surface built independently of the desk and closed-cover artwork. */
#living:has(.reader-v2:not([hidden])){background:radial-gradient(ellipse at 50% 35%,#493826,#241e16 65%,#14130f);padding:20px 28px 24px;overflow:hidden}
.reader-v2{height:100%;padding:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-width:0;min-height:0}
.reader-toolbar{width:min(1200px,100%);min-height:58px;margin:0 auto 32px;padding-right:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e8d8b8;font:12px Inter,Arial,sans-serif;flex-shrink:0}
.reader-toolbar label{display:flex;align-items:center;gap:12px;white-space:nowrap}
.reader-toolbar select,.reader-toolbar button{min-height:44px;border:1px solid #a38b62;border-radius:5px;background:#272117;color:#efdfc0;font:12px Inter,Arial,sans-serif;padding:8px 12px}
.reader-toolbar select:focus-visible{outline:2px solid #f5d18c;outline-offset:3px}
.reader-toolbar button:hover{background:#42331f}
.reader-tools{display:flex;gap:8px}
.reader-v2 .book-spread{position:relative;display:flex;flex-shrink:1;width:min(1140px,calc(100vw - 110px));height:min(660px,calc(100dvh - 215px));min-height:180px;margin:0 auto 58px;border:0;border-radius:16px;background:transparent;box-shadow:none;perspective:2000px;isolation:isolate;touch-action:pan-y pinch-zoom}
.reader-v2 .book-spread[hidden],.reader-document[hidden],.reader-v2 .leaf[hidden]{display:none!important}
.reader-v2 .book-spread::before{content:'';position:absolute;inset:6px -18px -30px;z-index:-2;border:3px solid #684729;border-radius:20px 23px 27px 20px;background:repeating-linear-gradient(12deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(90deg,#53351f,#7c5635 18%,#352416 49%,#261c12 50%,#6b492d 80%,#49301d);box-shadow:inset 0 0 0 3px #291d12,inset 0 0 0 5px #93663c,0 6px 0 #281b11,0 9px 0 #6a462b,0 13px 3px #1b150f,0 26px 28px #0009,0 42px 75px #0007;transform:rotate(.35deg)}
.reader-v2 .book-spread::after{content:'';position:absolute;left:calc(50% - 19px);top:3%;bottom:1%;width:38px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#5b40292b 30%,#251a1180 49%,#130f0b96 51%,#6b4e2d1f 70%,transparent)}
.reader-v2 .page-stack{top:9px;bottom:-24px;border:0;width:50%;background:repeating-linear-gradient(0deg,#997b4f 0 1px,#dbc59b 1px 2px,#f1dfb6 2px 4px,#baa078 4px 5px,#dfcba5 5px 7px);filter:drop-shadow(0 2px 1px #0008);box-shadow:none}
.reader-v2 .page-stack-left{left:-5px;transform:skewY(-.6deg);border-radius:8px 0 0 12px}
.reader-v2 .page-stack-right{right:-5px;bottom:-18px;transform:skewY(.4deg);border-radius:0 10px 13px 0}
.reader-v2 .leaf{position:relative;width:50%;min-width:0;height:100%;padding:32px clamp(24px,3.4vw,52px) 45px;color:#443222;box-shadow:none;font-family:Georgia,serif;overflow:hidden}
.reader-v2 .left-leaf{background:linear-gradient(90deg,#bea477,#e8d5ae 2%,#fbefd2 15%,#f2e3bf 62%,#dfcba1 86%,#a68a60 97%,#6a4d31);border-radius:12px 0 0 18px}
.reader-v2 .right-leaf{background:linear-gradient(90deg,#6a4d31,#b49a70 4%,#ead7ae 15%,#fff0d0 38%,#f3e1ba 82%,#d7bd8c 98%,#b59a6d);border-radius:0 11px 14px 0}
.reader-v2 .leaf::before{background:radial-gradient(ellipse at 35% 20%,#ffffec45,transparent 65%),repeating-linear-gradient(6deg,#7f5d3406 0 1px,transparent 1px 5px);box-shadow:inset 0 1px 1px #fff7df,inset 0 -2px 2px #8a693b50}
.reader-v2 .leaf::after{bottom:1%;width:30px;height:26px;opacity:.45}
.reader-v2 .running-title{font:9px Inter,Arial,sans-serif;letter-spacing:1.8px;line-height:1.4;padding-bottom:12px;color:#836c4b;border-color:#9a7d4b33;white-space:normal}
.reader-v2 .leaf-content{height:calc(100% - 29px);padding:24px 2px 20px;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b59b70 transparent;outline-offset:-3px;touch-action:pan-y pinch-zoom}
.reader-v2 .leaf h2{font:500 clamp(30px,3.2vw,48px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 18px;overflow-wrap:anywhere}
.reader-v2 .leaf-body{font:clamp(17px,1.4vw,20px)/1.75 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}
.reader-v2 .leaf-subtitle{font:10px/1.7 Inter,Arial,sans-serif!important;letter-spacing:1px}
.reader-v2 .leaf-content.title,.reader-v2 .leaf-content.chapter{display:flex;flex-direction:column;justify-content:center;text-align:center}
.reader-v2 .title .leaf-body{font-size:19px;font-style:italic}
.reader-v2 .folio{bottom:25px;color:#806948;font:12px Georgia,serif}
.reader-v2 .contents-entry{font:24px/1.2 'Cormorant Garamond',Georgia,serif;min-height:56px;padding:17px 0}
.reader-v2 .poem-entry{min-height:56px}
.contents-list{list-style:none;margin:0;padding:0}
.contents-subsections{list-style:none;padding:0 0 8px 20px;margin:0;border-left:1px solid #aa8b5b66}
.contents-subsections button{min-height:44px;padding:10px 8px;background:none;border:0;color:#5b4328;font:17px Georgia,serif;text-align:left}
.poetry-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.poetry-filters button{min-height:44px;border:1px solid #b39870;background:transparent;color:#5b4328;padding:8px;font:12px Georgia,serif}
.poetry-filters button[aria-pressed="true"]{background:#5b4328;color:#fff1d3}
.reader-v2 .shelf-refresh,.reader-v2 .remove-poem{min-height:44px;padding:10px 12px}
.reader-v2 .book-navigation{width:min(1140px,100%);margin:0 auto;position:relative;z-index:4;flex-shrink:0;min-height:48px;gap:12px}
.reader-v2 .book-navigation button{min-width:48px;min-height:44px;border-radius:4px;font:24px Georgia,serif;background:#241e15}
.reader-v2 .page-announcement{font:12px Inter,Arial,sans-serif;color:#e0cba3;text-align:center}
.reader-v2 .return-contents{display:none}
.reader-v2 .physical-cover-front{border-radius:8px;overflow:hidden}
.reader-v2 .physical-cover-back>.leaf{width:100%;padding:32px clamp(24px,3.4vw,52px) 45px}
.reader-v2{perspective:1900px;perspective-origin:50% 35%}
.reader-v2 .book-spread{transform:rotateX(7deg)}
.opening-volume .reader-v2:not(.single-page) .book-spread::before{visibility:hidden}
.opening-volume .reader-v2 .book-spread::after{visibility:hidden}
.opening-volume .reader-v2 .right-leaf{box-shadow:none}
.opening-volume .reader-v2 .reader-toolbar{visibility:hidden}

/* Scroll view is a continuous document, without nested text scrollers. */
.reader-v2[data-mode="scroll"] .reader-toolbar{margin-bottom:16px}
.reader-v2[data-mode="scroll"] .book-navigation{display:none}
.reader-document{width:min(850px,100%);margin:0 auto;min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:10px 14px 40px;scrollbar-width:thin;scrollbar-color:#ac9266 #2b2319;touch-action:pan-y pinch-zoom}
.reader-v2 .document-leaf{width:100%;height:auto;min-height:240px;padding:36px clamp(24px,5vw,70px) 56px;background:#f3e5c6;border-radius:5px;margin:0 0 18px;clip-path:none;box-shadow:0 6px 0 #c8af83,0 8px 0 #5a3e26,0 16px 24px #0005}
.reader-v2 .document-leaf .leaf-content{height:auto;overflow:visible;padding-top:24px;overscroll-behavior:auto}
.reader-v2 .document-leaf .title{min-height:300px}
.reader-v2 .document-leaf .leaf-body{font-size:19px}
.reader-v2 .document-leaf .folio{bottom:20px}

@media(max-width:700px){
 #living:has(.reader-v2:not([hidden])){padding:54px 14px 18px}
 #living .book-exit{top:5px;right:8px}
 .reader-toolbar{padding:0;margin-bottom:22px;gap:8px;min-height:50px;align-items:center}
 .reader-toolbar label{gap:4px;flex-direction:column;align-items:flex-start;font-size:9px;letter-spacing:.5px}
 .reader-toolbar select,.reader-toolbar button{font-size:11px;padding:8px;min-height:44px}
 .reader-tools{gap:5px}
 .reader-v2 .book-spread{width:calc(100% - 20px);height:calc(100dvh - 245px);min-height:150px;margin-bottom:29px}
 .reader-v2 .book-spread{transform:none}
 .reader-v2 .book-spread::before{inset:1px -10px -18px;border-width:2px;border-radius:12px 14px 17px 11px;box-shadow:inset 0 0 0 2px #2a1d11,0 5px 0 #281b11,0 8px 0 #6a462b,0 13px 14px #0008,0 24px 35px #0005;transform:none}
 .reader-v2 .book-spread::after{display:none}
 .reader-v2 .book-spread>.leaf{width:100%;padding:24px 22px 38px;clip-path:polygon(0 1%,20% 0,60% .3%,100% 1%,100% 99%,65% 99.5%,20% 100%,0 99.5%);border-radius:9px 8px 11px 7px;background:linear-gradient(90deg,#c4a879,#ead7ad 3%,#fbefd1 15%,#f8e9c8 85%,#dbc294 98%,#c3a879)}
 .reader-v2 .page-stack-left{display:none}
 .reader-v2 .page-stack-right{width:100%;left:0;right:auto;bottom:-12px;clip-path:polygon(0 1%,100% 1%,100% 98%,80% 99%,40% 99.5%,0 100%);transform:none}
 .reader-v2 .leaf-content{padding-top:20px;padding-bottom:16px}
 .reader-v2 .leaf h2{font-size:34px}
 .reader-v2 .leaf-body{font-size:17px;line-height:1.7}
 .reader-v2 .running-title{font-size:8px;letter-spacing:1.2px}
 .reader-v2 .folio{bottom:20px}
 .reader-v2 .physical-cover.single-cover{inset:0;transform-origin:left center}
 .opening-volume .reader-v2.single-page .book-spread>.left-leaf{visibility:visible}
 .opening-volume .reader-v2.single-page .page-stack-right{visibility:visible}
 .reader-v2 .page-announcement{font-size:11px}
 .reader-v2 .document-leaf{padding:26px 22px 48px}
 .reader-v2 .document-leaf .leaf-body{font-size:17px}
 .reader-document{padding:6px 4px 30px}
}
@media(max-height:540px){
 .reader-toolbar{margin-bottom:12px;min-height:44px}
 .reader-v2 .book-spread{height:calc(100dvh - 170px);min-height:100px;margin-bottom:25px}
 .reader-v2 .leaf{padding-top:20px}
 .reader-v2 .running-title{display:none}
 .reader-v2 .leaf-content{height:100%;padding-top:10px}
}

/* Compact navigation gives the photographic paper more room without small hit targets. */
#living:has(.reader-v2:not([hidden])){padding:10px 24px 8px}
.reader-v2 .reader-toolbar{width:min(1440px,100%);min-height:74px;padding-left:80px;margin-bottom:8px}
.reader-v2 .book-spread{width:min(1440px,calc(100% - 32px));height:auto;max-height:none;min-height:0;flex:1;margin-bottom:28px}
.reader-v2 .book-navigation{width:min(1440px,100%);min-height:44px;display:grid;grid-template-columns:44px 1fr 44px;gap:8px}
.reader-v2 .book-navigation button{position:relative;min-width:44px;width:44px;min-height:44px;height:44px;padding:0;border:0;background:transparent;font-size:18px}
.reader-v2 .book-navigation :is(.previous-page,.next-page)::before{content:'';position:absolute;inset:8px;border:1px solid #a58b5d;border-radius:4px;pointer-events:none}
.reader-v2 .book-navigation .page-announcement{width:auto;justify-self:center;padding:8px 12px;font:12px Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.reader-v2[data-mode="scroll"] .book-navigation{display:grid;margin-top:4px}
.reader-v2[data-mode="scroll"] .book-navigation :is(.previous-page,.next-page){visibility:hidden}
.reader-v2[data-mode="scroll"] .reader-toolbar{margin-bottom:8px}
.page-jump-dialog{width:min(440px,calc(100vw - 28px));padding:26px;max-height:calc(100dvh - 28px);overflow:auto}
.page-jump-dialog h2{font-size:32px;margin-top:0}
.page-jump-dialog input{display:block;width:100%;min-height:44px;margin:8px 0;padding:8px;font-size:18px;background:#fff8e9;color:#3f3022;border:1px solid #8d7046}
.page-jump-dialog button{min-height:44px;padding:9px 14px;background:transparent;border:1px solid #8d7046;color:#3f3022}
.jump-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px}
#page-jump-error{color:#8b281c;min-height:1.5em}
@media(max-width:700px){
 #living:has(.reader-v2:not([hidden])){padding:56px 8px 8px}
 .reader-v2 .reader-toolbar{min-height:52px;padding:0;margin-bottom:8px}
 .reader-v2 .book-spread{width:calc(100% - 16px);margin-bottom:20px;min-height:0}
 .reader-v2 .book-navigation .page-announcement{font-size:11px}
}
@media(max-height:450px) and (min-width:701px){
 .reader-v2 .reader-toolbar{min-height:74px}
 .reader-v2 .book-spread{margin-bottom:16px}
}
/* One mobile row: orb, reading mode, Contents and Desk. Cover keeps its exit. */
.reader-v2 .narration-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;flex-shrink:0}
.narration-dialog select{display:block;width:100%;min-height:44px;margin:8px 0 16px;font:16px Georgia;padding:8px;background:#fff8e9;color:#3f3022}
.narration-dialog p{font:14px/1.6 Georgia}
.narration-actions{display:flex;gap:8px;flex-wrap:wrap}
.narration-dialog button:disabled{opacity:.45;cursor:default}
.reader-v2 .reader-close{display:none}
.author-index ul{list-style:none;padding:0;margin:0}
.author-index-link{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;color:inherit;text-decoration:none;border-bottom:1px dotted #9f835d}
.author-index-link>span:last-child{min-width:0;overflow-wrap:anywhere}
.author-index-avatar{position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #947442;border-radius:50%;background:#ddc9a3;overflow:hidden}
.author-index-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:700px), (max-width:950px) and (pointer:coarse){
 #living:has(.reader-v2:not([hidden])){padding:max(8px,env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left,0px))}
 #living:has(.reader-v2:not([hidden])) .book-exit{display:none}
 #living:has(.reader-v2:not([hidden]))>.profile-trigger{width:44px;height:44px;left:calc(8px + env(safe-area-inset-left,0px));top:max(8px,env(safe-area-inset-top))}
 .reader-v2 .reader-toolbar{width:100%;height:44px;min-height:44px;flex-wrap:nowrap;padding:0 0 0 56px;margin-bottom:8px;gap:6px}
 .reader-v2 .reading-view-label{display:none}
 .reader-v2 .reader-toolbar label{display:block;min-width:0}
 .reader-v2 .reader-toolbar select{width:clamp(76px,23vw,108px);height:44px;padding:6px;font-size:12px}
 .reader-v2 .reader-tools{gap:6px}
 .reader-v2 .reader-toolbar button{height:44px;min-width:44px;padding:6px;font-size:12px}
 .reader-v2 .reader-toolbar .reader-close{display:inline-flex;align-items:center;justify-content:center;width:44px;font-size:22px}
 .reader-v2 .book-spread{width:calc(100% - 16px);margin-bottom:20px;min-height:0}
}