:root {
  --ink: #29271f;
  --muted: #756e5d;
  --paper: #f4eedf;
  --paper-bright: #fffaf0;
  --paper-deep: #e6dbc3;
  --forest: #183a32;
  --forest-deep: #091f19;
  --forest-light: #2d5b4d;
  --gold: #aa8139;
  --gold-pale: #d8bd7d;
  --rule: rgba(92, 70, 34, .25);
  --shadow: rgba(25, 22, 15, .2);
  --bar-height: 4.25rem;
  --serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  --display: Georgia, "Times New Roman", serif;
  --ui: system-ui, -apple-system, "Segoe UI", sans-serif;
}

.volume-2 {
  --forest: #203b3d;
  --forest-deep: #0a2024;
  --forest-light: #386268;
  --gold: #a68a4e;
  --gold-pale: #d5c38e;
}

* { box-sizing: border-box; }
html { min-width: 20rem; scroll-behavior: smooth; background: var(--forest-deep); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--serif); font-size: 19px; line-height: 1.72; text-rendering: optimizeLegibility; }
body.age-locked { overflow: hidden; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
img { display: block; max-width: 100%; height: auto; }
:focus-visible { outline: 3px solid var(--gold-pale); outline-offset: 3px; }

.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .7rem 1rem; color: var(--forest-deep); background: var(--gold-pale); transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.age-gate { position: fixed; z-index: 900; inset: 0; display: grid; place-items: center; padding: 1.25rem; color: var(--paper-bright); background: rgba(6, 22, 18, .985); transition: opacity .25s ease, visibility .25s ease; }
.age-gate.is-cleared { opacity: 0; visibility: hidden; pointer-events: none; }
.age-card { width: min(100%, 34rem); padding: clamp(2rem, 7vw, 3.5rem); text-align: center; border: 1px solid rgba(216, 189, 125, .38); background: #102b24; box-shadow: 0 2rem 6rem rgba(0,0,0,.48); }
.age-mark { display: grid; width: 3.4rem; height: 3.4rem; place-items: center; margin: 0 auto 1.7rem; color: var(--gold-pale); border: 1px solid var(--gold); transform: rotate(45deg); }
.age-mark span { font: 700 .78rem/1 var(--ui); transform: rotate(-45deg); }
.age-card h2 { margin: .8rem 0 1rem; font: 400 clamp(2.4rem, 8vw, 3.7rem)/.96 var(--display); }
.age-card p:not(.eyebrow) { color: rgba(255,250,240,.72); }
.age-actions { display: flex; justify-content: center; gap: .75rem; margin-top: 1.8rem; flex-wrap: wrap; }

.button, .contents-control, .download-button { display: inline-flex; min-height: 2.8rem; align-items: center; justify-content: center; padding: .78rem 1.15rem; color: var(--paper-bright); border: 1px solid var(--forest); border-radius: 2px; background: var(--forest); font: 700 .66rem/1 var(--ui); letter-spacing: .11em; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease; }
.button:hover, .contents-control:hover { color: var(--forest-deep); border-color: var(--gold-pale); background: var(--gold-pale); transform: translateY(-1px); }
.button.secondary { color: var(--paper-bright); border-color: rgba(216,189,125,.38); background: transparent; }

.reader-bar { position: sticky; z-index: 100; top: 0; display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(12rem, auto) minmax(17rem, 1fr); min-height: var(--bar-height); align-items: center; gap: 1rem; padding: .5rem clamp(.75rem, 2vw, 1.6rem); color: var(--paper-bright); border-bottom: 1px solid rgba(216,189,125,.3); background: rgba(7, 27, 22, .965); box-shadow: 0 .35rem 1.4rem rgba(7,24,20,.2); backdrop-filter: blur(14px); }
.reader-brand { display: inline-flex; width: fit-content; align-items: center; gap: .72rem; font: 700 .66rem/1 var(--ui); letter-spacing: .17em; text-decoration: none; text-transform: uppercase; }
.brand-glyph { position: relative; width: 1.35rem; height: 1.35rem; border: 1px solid var(--gold); transform: rotate(45deg); }
.brand-glyph::after { content: ""; position: absolute; inset: .36rem; background: var(--gold); }
.reader-current { min-width: 0; text-align: center; }
.reader-current span { display: block; color: var(--gold-pale); font: 700 .55rem/1.2 var(--ui); letter-spacing: .13em; text-transform: uppercase; }
.reader-current strong { display: block; overflow: hidden; margin-top: .18rem; font-size: .8rem; font-weight: 400; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.reader-actions { display: flex; align-items: center; justify-content: flex-end; gap: .35rem; }
.reader-actions .contents-control { min-height: 2.25rem; padding: .6rem .78rem; color: var(--paper-bright); border-color: rgba(216,189,125,.3); background: rgba(255,255,255,.035); font-size: .56rem; }
.chapter-reader { grid-template-columns: minmax(9rem,1fr) auto; min-height: 3.75rem; }
.chapter-reader .reader-actions { grid-column: 2; }
.chapter-reader .nav-link, .chapter-reader .contents-control { min-height: 2.75rem; }
.nav-link { display: inline-flex; min-height: 2.25rem; align-items: center; gap: .35rem; padding: .5rem .6rem; color: rgba(255,250,240,.76); font: 650 .59rem/1 var(--ui); letter-spacing: .065em; text-decoration: none; text-transform: uppercase; }
.nav-link i { color: var(--gold-pale); font-size: 1rem; font-style: normal; }
.nav-link:hover { color: var(--paper-bright); }
.nav-link.disabled { opacity: .25; }

.toc-dialog { width: min(38rem, 100%); height: 100dvh; max-height: none; margin: 0 0 0 auto; padding: 0; color: var(--ink); border: 0; border-left: 1px solid rgba(216,189,125,.45); background: var(--paper); box-shadow: -2rem 0 5rem rgba(0,0,0,.35); }
.toc-dialog::backdrop { background: rgba(5,17,14,.75); backdrop-filter: blur(4px); }
.toc-dialog[open], .toc-dialog.fallback-open { display: grid; grid-template-rows: auto minmax(0,1fr); }
.toc-dialog.fallback-open { position: fixed; z-index: 500; inset: 0 0 0 auto; }
.toc-dialog-head { display: flex; min-height: 5.5rem; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; color: var(--paper-bright); background: var(--forest-deep); }
.toc-dialog-head span { color: var(--gold-pale); font: 700 .58rem/1 var(--ui); letter-spacing: .18em; text-transform: uppercase; }
.toc-dialog-head h2 { margin: .25rem 0 0; font: 400 2rem/1 var(--display); }
.icon-button { width: 2.7rem; height: 2.7rem; color: var(--paper-bright); border: 1px solid rgba(216,189,125,.35); border-radius: 50%; background: transparent; cursor: pointer; }
.toc-dialog-body { overflow-y: auto; padding: 1.5rem 1.25rem 3rem; }
.drawer-links { display: grid; gap: .65rem; margin-top: 1.6rem; padding-top: 1.2rem; border-top: 1px solid var(--rule); }
.drawer-links a { color: var(--forest); font: 700 .65rem/1.3 var(--ui); letter-spacing: .08em; text-transform: uppercase; text-underline-offset: .3rem; }

.toc-groups { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(1rem, 3vw, 2rem); }
.toc-groups.compact, .volume-contents .toc-groups { grid-template-columns: 1fr; }
.toc-group { min-width: 0; }
.toc-group-heading { padding: 0 0 .8rem; border-bottom: 1px solid var(--rule); }
.toc-group-heading span { display: block; color: var(--gold); font: 700 .58rem/1 var(--ui); letter-spacing: .16em; text-transform: uppercase; }
.toc-group-heading strong { display: block; margin-top: .3rem; color: var(--forest); font: 400 1.45rem/1.15 var(--display); }
.toc-group ol { margin: 0; padding: 0; list-style: none; }
.toc-group li { border-bottom: 1px solid var(--rule); }
.toc-group li a { display: grid; grid-template-columns: minmax(7rem, 9rem) minmax(0, 1fr); gap: 1rem; align-items: baseline; padding: .9rem .25rem; text-decoration: none; }
.toc-group li a:hover, .toc-group li a[aria-current="page"] { background: rgba(170,129,57,.075); }
.toc-group li a[aria-current="page"] { box-shadow: inset 3px 0 var(--gold); padding-left: .8rem; }
.toc-group li span { color: var(--muted); font: 700 .55rem/1.2 var(--ui); letter-spacing: .11em; text-transform: uppercase; }
.toc-group li strong { color: var(--ink); font-size: .97rem; font-weight: 400; line-height: 1.35; }
.toc-groups.compact .toc-group li a { grid-template-columns: 1fr; gap: .15rem; }

.chapter-header, .collection-hero, .volume-hero { position: relative; isolation: isolate; overflow: hidden; box-shadow: inset 0 -1px 0 rgba(92,70,34,.2); }
.chapter-header { display: grid; min-height: 0; place-items: center; padding: clamp(3.4rem,7vw,5.4rem) 1.5rem clamp(2.8rem,5vw,4rem); color: var(--ink); background: radial-gradient(ellipse at 50% 12%,rgba(255,255,255,.8),transparent 31rem), linear-gradient(180deg,#eee4cf 0%,#f7f1e4 100%); text-align: center; }
.chapter-header.volume-opening, .collection-hero, .volume-hero { color: var(--paper-bright); background: var(--forest-deep); box-shadow: inset 0 -1px 0 rgba(216,189,125,.5); }
.chapter-header.volume-opening { min-height: clamp(28rem, 56vh, 36rem); padding-block: 5rem; }
.header-vines { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .76; }
.chapter-header::before, .collection-hero::before, .volume-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; }
.chapter-header::before { background: linear-gradient(90deg,transparent,rgba(170,129,57,.045) 35%,rgba(170,129,57,.045) 65%,transparent); }
.chapter-header.volume-opening::before, .collection-hero::before, .volume-hero::before { background: radial-gradient(ellipse at center, rgba(12,38,31,.02) 0 18%, rgba(12,38,31,.5) 72%, rgba(5,22,17,.78) 100%), linear-gradient(180deg, rgba(3,18,14,.14), transparent 34%, rgba(3,18,14,.24)); }
.chapter-header::after, .collection-hero::after, .volume-hero::after { content: ""; position: absolute; z-index: -1; inset: .8rem clamp(1rem,3vw,2.5rem); border-top: 1px solid rgba(170,129,57,.17); border-bottom: 1px solid rgba(170,129,57,.17); pointer-events: none; }
.chapter-header.volume-opening::after, .collection-hero::after, .volume-hero::after { inset: 1rem; border-color: rgba(216,189,125,.18); }
.header-inner, .collection-hero-inner { position: relative; width: min(100%, 54rem); padding: 1.5rem; }
.chapter-header .header-inner { width: min(100%,50rem); padding-block: .5rem; }
.series { display: inline-flex; align-items: center; gap: .7rem; margin: 0 0 2rem; color: var(--gold-pale); font: 600 .65rem/1.2 var(--ui); letter-spacing: .28em; text-decoration: none; text-transform: uppercase; }
.series span { color: rgba(255,250,240,.72); letter-spacing: .12em; }
.series::before, .series::after { content: ""; width: 1.1rem; height: 1px; background: rgba(216,189,125,.5); }
.chapter-number { display: flex; align-items: center; justify-content: center; gap: 1rem; margin: 0 0 1rem; color: var(--gold); font: 650 .69rem/1 var(--ui); letter-spacing: .28em; text-transform: uppercase; }
.chapter-number::before, .chapter-number::after { content: ""; width: 2.6rem; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.chapter-number::after { transform: scaleX(-1); }
.volume-opening .chapter-number { color: #e2ce9a; }
.volume-opening .chapter-number::before, .volume-opening .chapter-number::after { background: linear-gradient(90deg,transparent,var(--gold-pale)); }
.chapter-header h1, .collection-hero h1 { max-width: 17ch; margin: 0 auto; font: 400 clamp(2.85rem, 6vw, 4.8rem)/.98 var(--display); letter-spacing: -.04em; text-wrap: balance; }
.chapter-header h1 { color: var(--forest); }
.chapter-header.volume-opening h1, .collection-hero h1 { color: var(--paper-bright); text-shadow: 0 .12em .55em rgba(0,0,0,.24); }
.volume-opening h1 { max-width: 15ch; font-size: clamp(3.7rem, 8vw, 6.5rem); line-height: .94; letter-spacing: -.05em; }
.ornament { display: grid; grid-template-columns: minmax(2rem,5rem) auto minmax(2rem,5rem); align-items: center; gap: .9rem; width: min(15rem,72vw); margin: 1.45rem auto 0; color: var(--gold); }
.ornament span { height: 1px; background: rgba(216,189,125,.5); }
.ornament i { font-style: normal; font-size: 1.1rem; }
.chapter-header:not(.volume-opening) .ornament span { background: linear-gradient(90deg,transparent,rgba(170,129,57,.65)); }
.chapter-header:not(.volume-opening) .ornament span:last-child { transform: scaleX(-1); }
.volume-opening .ornament { width: min(20rem,80vw); margin-top: 1.8rem; color: var(--gold-pale); }

.chapter-main { width: min(100%, 1120px); margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.volume-opening-page .chapter-main { padding-top: 4.4rem; }
.prose { margin-inline: auto; }
.prose > p, .prose > h2, .scene-break { width: min(100%,700px); margin-inline: auto; }
.prose > p { margin-block: 0 1.18em; hanging-punctuation: first last; }
.prose > p.opening::first-letter { float: left; margin: .08em .12em 0 0; color: var(--forest); font-size: 4.35em; font-weight: 600; line-height: .72; }
.prose h2 { margin-top: 3.5rem; color: var(--forest); font-weight: 400; text-align: center; }
.chapter-art { width: min(100%,1040px); margin: 4.5rem auto 4.7rem; padding: 8px 8px .5rem; background: rgba(255,252,244,.76); border: 1px solid rgba(95,72,36,.22); box-shadow: 0 1.4rem 3.2rem var(--shadow); break-inside: avoid; }
.chapter-art img { width: 100%; border: 1px solid rgba(92,65,30,.38); }
.chapter-art figcaption { width: min(88%,700px); margin: .95rem auto .35rem; color: var(--muted); font-size: .8rem; font-style: italic; line-height: 1.5; text-align: center; }
.scene-break { margin-block: 3.5rem; color: var(--gold); text-align: center; }

.chapter-end-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; width: min(100%,760px); margin: 5rem auto 0; padding-top: 2rem; border-top: 1px solid var(--rule); }
.chapter-end-nav .nav-link { display: grid; grid-template-columns: auto 1fr; color: var(--forest); text-transform: none; }
.chapter-end-nav .nav-link strong { grid-column: 2; color: var(--muted); font-family: var(--serif); font-size: .82rem; font-weight: 400; line-height: 1.25; }
.chapter-end-nav .nav-link:last-child { grid-template-columns: 1fr auto; justify-self: end; text-align: right; }
.chapter-end-nav .nav-link:last-child i { grid-column: 2; grid-row: 1 / 3; }
.chapter-end-nav .nav-link:last-child span, .chapter-end-nav .nav-link:last-child strong { grid-column: 1; }
.chapter-end-nav .contents-control { justify-self: center; color: var(--forest); border-color: rgba(24,58,50,.3); background: transparent; }
.volume-handoff { display: grid; grid-template-columns: 5rem minmax(0,1fr) auto; gap: 1.2rem; align-items: center; width: min(100%,700px); margin: 2.2rem auto 0; padding: .9rem; color: var(--paper-bright); border: 1px solid rgba(216,189,125,.34); background: var(--forest-deep); text-decoration: none; box-shadow: 0 1rem 2.5rem rgba(25,22,15,.18); }
.volume-handoff img { width: 5rem; aspect-ratio: 2/3; object-fit: cover; }
.volume-handoff span { display: grid; }
.volume-handoff small, .sibling-volume small { color: var(--gold-pale); font: 700 .57rem/1.2 var(--ui); letter-spacing: .14em; text-transform: uppercase; }
.volume-handoff strong, .sibling-volume strong { margin-top: .25rem; font: 400 1.45rem/1 var(--display); }
.volume-handoff em, .sibling-volume em { margin-top: .25rem; color: rgba(255,250,240,.68); font-size: .82rem; font-style: normal; }
.volume-handoff > i, .sibling-volume > i { color: var(--gold-pale); font-size: 1.5rem; font-style: normal; }

.collection-hero { display: grid; min-height: clamp(34rem, 72vh, 48rem); place-items: center; padding: 5.5rem 1.5rem 5rem; text-align: center; }
.collection-hero h1 { font-size: clamp(5rem,13vw,9.5rem); }
.hero-subtitle { margin: 1.35rem 0 0; color: var(--gold-pale); font: 500 clamp(.9rem,2.2vw,1.2rem)/1.3 var(--ui); letter-spacing: .25em; text-transform: uppercase; }
.hero-lead { max-width: 42rem; margin: 1.6rem auto 0; color: rgba(255,250,240,.76); font-size: clamp(1rem,2vw,1.16rem); line-height: 1.65; }
.hero-button { margin-top: 1.9rem; color: var(--forest-deep); border-color: var(--gold-pale); background: var(--gold-pale); }
.collection-main { padding: clamp(4rem,8vw,6.5rem) clamp(1rem,4vw,3rem) 7rem; background: radial-gradient(circle at 18% 0%,rgba(255,255,255,.68),transparent 32rem), linear-gradient(90deg,rgba(118,86,42,.035) 1px,transparent 1px), var(--paper); background-size: auto,8px 8px,auto; }
.collection-intro, .volume-grid { width: min(100%,72rem); margin-inline: auto; }
.collection-intro { max-width: 48rem; text-align: center; scroll-margin-top: calc(var(--bar-height) + 1rem); }
.bookplate-flourish { width: min(24rem, 72vw); margin: -2rem auto -.35rem; pointer-events: none; }
.section-heading .bookplate-flourish { margin-top: -1.5rem; }
.eyebrow { margin: 0; color: var(--gold); font: 700 .61rem/1.2 var(--ui); letter-spacing: .19em; text-transform: uppercase; }
.collection-intro h2, .section-heading h2 { margin: .65rem 0 1rem; color: var(--forest); font: 400 clamp(2.5rem,6vw,4.6rem)/.96 var(--display); letter-spacing: -.035em; text-wrap: balance; }
.collection-intro > p:last-child { color: var(--muted); }
.volume-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2.5rem,7vw,6rem); margin-top: clamp(3.5rem,7vw,6rem); align-items: start; }
.volume-card { min-width: 0; text-align: center; }
.volume-cover-link { display: block; width: min(100%,23rem); margin: 0 auto; text-decoration: none; }
.volume-cover { width: 100%; box-shadow: 0 1.8rem 4rem rgba(20,24,18,.3); transition: transform .25s ease, box-shadow .25s ease; }
.volume-cover-link:hover .volume-cover { transform: translateY(-5px); box-shadow: 0 2.2rem 4.5rem rgba(20,24,18,.36); }
.volume-copy { padding: 2rem .5rem 0; }
.volume-copy h2 { margin: .55rem 0 1rem; color: var(--forest); font: 400 clamp(2.6rem,5vw,4rem)/.92 var(--display); letter-spacing: -.035em; }
.volume-copy h2 a { text-decoration: none; }
.volume-copy > p { max-width: 32rem; margin-inline: auto; color: var(--muted); }
.volume-range { margin-top: 1.2rem; color: var(--forest-light); font: 700 .61rem/1.5 var(--ui); letter-spacing: .1em; text-transform: uppercase; }
.volume-actions { display: flex; align-items: center; justify-content: center; gap: .7rem; margin-top: 1.5rem; flex-wrap: wrap; }
.download-row { display: flex; gap: .5rem; flex-wrap: wrap; }
.download-button { min-height: 2.55rem; align-items: baseline; gap: .45rem; color: var(--forest); border-color: rgba(24,58,50,.26); background: transparent; }
.download-button strong { font-size: .58rem; }
.download-button span { color: var(--muted); font: 500 .57rem/1 var(--ui); letter-spacing: 0; text-transform: none; }
.download-button:hover { color: var(--paper-bright); background: var(--forest); }

.volume-hero { min-height: calc(100vh - var(--bar-height)); padding: clamp(3rem,7vw,6rem) clamp(1rem,5vw,4rem); }
.volume-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(15rem,24rem) minmax(0,36rem); gap: clamp(2.5rem,7vw,7rem); align-items: center; justify-content: center; width: min(100%,74rem); min-height: calc(100vh - var(--bar-height) - 8rem); margin: 0 auto; }
.volume-book { margin: 0; }
.volume-book img { width: 100%; box-shadow: 0 2rem 5rem rgba(0,0,0,.46); }
.volume-title .series { margin-bottom: 2.3rem; }
.volume-title h1 { max-width: 9ch; margin: .55rem 0 1.25rem; font: 400 clamp(3.6rem,8vw,6.8rem)/.9 var(--display); letter-spacing: -.05em; text-wrap: balance; }
.volume-description { max-width: 34rem; color: rgba(255,250,240,.76); font-size: 1.05rem; }
.volume-title .volume-range { color: var(--gold-pale); }
.volume-title .volume-actions { justify-content: flex-start; }
.volume-title .download-button { color: var(--paper-bright); border-color: rgba(216,189,125,.35); }
.volume-title .download-button span { color: rgba(255,250,240,.6); }
.volume-title .download-button:hover { color: var(--forest-deep); background: var(--gold-pale); }
.volume-main { padding: clamp(4rem,9vw,7rem) 1rem 7rem; background: var(--paper); }
.volume-contents { width: min(100%,48rem); margin: 0 auto; scroll-margin-top: calc(var(--bar-height) + 1rem); }
.section-heading { margin-bottom: 2.2rem; text-align: center; }
.sibling-volume { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: center; margin-top: 3rem; padding: 1.35rem 1.5rem; color: var(--paper-bright); background: var(--forest-deep); text-decoration: none; }
.sibling-volume span { display: grid; }

.site-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 2rem clamp(1rem,4vw,3rem); color: rgba(255,250,240,.62); border-top: 1px solid rgba(216,189,125,.35); background: var(--forest-deep); font: 600 .6rem/1.4 var(--ui); letter-spacing: .075em; text-transform: uppercase; }
.site-footer a { color: var(--gold-pale); }

@media (max-width: 860px) {
  :root { --bar-height: 6.2rem; }
  .reader-bar { grid-template-columns: minmax(0,1fr) auto; gap: .3rem .75rem; }
  .reader-current { grid-column: 1 / -1; grid-row: 2; }
  .reader-actions { grid-column: 2; grid-row: 1; }
  .reader-brand { grid-column: 1; grid-row: 1; }
  .chapter-reader { min-height: 3.75rem; }
  .volume-hero-inner { grid-template-columns: minmax(12rem,20rem) minmax(0,1fr); gap: 2.5rem; }
}

@media (max-width: 680px) {
  body { font-size: 17.5px; line-height: 1.66; }
  .reader-brand > span:last-child, .home-link { display: none; }
  .reader-bar { padding-inline: .65rem; }
  .nav-link { padding-inline: .3rem; }
  .reader-actions > .nav-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .reader-actions .contents-control { padding-inline: .65rem; }
  .chapter-header { min-height: 0; padding: 2.7rem .8rem 2.35rem; }
  .chapter-header.volume-opening { min-height: clamp(24rem,58svh,30rem); padding-block: 4.2rem; }
  .chapter-header::after, .collection-hero::after, .volume-hero::after { inset: .65rem; }
  .header-inner, .collection-hero-inner { padding-inline: .25rem; }
  .chapter-header h1 { font-size: clamp(2.55rem,12vw,3.8rem); }
  .chapter-header.volume-opening h1 { font-size: clamp(3.35rem,15vw,5rem); }
  .series { margin-bottom: 1.8rem; letter-spacing: .2em; }
  .series span { display: none; }
  .chapter-main { padding: 2.35rem 1rem 4rem; }
  .volume-opening-page .chapter-main { padding-top: 3.5rem; }
  .chapter-art { margin-block: 3.1rem 3.4rem; padding: 5px 5px .4rem; }
  .prose > p.opening::first-letter { font-size: 3.8em; }
  .chapter-end-nav { gap: .35rem; }
  .chapter-end-nav .nav-link strong { display: none; }
  .chapter-end-nav .contents-control { padding-inline: .65rem; font-size: .54rem; }
  .volume-handoff { grid-template-columns: 4.25rem minmax(0,1fr) auto; gap: .9rem; }
  .volume-handoff img { width: 4.25rem; }
  .toc-groups, .volume-grid { grid-template-columns: 1fr; }
  .toc-group li a { grid-template-columns: 1fr; gap: .15rem; }
  .collection-hero { min-height: 38rem; }
  .collection-hero h1 { font-size: clamp(4.5rem,23vw,7rem); }
  .volume-card + .volume-card { margin-top: 1rem; padding-top: 3.5rem; border-top: 1px solid var(--rule); }
  .volume-cover-link { width: min(100%,21rem); }
  .volume-hero { padding: 3.5rem 1rem 4rem; }
  .volume-hero-inner { grid-template-columns: 1fr; gap: 2.5rem; min-height: auto; text-align: center; }
  .volume-book { width: min(72vw,17rem); margin: 0 auto; }
  .volume-title h1 { margin-inline: auto; }
  .volume-title .series { justify-content: center; }
  .volume-title .volume-actions { justify-content: center; }
  .site-footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

@media print {
  .reader-bar, .toc-dialog, .age-gate, .chapter-end-nav, .volume-handoff, .site-footer { display: none !important; }
  body { color: #111; background: #fff; font-size: 10.5pt; line-height: 1.48; }
  .chapter-header { min-height: 0; padding: .5in 0 .35in; color: #173229; background: #fff; box-shadow: none; break-after: auto; }
  .chapter-header.volume-opening { min-height: 8in; break-after: page; }
  .chapter-header h1, .chapter-header.volume-opening h1 { color: #173229; text-shadow: none; }
  .header-vines, .chapter-header::before, .chapter-header::after { display: none; }
  .chapter-main { width: auto; padding: 0; }
  .prose > p, .prose > h2, .scene-break { width: auto; }
  .chapter-art { width: auto; margin: .3in 0; padding: 0; border: 0; box-shadow: none; }
}