/* Book page styles. Fonts, colour tokens, header, footer, buttons and the dialog come from base.css (loaded first).
   Each book sets its own colour on <body> as --accent (and --accent-ink for text on it). */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;padding:24px clamp(24px,5vw,78px) 64px}
.book{max-width:960px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:clamp(24px,5vw,56px);align-items:start}
.cover{width:240px;height:auto;display:block;box-shadow:0 12px 40px rgba(0,0,0,.6)}
.note{margin:0 0 6px;color:var(--muted);font-size:14px}
h1{margin:0;font:500 clamp(36px,6vw,56px)/1 "Cormorant Garamond",Georgia,serif}
.tag{margin:12px 0 0;font:italic 500 clamp(19px,2.6vw,23px)/1.3 "Cormorant Garamond",Georgia,serif}
.syn{margin:18px 0 24px}
.back{margin:32px 0 0}
/* Plain text page (About). */
.page{max-width:68ch;margin:0 auto}
.page h1{text-align:center}
.back a{color:var(--ink);text-decoration-color:var(--accent);text-underline-offset:4px}
@media(max-width:720px){.book{grid-template-columns:1fr}.cover{width:min(240px,70vw);margin:0 auto}}

/* Previous / next book links (generated by tools/make_book_pages.py). */
.pager{display:flex;gap:16px;justify-content:space-between;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.pager a{display:block;max-width:48%;color:var(--ink);text-decoration:none;font:500 clamp(18px,2.4vw,22px)/1.25 "Cormorant Garamond",Georgia,serif}
.pager a span{display:block;margin-bottom:4px;color:var(--muted);font:500 13px/1.3 "Hanken Grotesk",system-ui,sans-serif}
.pager a:hover{color:var(--accent)}
.pager .next{margin-left:auto;text-align:right}

/* Per-book accent tokens. Written by tools/make_book_pages.py from the accent and ink in assets/books.js (class-based, so the CSP can disallow inline styles). Do not edit between the markers. */
/* BEGIN generated:book-accents */
body.book--broken-winged-flight{--accent:#ff7043;--accent-ink:#000}
body.book--evince-embers{--accent:#b5595a;--accent-ink:#fff}
body.book--cut-grass{--accent:#b84fe0;--accent-ink:#000}
body.book--kernward{--accent:#fb8000;--accent-ink:#000}
body.book--fraying-ropes{--accent:#74cc66;--accent-ink:#000}
body.book--bohemian-divide{--accent:#ff3d00;--accent-ink:#000}
body.book--grievous-exigence{--accent:#ff7400;--accent-ink:#000}
body.book--nexus-string{--accent:#f2b277;--accent-ink:#000}
body.book--awry-flux{--accent:#1fa6d1;--accent-ink:#000}
/* END generated:book-accents */
