.book-reader { background:radial-gradient(ellipse at 50% 50%,#f7f1df 0,#eeeadb 100%); min-height:100vh; }
.book-reader .site-header { padding-top:22px;padding-bottom:18px; }
.book-reader .header-note { text-decoration:none; }
.book-reader main { max-width:1180px; padding:12px 34px 30px; }
.book-reader h1 { font-size:clamp(36px,4vw,54px); }
.book-reader .intro>.eyebrow { font-size:10px;letter-spacing:2.8px;margin:0 0 12px; }
.book-reader .intro>p:last-child { margin:18px auto 22px;max-width:none; }
.book-controls { display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1020px;margin:0 auto; }
.book-controls button { background:transparent;border:0;padding:12px 4px;font-size:13px;min-height:44px; }
.book-controls button span { padding:0 7px; }
.book-controls button:disabled { opacity:.3;cursor:default; }
#book-random { color:#885b68;text-decoration:underline;text-underline-offset:4px; }
#book-load-status { text-align:center;min-height:20px;font-size:13px;color:#795b52;margin:3px 0 12px; }
.book-stage { perspective:2000px;padding:0 8px 28px; }
.book-volume { position:relative;perspective:1800px;background:#58604a;border-radius:10px 15px 15px 10px;padding:8px 11px 23px;box-shadow:0 2px 0 #39412f,0 7px 0 -2px #667052,0 30px 40px -18px #332b2266;isolation:isolate; }
.book-volume:before,.book-volume:after { content:'';position:absolute;inset:16px 17px 8px;background:repeating-linear-gradient(to bottom,#d5ccaf 0 1px,#f5efd9 1px 3px);border-radius:4px 9px 9px 4px;z-index:-1;transform:rotate(-.3deg);border:1px solid #bcb296; }
.book-volume:after { inset:20px 13px 5px;transform:rotate(.25deg);z-index:-2; }
.book-spread { display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:570px; }
.book-spread:after { content:'';position:absolute;width:44px;left:50%;top:0;bottom:0;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#786e4b1a 30%,#55472e36 49%,#fffcf078 51%,#65533112 65%,transparent);pointer-events:none;z-index:3; }
.book-left,.book-right { position:relative;min-width:0;background-color:#faf5e5;background-image:url('promise-paper-texture-v40.png');background-size:cover; }
.book-left { border-radius:4px 0 0 3px;padding:28px 45px 26px 32px;display:flex;flex-direction:column;background-image:linear-gradient(90deg,#ffffff10 78%,#81714a12 94%,#6e5d4024),url('promise-paper-texture-v40.png'); }
.book-right { border-radius:0 6px 4px 0;padding:14px 15px 34px 12px;display:flex;align-items:center;box-shadow:inset -5px 0 10px #b0a1801c; }
.page-running-title { text-align:center;font-size:9px;letter-spacing:2.4px;color:#8b816a; }
.book-dedication { margin:auto;width:100%;max-width:290px;padding:22px 0; }
.dedication-mark { font:28px Georgia,serif;color:#a46b7b;margin:0 0 16px; }
.book-dedication h2 { font:clamp(27px,3vw,40px)/1.15 'DM Serif Display',Georgia,serif;font-weight:400;margin:0 0 28px;color:#555b43; }
.book-dedication h2 em { font-weight:400;color:#976373; }
#book-dedication { margin:0; }
#book-dedication>div { display:grid;grid-template-columns:55px 1fr;gap:12px;border-bottom:1px solid #b5a8884d;padding:12px 0;align-items:baseline; }
#book-dedication dt { font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#8a806b; }
#book-dedication dd { margin:0;font:19px/1.4 Georgia,serif;overflow-wrap:anywhere;white-space:pre-wrap;unicode-bidi:plaintext;color:#535941; }
#book-date { display:block;font-size:11px;letter-spacing:.6px;color:#8b816f;margin-top:28px; }
#book-permalink { align-self:center;font:12px Georgia,serif;color:#82745f;text-underline-offset:4px;padding:8px; }
#book-card-slot { width:100%; }
#book-card-slot img { display:block;width:100%;height:auto; }
.book-placeholder { text-align:center;font:italic 23px Georgia,serif;color:#8a806b;padding:32px; }
.page-folio { position:absolute;bottom:15px;left:0;right:0;text-align:center;font:12px Georgia,serif;color:#8a7d65; }
.book-turn { display:none;position:absolute;left:50%;right:11px;top:8px;bottom:17px;transform-origin:left center;background:linear-gradient(90deg,#c8bea4,#fcf7e8 8%,#f6efda 95%,#d4c7a6);box-shadow:5px 4px 15px #47372122;z-index:4;pointer-events:none;backface-visibility:visible; }
.book-turn { padding:14px 15px 34px 12px;align-items:center;overflow:hidden; }
.book-turn img { width:100%;height:auto;max-height:100%;object-fit:contain; }
#book-transcript { max-width:620px;margin:16px auto 0;font-size:14px;color:#64634e; }
#book-transcript summary { cursor:pointer;text-align:center; }
#book-transcript h2 { font:26px Georgia,serif; }
#book-text { white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;font:23px/1.6 Georgia,serif; }
.book-text-fallback { white-space:pre-wrap;overflow-wrap:anywhere;padding:28px;font:24px/1.6 Georgia,serif; }
.book-footnote { text-align:center;font-size:11px;letter-spacing:.5px;color:#8b846e;margin:30px 0 0; }
.location-map { margin:22px 0 0; }
.location-map .galaxy-image { display:block;width:100%;height:auto; }
.location-map svg { display:block;width:100%;height:auto;overflow:visible; }
.map-country { fill:#d9d4bf;stroke:#faf5e5;stroke-width:.5;stroke-linejoin:round;transition:fill .25s; }
.map-country.is-highlighted { fill:#a35c76;stroke:#8a4961;stroke-width:.7; }
.location-map figcaption { margin-top:6px;text-align:center;font:10px/1.4 'DM Sans',sans-serif;color:#8a806b; }
#reader-map { margin-top:18px; }#reader-map+time { margin-top:16px; }
@media(min-width:1500px){.book-reader main{padding-top:14px}}
@media(max-width:700px){
 .book-reader main{padding:14px 16px 24px}.book-reader .site-header{padding:18px 22px}.book-reader .header-note{max-width:none;font-size:12px}
 .book-reader h1{font-size:36px}.book-reader .intro>p:last-child{max-width:310px;font-size:13px;margin:14px auto}
 .book-controls{gap:5px;flex-wrap:wrap}.book-controls button{font-size:12px}.book-controls button span{padding:0 2px}#book-random{order:3;flex-basis:100%;padding:4px;min-height:34px}
 .book-stage{padding:0 3px 20px}.book-volume{padding:6px 8px 16px}.book-spread{display:flex;flex-direction:column;min-height:0}
 .book-spread:after{left:0;transform:none;width:17px;background:linear-gradient(90deg,#796d4f35,transparent)}
 .book-left{padding:22px 23px 16px;border-radius:3px 5px 0 0}.page-running-title{font-size:8px}.book-dedication{max-width:none;padding:10px 0 0;margin:0}
 .dedication-mark,.book-dedication h2{display:none}#book-dedication{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}#book-dedication>div{grid-template-columns:1fr;gap:4px;padding:10px 0}#book-dedication>div:last-child{grid-column:1/-1}#book-dedication dd{font-size:16px}
 #book-date{margin:13px 0 0;font-size:10px;padding-right:90px}#book-permalink{position:absolute;right:17px;bottom:10px;font-size:11px}
 .book-right{padding:0 10px 29px 14px;border-radius:0 0 4px 3px}.page-folio{bottom:11px}.book-turn{left:8px;right:8px;top:6px;bottom:16px}
}