/* Warm khaki refinement: tools recede; depth belongs to the physical book. */
:root{--desk:#d6c8aa;--paper:#efe3ca;--cloth:#756348;--ink:#3e3529;--muted:#71614b;--accent:#665339;--line:#bdae91}
body{background:var(--desk)}
.topbar{height:78px;margin:0 4.5%;padding:0;background:transparent;border-bottom:1px solid #99815d30}
.brand{font-size:23px;font-weight:500;gap:10px}.brand svg{width:29px;height:29px}.brand small{display:none}
.view-tabs{gap:28px}.view-tabs button{font-size:12px;padding-inline:3px}.view-tabs button.active{font-weight:500}.view-tabs button.active::after{height:1px;left:3px;right:3px;bottom:20px}
.primary{background:#695639;color:#f3e7ca;border-radius:3px;padding:10px 18px;font-size:12px;box-shadow:none}
.topbar>.primary{min-height:38px;padding-block:8px}
.app-layout{display:block;min-height:calc(100dvh - 78px)}
main{max-width:1320px;margin:0 auto;padding:27px 6% 30px}
.reader-heading{align-items:center;gap:20px}.reader-heading>div:first-child{display:flex;align-items:center;gap:17px;min-width:0}
.breadcrumb{font-size:10px;margin:0;gap:8px;flex-shrink:0}.badge{border:0;background:#b8a17d26;font-size:9px;padding:2px 6px;border-radius:2px}
.reader-heading h1{font-family:var(--serif);font-size:22px;letter-spacing:.04em;overflow-wrap:anywhere}
.heading-actions{flex-direction:row;align-items:center;gap:24px}.save-status{font-size:10px}.save-status::before{width:4px;height:4px}.heading-actions .text-button{font-size:11px;padding:0;min-height:30px}.text-button span{margin-left:7px}
.stage{padding:36px 18px 29px}.book-rig{height:clamp(320px,62dvh,600px)}
.book{filter:drop-shadow(4px 7px 4px #44321d28) drop-shadow(16px 26px 19px #44321d2e)}
/* Narrow, page-bound shadows and layered outer edges follow each leaf. */
.book-page{background-color:var(--paper);border-radius:1px;color:#443a2d;background-image:linear-gradient(0deg,#b79b6410,transparent 7%,transparent 93%,#b79b640c)}
.book-page.--left{box-shadow:-1px 1px 0 #d9c7a4,-2px 2px 0 #b9a786,-3px 3px 0 #e2d0ad,-4px 4px 0 #b9a786,-5px 5px 0 #736045}
.book-page.--right{box-shadow:1px 1px 0 #d9c7a4,2px 2px 0 #b9a786,3px 3px 0 #e2d0ad,4px 4px 0 #b9a786,5px 5px 0 #736045}
.book-page.--left::before,.book-page.--right::before{width:7%;z-index:3}
.book-page.--left::before{background:linear-gradient(to left,#4a351e36 0%,#74583316 28%,#fff0ca16 65%,transparent)}
.book-page.--right::before{background:linear-gradient(to right,#4a351e40 0%,#7458331c 25%,#fff0ca12 64%,transparent)}
.page-inner{isolation:isolate}
.page-top{font-size:8px;letter-spacing:.12em;color:#7b694f}.title-page .page-inner{padding:12% 13% 9%}.title-rule{width:21px;background:#9b8259;margin-bottom:24px}
.title-copy h2{font-size:clamp(25px,2.6vw,36px);line-height:1.8;letter-spacing:.04em}.title-copy p{font-family:var(--serif);font-size:12px;line-height:2.4;color:#78654d;margin-top:9%}
.title-bottom{font-size:9px;color:#79674d}.photo-page .page-inner{padding:9% 9% 7%}.page-photo{margin:3% 0 5%}.page-photo img{filter:drop-shadow(0 1px 1px #4a382528)}
.photo-caption{font-family:var(--serif);font-size:11px;color:#77644a;line-height:1.9}.photo-caption .folio{font-family:Georgia,serif;font-size:10px;color:#8b7658}
/* Uncoated taupe binding. Typography and empty space are the cover artwork. */
.cover,.back-cover{background:#a69b85;color:#383329;border-radius:1px 3px 3px 1px;container-type:inline-size}
.cover .page-inner,.back-cover .page-inner{padding:0 13% 10% 16%}
.cover .page-inner::before,.back-cover .page-inner::before{content:none}
.cover .page-inner::after,.back-cover .page-inner::after{content:'';position:absolute;top:0;bottom:0;left:3%;width:1px;background:#4b422813;box-shadow:1px 0 0 #eee0bc1c;pointer-events:none}
.cover-title{text-align:left;margin:34% 0 0;text-shadow:none}
.cover h2{font:400 clamp(22px,7.2cqw,32px)/1.95 var(--serif);letter-spacing:.13em;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.cover.long-title h2{font-size:clamp(14px,5.3cqw,24px);line-height:1.7;letter-spacing:.07em}
.cover-imprint{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:25px;font-size:9px;letter-spacing:.22em;color:#504735}
.cover-imprint span:last-child{font:11px/1 Georgia,serif;letter-spacing:.04em}
.back-cover .page-inner{align-items:flex-start;justify-content:flex-end}
.back-imprint{font-size:10px;letter-spacing:.22em;color:#504735}
.cover.--right::before,.back-cover.--right::before{width:5%;background:linear-gradient(to right,#453a2525,transparent)}
.cover.--left::before,.back-cover.--left::before{width:5%;background:linear-gradient(to left,#453a2525,transparent)}
.cover.--right,.back-cover.--right{box-shadow:1px 1px 0 #8c7f66,2px 2px 0 #c1b296,3px 3px 0 #8e8168}
.cover.--left,.back-cover.--left{box-shadow:-1px 1px 0 #8c7f66,-2px 2px 0 #c1b296,-3px 3px 0 #8e8168}
.inside-cover{background-color:#d6c39f;background-image:repeating-linear-gradient(45deg,transparent 0,transparent 15px,#a08a6320 15px,#a08a6320 16px)}
.closing-page h2{font-size:27px;line-height:1.9;color:#645138}.closing-page p{color:#897250}
.reader-bottom{max-width:930px;margin:0 auto;grid-template-columns:1fr auto 1fr;gap:16px}.reader-tools .text-button{font-size:11px;white-space:nowrap;color:#6c593e}
.controls{gap:26px}.controls button{width:36px;height:36px;border:1px solid #9f896250;background:transparent;font-size:16px}.controls button:hover:not(:disabled){background:#b49a6c20}.status{color:#6c593e;font-size:10px;min-width:80px}.gesture-hint{color:#786447;font-size:10px}
.contact-strip{max-width:930px;margin:20px auto 0;border-top:1px solid #9f896230;border-bottom:0;padding:16px 0 0;gap:20px}.strip-label{font-size:11px}.strip-label small{font-size:9px}.thumbnails{overflow-y:hidden}.thumb{width:64px;height:46px;opacity:.72}.thumb img{display:block}.thumb:hover,.thumb.active{opacity:1}.thumb.active{outline-color:#7e6744}.strip-add{width:40px;height:44px;border-color:#a68d644d;font-size:18px}
.first-use-note{font-size:10px;padding:23px 0 0;color:#7a6648}.inline-button{color:#665033;border-color:#a28a61}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.manage-heading{padding:15px 0 36px}.manage-heading .breadcrumb{margin-bottom:15px}.manage-heading h1{font:28px/1.5 var(--serif)}.manage-heading p{font-size:12px}.editor-layout{gap:65px}.book-settings label{font-size:11px}.book-settings input,.book-settings textarea{background:#dfd1b5;border-color:#b6a07b;border-radius:3px}.photo-row input{background:#dfd1b5;border-color:#b6a07b}.backup-area{border-color:#ae96704a}.secondary{background:transparent;border-color:#ac936e;border-radius:3px}.photo-row{border-color:#ad957047}.editor-help{margin-bottom:25px}
@media(min-width:1600px){main{padding-inline:80px}.stage{padding-top:42px}.book-rig{height:600px}}
@media(max-width:1000px){main{padding-inline:5%}.reader-heading>div:first-child{gap:12px}.heading-actions{gap:12px}.save-status{font-size:9px}.book-rig{height:min(62dvh,560px)}}
@media(max-width:700px){
 .topbar{height:68px;margin:0 20px;flex-wrap:nowrap;gap:16px}.brand{font-size:20px;gap:7px}.brand svg{width:25px}.view-tabs{position:static;order:0;height:auto;gap:16px;margin-left:auto}.view-tabs button{font-size:11px;padding:0}.view-tabs button.active::after{bottom:15px;left:0;right:0}.topbar>.primary{padding:7px 10px;min-height:34px;font-size:11px}.primary span{font-size:16px}
 .app-layout{padding-top:0;min-height:calc(100dvh - 68px)}main{padding:22px 22px 25px}.reader-heading{align-items:flex-start}.reader-heading>div:first-child{display:block;flex:1}.reader-heading .breadcrumb{margin-bottom:7px}.reader-heading h1{font-size:21px}.heading-actions{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.heading-actions .text-button{font-size:10px}.save-status{font-size:8px}.save-status::before{display:none}
 .stage{padding:33px 7px 28px}.book-rig{height:min(57dvh,520px);min-height:270px}.cover-imprint{font-size:8px}
 .reader-bottom{grid-template-columns:1fr auto;gap:10px}.controls{gap:19px}.status{min-width:69px;font-size:9px}.controls button{width:34px;height:34px}.reader-tools .text-button{font-size:10px}.first-use-note{font-size:9px;padding-top:23px}.contact-strip{gap:14px;margin-top:15px}.thumb{width:54px;height:42px}.strip-label{font-size:10px}.strip-label small{font-size:8px}.strip-add{width:33px;height:40px}
 .title-copy h2{font-size:26px}.title-copy p{font-size:11px}.photo-caption{font-size:10px}.closing-page h2{font-size:23px}.editor-layout{gap:35px}.manage-heading h1{font-size:25px}
}
@media(max-width:370px){.topbar{gap:10px;margin-inline:15px}.brand{gap:5px;font-size:18px}.brand svg{width:22px}.view-tabs{gap:10px}.topbar>.primary{padding-inline:8px}main{padding-inline:18px}}
@media(max-height:650px) and (min-width:701px){.topbar{height:62px}main{padding-top:17px}.stage{padding-block:22px}.book-rig{height:320px}.cover-imprint{font-size:8px}}
.book-switcher{display:flex;align-items:center;gap:16px;margin:0 0 16px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.book-switcher select{border:0;border-bottom:1px solid #9e8e70;border-radius:0;background:transparent;color:var(--ink);padding:9px 28px 9px 2px;font:inherit;font-size:15px;min-width:150px;max-width:100%}
#edition-note{font-size:11px;color:#71614b}
.art-page .page-inner{padding:0!important;display:flex!important;align-items:center;justify-content:center;overflow:hidden}
.art-image{display:block;width:100%;height:100%;object-fit:contain;background:#efe3ca}
.processing-note{display:block;color:#816345;margin:5px 0;max-width:360px;line-height:1.6}
.row-actions a{color:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.book-switcher{gap:8px;margin-bottom:10px}#edition-note{flex-basis:100%;font-size:10px}}