/* Room No. 512 — The Library V9
   Inherits Home V12 shell/tokens. Do not create a replacement header, rail or footer here. */

html[data-view="library"] .topbar .titles,
html[data-view="library"] .topbar .search,
html[data-view="library"] .topbar .datestamp,
html[data-view="library"] .topbar .wx-chip,
html[data-view="house-read"] .topbar .titles,
html[data-view="house-read"] .topbar .search,
html[data-view="house-read"] .topbar .datestamp,
html[data-view="house-read"] .topbar .wx-chip{display:none!important}

html[data-view="library"] .topbar .spacer,
html[data-view="house-read"] .topbar .spacer{display:block!important;min-width:0}

html[data-view="library"] .view,
html[data-view="house-read"] .view{
  background:var(--v12-page,var(--bg));
  color:var(--v12-text,var(--text));
  padding:0 22px 44px;
}

/* The open House menu reduces the room width independently of the viewport. */
html[data-view="library"] .view{container:library-room / inline-size}

.library-v9,.library-secondary{max-width:1480px;margin:0 auto;color:var(--v12-text,var(--text))}
.library-v9{display:flex;flex-direction:column;gap:16px;padding-top:18px}
.library-v9-hero{
  position:relative;min-height:250px;border-radius:18px;overflow:hidden;
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:32px 38px;
  border:1px solid var(--v12-border,rgba(255,255,255,.12));
  background:
    linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.62) 48%,rgba(5,5,5,.20) 100%),
    url("/welcome/img/v12-room-night.webp") center 42%/cover no-repeat;
  box-shadow:0 18px 42px rgba(0,0,0,.16)
}
html[data-theme="light"] .library-v9-hero{
  background:
    linear-gradient(90deg,rgba(18,17,14,.82) 0%,rgba(18,17,14,.52) 48%,rgba(18,17,14,.12) 100%),
    url("/welcome/img/v12-room-daylight.webp") center 42%/cover no-repeat;
}
.library-v9-hero-copy{position:relative;z-index:1;max-width:760px;color:#fff}
.library-v9-hero-copy .eyebrow{color:#f5cb32;margin:0 0 8px}
.library-v9-hero-copy h1{font-family:var(--serif);font-size:clamp(44px,5vw,72px);line-height:.98;margin:0;color:#fff;letter-spacing:-.025em}
.library-v9-hero-copy h2{font-family:var(--serif);font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.08;margin:8px 0;color:#f5cb32}
.library-v9-hero-copy p:last-child{font-size:16px;line-height:1.6;margin:0;color:rgba(255,255,255,.9)}
.library-v9-hero-words{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;align-items:flex-end;padding:14px 18px;border-left:1px solid rgba(245,203,50,.38);color:#e6c65c;font-family:var(--serif);font-size:17px;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.5)}

.library-v9-search{
  position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
  margin:-40px 46px 0;padding:8px 9px 8px 17px;border-radius:14px;
  border:1px solid var(--v12-border,rgba(255,255,255,.12));
  background:var(--v12-surface,#171717);box-shadow:0 16px 35px rgba(0,0,0,.18)
}
.library-v9-search>svg{width:22px;height:22px;color:var(--v12-accent,#f5cb32)}
.library-v9-search input{min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--v12-text)!important;font-size:16px;padding:12px 0;box-shadow:none!important}
.library-v9-search input::placeholder{color:var(--v12-muted)}
.library-v9-search .btn{min-height:44px;padding-inline:24px}

.library-v9-facts{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;
  min-height:44px;margin:0 46px;padding:7px 10px;border-radius:12px;
  background:var(--v12-raised,#202020);color:var(--v12-muted);font-size:13px
}
.library-v9-facts span{display:flex;align-items:center;gap:8px;padding:0 24px}
.library-v9-facts span+span{border-left:1px solid var(--v12-border)}
.library-v9-facts svg{width:18px;height:18px;color:var(--v12-accent)}

.library-v9-first{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);gap:16px}
.library-v9-first>:only-child{grid-column:1/-1}
.library-feature,.library-continue,.library-collections,.library-v9-below>article,.library-answer,.library-result,.library-refine,.library-secondary>.card{
  border:1px solid var(--v12-border);background:var(--v12-surface);border-radius:16px
}
.library-feature,.library-continue,.library-collections{padding:18px}
.library-section-head,.library-search-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.library-section-head h2,.library-search-head h2{font-family:var(--serif);font-size:27px;line-height:1.1;margin:0;color:var(--v12-text)}
.library-section-head a{color:var(--v12-accent);font-size:13px;font-weight:700;text-decoration:none}
.library-feature-body{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center}
.library-book-cover{aspect-ratio:.68;border-radius:7px;padding:23px 12px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:linear-gradient(150deg,#f1e8d0,#d7c9a6);color:#17130d;border:1px solid rgba(88,62,17,.28);box-shadow:0 12px 26px rgba(0,0,0,.2);font-family:var(--serif);font-size:25px;line-height:1}
.library-book-cover small{font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.library-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--v12-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--v12-accent) 45%,transparent);color:var(--v12-text);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.library-feature-copy h3{font-family:var(--serif);font-size:30px;line-height:1.05;margin:10px 0 2px}
.library-byline{margin:0 0 9px;color:var(--v12-muted)}
.library-feature-copy>p:not(.library-byline){max-width:650px;color:var(--v12-muted);line-height:1.55}
.library-feature-copy .actions{margin-top:15px}
.library-feature-empty{padding:26px}
.library-progress-list{display:flex;flex-direction:column;gap:10px}
.library-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border-radius:12px;background:var(--v12-raised);border:1px solid var(--v12-border);color:var(--v12-text);text-decoration:none}
.library-progress>span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--v12-accent) 10%,transparent);color:var(--v12-accent)}
.library-progress strong,.library-progress small{display:block}.library-progress small{margin-top:3px;color:var(--v12-muted)}

.library-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.library-collection{position:relative;min-height:170px;display:flex;align-items:flex-end;padding:18px 20px;overflow:hidden;border-radius:13px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:#171717}
.library-collection::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.25))}
.library-collection-1{background:linear-gradient(120deg,#2a1e12,#0e0d0b)}
.library-collection-2{background:linear-gradient(120deg,#3b3026,#171717)}
.library-collection-3{background:linear-gradient(120deg,#182434,#0a1019)}
.library-collection>div{position:relative;min-width:0;z-index:1}
.library-collection h3{font-family:var(--serif);font-size:22px;margin:0 0 4px}
.library-collection p{font-size:13px;color:rgba(255,255,255,.78);margin:0 0 14px}
.library-collection span{color:#f5cb32;font-size:13px;font-weight:700}

.library-v9-below{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:4px}
.library-v9-below>article{padding:20px}
.library-v9-below h3{font-family:var(--serif);font-size:22px;margin:4px 0 8px}
.library-v9-below p:not(.eyebrow){color:var(--v12-muted);line-height:1.55}
.library-v9-below a{color:var(--v12-accent);text-decoration:none;font-weight:700}
.library-quiet-links{display:flex;flex-direction:column;gap:8px}

.library-search-state{display:flex;flex-direction:column;gap:14px}
.library-answer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:24px}
.library-answer h2{font-family:var(--serif);font-size:32px;margin:3px 0 10px}
.library-answer-copy>p:not(.eyebrow):not(.small){font-size:16px;line-height:1.65}
.library-answer aside{border-left:1px solid var(--v12-border);padding-left:22px}
.library-answer aside>a{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--v12-border);color:var(--v12-text);text-decoration:none}
.library-answer aside>a span{font-size:12px;color:var(--v12-muted)}
.library-search-head{margin:4px 4px 0}
.library-search-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}
.library-result-list{display:flex;flex-direction:column;gap:10px}
.library-result{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px}
.library-result-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:var(--v12-raised);color:var(--v12-accent)}
.library-result-mark svg{width:22px;height:22px}
.library-result-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--v12-muted);font-size:11px}
.library-result-meta>span:first-child{color:var(--v12-accent);font-weight:800}
.library-authority-state{padding:2px 7px;border-radius:999px;background:var(--v12-raised);font-weight:700}
.library-result h3{font-family:var(--serif);font-size:21px;margin:3px 0 4px}
.library-result p{margin:0;color:var(--v12-muted);font-size:13px;line-height:1.45}
.library-topic-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.library-topic-row span{padding:3px 7px;border-radius:999px;background:var(--v12-raised);font-size:10px;color:var(--v12-muted)}
.library-result-action{display:inline-flex;align-items:center;gap:6px;color:var(--v12-accent);text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.library-refine{position:sticky;top:82px;padding:18px;display:flex;flex-direction:column;gap:4px}
.library-refine h3{font-family:var(--serif);font-size:21px;margin:0 0 10px}
.library-refine a{padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--v12-text);font-size:13px}
.library-refine a:hover{background:var(--v12-raised)}

.library-secondary{padding-top:20px}.library-secondary>.back-link{display:inline-flex;margin-bottom:14px}
.library-secondary>.card{padding:20px}

/* Book Detail inherits the same Library material system. */
html[data-view="house-read"] .book-room{max-width:1480px;margin:0 auto;padding-top:18px}
html[data-view="house-read"] .book-room-hero,
html[data-view="house-read"] .book-room section.card{background:var(--v12-surface);border-color:var(--v12-border)}
html[data-theme="light"][data-view="house-read"] .book-room{color:var(--v12-text)}

/* The page hue is intentional: V9 never uses a pure-white page field in daylight. */
html[data-theme="light"][data-view="library"] .view,
html[data-theme="light"][data-view="house-read"] .view{background:var(--v12-page,#f7f6f2)}
html[data-theme="light"] .library-feature,
html[data-theme="light"] .library-continue,
html[data-theme="light"] .library-collections,
html[data-theme="light"] .library-v9-below>article,
html[data-theme="light"] .library-answer,
html[data-theme="light"] .library-result,
html[data-theme="light"] .library-refine,
html[data-theme="light"] .library-secondary>.card{background:var(--v12-surface,#fffefa)}

@media(max-width:1000px){
  .library-v9{padding-top:12px}
  .library-v9-hero{min-height:220px;padding:28px}
  .library-v9-hero-words{display:none}
  .library-v9-search,.library-v9-facts{margin-left:22px;margin-right:22px}
  .library-v9-first{grid-template-columns:1fr}
  .library-collection-grid,.library-v9-below{grid-template-columns:1fr}
  .library-collection{min-height:0;padding:0}
  .library-collection>div{position:relative;left:auto;right:auto;bottom:auto;padding:22px 20px}
  .library-answer{grid-template-columns:1fr}.library-answer aside{border-left:0;border-top:1px solid var(--v12-border);padding:16px 0 0}
  .library-search-layout{grid-template-columns:1fr}.library-refine{position:static}
}
@container library-room (max-width:760px){
  .library-v9-first{grid-template-columns:1fr}
}
@media(max-width:700px){
  html[data-view="library"] .view,html[data-view="house-read"] .view{padding:0 12px 90px}
  .library-v9-hero{min-height:190px;padding:22px 18px;border-radius:14px}
  .library-v9-hero-copy h1{font-size:42px}.library-v9-hero-copy h2{font-size:26px}
  .library-v9-hero-copy p:last-child{font-size:13px}
  .library-v9-search{margin:-28px 10px 0;grid-template-columns:auto minmax(0,1fr);padding:8px 12px}
  .library-v9-search .btn{grid-column:1/-1;width:100%}
  .library-v9-facts{margin:0 10px;justify-content:flex-start;padding:8px 12px}.library-v9-facts span{padding:5px 8px}.library-v9-facts span+span{border-left:0}
  .library-feature-body{grid-template-columns:92px 1fr;gap:14px}.library-book-cover{font-size:16px;padding:16px 7px}
  .library-feature-copy h3{font-size:24px}.library-feature-copy .actions{display:grid;grid-template-columns:1fr}.library-feature-copy .actions>*{width:100%}
  .library-result{grid-template-columns:42px 1fr}.library-result-go{grid-column:2}.library-result-mark{width:40px;height:40px}
  .library-collection>div{padding:22px 18px}
  .library-collection h3{font-size:22px;line-height:1.08}
  .book-detail-chapters li a{gap:8px;padding:10px 6px}
  .book-detail-chapters li span{font-size:9px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
  .library-v9 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* ================= BOOK DETAIL V9 ================= */
.book-detail-v9{max-width:1480px;margin:0 auto;padding:18px 0 100px;color:var(--v12-text)}
.book-detail-hero{border-radius:18px;padding:22px;border:1px solid var(--v12-border);background:var(--v12-surface)}
.book-detail-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 360px;gap:28px;align-items:start;margin-top:18px}
.book-detail-cover{aspect-ratio:.68;border-radius:9px;padding:35px 18px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:linear-gradient(150deg,#f0e8d4,#d2c19a);color:#15110c;border:1px solid rgba(78,53,15,.3);box-shadow:0 16px 32px rgba(0,0,0,.2);font-family:var(--serif);font-size:37px;line-height:1}
.book-detail-cover small{font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.book-detail-badges{display:flex;gap:8px;flex-wrap:wrap}.book-detail-badges span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--v12-accent) 45%,transparent);border-radius:999px;color:var(--v12-accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.book-detail-main h1{font-family:var(--serif);font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.025em;margin:15px 0 3px}
.book-detail-author{font-family:var(--serif);font-size:28px;margin:0 0 14px}.book-detail-lede{max-width:760px;font-size:16px;line-height:1.6;color:var(--v12-muted)}
.book-detail-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.book-detail-actions .btn{min-height:48px}
.book-detail-provenance{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.book-detail-provenance>span,.book-detail-provenance>a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:var(--v12-raised);border:1px solid var(--v12-border);color:var(--v12-muted);font-size:11px;text-decoration:none}.book-detail-provenance svg{width:16px;height:16px;color:var(--v12-accent)}
.book-detail-about{padding:20px;border-radius:14px;background:var(--v12-raised);border:1px solid var(--v12-border)}.book-detail-about h2{font-family:var(--serif);font-size:25px;margin:0 0 12px}.book-detail-about dl{margin:0}.book-detail-about dl>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--v12-border)}.book-detail-about dl>div:last-child{border-bottom:0}.book-detail-about dt{color:var(--v12-muted);font-size:12px}.book-detail-about dd{margin:0;font-size:13px}
.book-detail-lower{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;margin-top:16px}.book-detail-card,.book-detail-context,.book-detail-reading-table,.book-detail-editorial{border:1px solid var(--v12-border);background:var(--v12-surface);border-radius:16px;padding:20px}.book-detail-card h2,.book-detail-context h2,.book-detail-reading-table h2{font-family:var(--serif);font-size:27px;margin:2px 0 9px}.book-detail-card>p:not(.eyebrow),.book-detail-context p:not(.eyebrow),.book-detail-reading-table p{color:var(--v12-muted);line-height:1.6}.book-detail-card blockquote{margin:20px 0 0;padding:14px 16px;border-left:2px solid var(--v12-accent);background:var(--v12-raised);font-family:var(--serif);font-style:italic}
.book-detail-chapters{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.book-detail-chapters li a{display:grid;grid-template-columns:max-content minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:9px;color:var(--v12-text);text-decoration:none}.book-detail-chapters li a:hover{background:var(--v12-raised)}.book-detail-chapters li span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:999px;border:1px solid var(--v12-border);font-size:10px;white-space:nowrap}.book-detail-chapters li svg{width:15px;color:var(--v12-accent)}
.book-detail-context,.book-detail-reading-table{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px}.book-detail-context>div,.book-detail-reading-table>div{max-width:960px}.book-detail-editorial{margin-top:16px}.book-detail-editorial summary{cursor:pointer;font-family:var(--serif);font-size:21px}.book-detail-editorial form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.book-detail-editorial .form-actions{grid-column:1/-1}

/* ================= READER V10 ================= */
html[data-view="reader"] .topbar .titles,
html[data-view="reader"] .topbar .search,
html[data-view="reader"] .topbar .datestamp,
html[data-view="reader"] .topbar .wx-chip{display:none!important}
html[data-view="reader"] .view{padding:0!important;background:#171614!important;overflow:hidden}
.reader-v10{--reader-ink:#1d1a15;--reader-paper:#f3eddf;--reader-muted:#6e675d;--read-size:19px;height:calc(100dvh - var(--topbar-h,72px));min-height:640px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#171614;color:#f4efe6}
.reader-v10-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:10px 18px;border-bottom:1px solid rgba(226,179,79,.22);background:#0f0f0f}
.reader-v10-back,.reader-v10-actions button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#efe8da;text-decoration:none;padding:9px;border-radius:8px;cursor:pointer}.reader-v10-actions button:hover,.reader-v10-back:hover{background:rgba(255,255,255,.06)}.reader-v10-actions button:disabled{opacity:.35;cursor:not-allowed}
.reader-v10-book{text-align:center;min-width:0}.reader-v10-book strong,.reader-v10-book span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-v10-book strong{font-family:var(--serif);font-size:15px}.reader-v10-book span{font-size:10px;color:#a9a398}
.reader-v10-actions{display:flex;gap:2px}.reader-v10-actions span{font-size:10px}.reader-v10-actions svg{width:17px;height:17px}
.reader-v10-shell{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;transition:grid-template-columns .18s ease}.reader-v10-shell.tray-open{grid-template-columns:minmax(0,1fr) minmax(330px,28vw)}
.reader-v10-page{min-height:0;overflow:auto;scroll-behavior:smooth;padding:64px max(24px,calc((100% - 760px)/2));background:var(--reader-paper);color:var(--reader-ink);outline:none}
.reader-v10-section{max-width:760px;margin:0 auto 92px;scroll-margin-top:40px}.reader-v10-kicker{text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:var(--reader-muted);min-height:14px}.reader-v10-section h2{text-align:center;font-family:var(--serif);font-size:clamp(31px,4vw,46px);line-height:1.05;margin:8px 0 42px}.reader-v10-text{white-space:pre-wrap;font-family:var(--serif);font-size:var(--read-size);line-height:1.78;max-width:72ch;margin:auto}.reader-v10-text mark{padding:1px 0;border-radius:2px;color:inherit}.reader-v10-text mark.gold{background:#f1d789}.reader-v10-text mark.blue{background:#b8d9e7}.reader-v10-text mark.green{background:#c8dfbd}.reader-v10-text mark.rose{background:#e8c0b8}
.reader-v10-tray{min-width:0;min-height:0;overflow:auto;background:#fbf7ed;color:#26221c;border-left:1px solid #d8cdb8}.reader-v10-tray-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#fbf7ed;border-bottom:1px solid #dfd5c3;font-family:var(--serif);font-size:19px}.reader-v10-tray-head button{border:0;background:transparent;font-size:24px;cursor:pointer}.reader-v10-tray #reader-tray-body{padding:16px}
.reader-v10-contents{display:flex;flex-direction:column;gap:4px}.reader-v10-contents button{display:grid;grid-template-columns:34px 1fr;gap:8px;text-align:left;border:0;background:transparent;padding:9px;border-radius:8px;color:#29251e;cursor:pointer}.reader-v10-contents button:hover{background:#eee6d7}.reader-v10-contents button span{color:#947421;font-size:11px}.reader-v10-contents button strong{font-family:var(--serif);font-weight:550}
.reader-v10-tabs{display:flex;gap:8px;padding-bottom:10px;border-bottom:1px solid #dfd5c3;color:#70675b;font-size:11px}.reader-v10-note{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e4dccd;background:transparent;padding:13px 2px;cursor:pointer;color:#29251e}.reader-v10-note blockquote{margin:0 0 5px;font-family:var(--serif);font-size:14px}.reader-v10-note span{font-size:10px;color:#766e64}.reader-v10-empty{color:#776f64;line-height:1.5}.reader-v10-bookmarks{margin-top:14px;display:grid;gap:5px}.reader-v10-bookmarks button{border:0;background:#eee6d7;padding:9px;border-radius:7px;text-align:left;cursor:pointer}
.reader-v10-context form{display:grid;grid-template-columns:1fr auto;gap:7px}.reader-v10-current{padding:12px;background:#eee6d7;border-radius:8px;color:#5d554b}.reader-v10-answer-text{font-family:var(--serif);font-size:16px;line-height:1.55}.reader-v10-related{display:grid;gap:7px;margin-top:14px}.reader-v10-related button{border:1px solid #ddd2bf;background:#fffaf1;border-radius:8px;padding:10px;text-align:left;color:#2b261e;cursor:pointer}.reader-v10-related button strong,.reader-v10-related button span{display:block}.reader-v10-related button span{font-size:11px;color:#6d655a;margin-top:4px;line-height:1.45}
.reader-v10-size-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.reader-v10-progress{display:grid;grid-template-columns:minmax(100px,220px) minmax(100px,1fr) auto;gap:16px;align-items:center;padding:8px 18px;background:#0f0f0f;border-top:1px solid rgba(226,179,79,.22);font-size:10px}.reader-v10-progress>div{height:4px;background:#393630;border-radius:999px;overflow:hidden}.reader-v10-progress i{display:block;height:100%;width:0;background:#d7aa3d}.reader-v10-progress button{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:#d7d0c4;cursor:pointer}.reader-v10-progress button.on{color:#e4ba4f}
.reader-v10-selection{position:fixed;z-index:80;left:50%;bottom:62px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px 10px;background:#171614;border:1px solid #5d4a24;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.4)}.reader-v10-selection[hidden]{display:none}.reader-v10-selection button{border:0;background:transparent;color:#eee8dc;padding:8px;cursor:pointer}.reader-v10-selection .swatch{width:22px;height:22px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:50%}.reader-v10-selection .swatch.gold{background:#e8cb73}.reader-v10-selection .swatch.blue{background:#9bc7d9}.reader-v10-selection .swatch.green{background:#add09d}.reader-v10-selection .swatch.rose{background:#dba69b}
.reader-v10-error{max-width:760px;margin:30px auto}

/* Global audio lives outside the routed view so playback can survive navigation. */
.library-now-playing{position:fixed;z-index:70;left:var(--sidebar-w,250px);right:0;bottom:0;min-height:62px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(260px,1.1fr) auto auto;gap:14px;align-items:center;padding:8px 18px;background:#0c0d0e;color:#f2eee4;border-top:1px solid rgba(226,179,79,.42);box-shadow:0 -12px 30px rgba(0,0,0,.3)}.library-now-playing[hidden]{display:none}.library-now-playing-copy strong,.library-now-playing-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-now-playing-copy strong{font-family:var(--serif)}.library-now-playing-copy span{font-size:10px;color:#aca69a}.library-now-playing-controls{display:flex;gap:6px}.library-now-playing button,.library-now-playing select{border:1px solid #4a4235;background:#171717;color:#eee8dc;border-radius:8px;padding:8px;cursor:pointer}.library-now-playing-progress{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center;font-size:9px;color:#b6afa2}.library-now-playing-progress>div{height:4px;background:#403b33;border-radius:999px;overflow:hidden}.library-now-playing-progress i{display:block;height:100%;background:#d9af42}.library-now-playing-close{font-size:18px}

@media(max-width:1100px){
  .book-detail-grid{grid-template-columns:180px 1fr}.book-detail-about{grid-column:1/-1}.book-detail-lower{grid-template-columns:1fr}
  .reader-v10-actions span{display:none}.reader-v10-shell.tray-open{grid-template-columns:minmax(0,1fr) 330px}
  .library-now-playing{left:var(--sidebar-w,82px);grid-template-columns:1fr auto 1fr auto}.library-now-playing select{display:none}.library-now-playing-close{display:none}
}
@media(max-width:700px){
  .book-detail-v9{padding-top:10px}.book-detail-hero{padding:14px}.book-detail-grid{grid-template-columns:100px 1fr;gap:14px}.book-detail-cover{font-size:19px;padding:18px 8px}.book-detail-main h1{font-size:34px}.book-detail-author{font-size:21px}.book-detail-lede{font-size:13px}.book-detail-actions{grid-template-columns:1fr}.book-detail-provenance{grid-column:1/-1}.book-detail-about{grid-column:1/-1}.book-detail-context,.book-detail-reading-table{align-items:flex-start;flex-direction:column}.book-detail-editorial form{grid-template-columns:1fr}
  html[data-view="reader"] .sidebar,html[data-view="reader"] .topbar{display:none!important}.reader-v10{height:100dvh}.reader-v10-bar{grid-template-columns:auto minmax(0,1fr) auto;padding:8px}.reader-v10-back span,.reader-v10-actions button:not(#reader-size):not(#reader-listen){display:none}.reader-v10-page{padding:45px 22px}.reader-v10-section h2{font-size:31px;margin-bottom:30px}.reader-v10-text{font-size:var(--read-size);line-height:1.72}.reader-v10-shell.tray-open{grid-template-columns:1fr}.reader-v10-tray{position:fixed;z-index:75;inset:56px 0 45px;border-left:0}.reader-v10-progress{grid-template-columns:1fr 1fr auto;padding:7px 10px}.reader-v10-progress>span{display:none}.reader-v10-selection{bottom:48px}
  .library-now-playing{left:0;grid-template-columns:minmax(0,1fr) auto;padding:7px 10px}.library-now-playing-progress,.library-now-playing select,.library-now-playing-close{display:none}.library-now-playing-copy span{max-width:54vw}
}