/* V3 — Pivot Blue — bold modernist, arrow motif, blue chapter spreads */

.v3 {
  --accent: var(--color-pivot-500);
  --accent-deep: var(--color-depth-700);
  --accent-mid: var(--color-depth-500);
}

/* ------------ Cover ------------ */
.v3 .cover-page {
  background: var(--color-depth-700);
  color: #fff;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.v3 .cover-art {
  position: absolute;
  inset: 0;
}
.v3 .cover-art svg { width: 100%; height: 100%; display: block; }

/* MBP brand arrow — dramatic diagonal sweep from lower-center to upper-right.
   V-point anchor sits near the rule line above the byline; arrowhead lands
   near "Vol. 01" on the depth-blue field. */
.v3 .cover-arrow {
  position: absolute;
  bottom: 1.25in;
  right: 0.5in;
  width: 3.3in;
  height: auto;
  z-index: 2;
  opacity: 0.5;
  filter: brightness(2.6) saturate(0.3);
  pointer-events: none;
}

.v3 .cover-inner {
  position: relative;
  padding: 0.9in var(--page-margin-outer);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  color: #fff;
}

.v3 .cover-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-sans);
  font-size: 9pt;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
  font-weight: 600;
}

.v3 .cover-main { }

.v3 .cover-kicker {
  font-family: var(--font-sans);
  font-size: 10pt;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--color-pivot-300);
  font-weight: 600;
  margin-bottom: 0.5em;
}
.v3 .cover-title {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: 92pt;
  line-height: 0.94;
  letter-spacing: -0.04em;
  color: #fff;
  margin: 0;
}
.v3 .cover-title em {
  font-style: italic;
  font-weight: 300;
  color: var(--color-pivot-300);
}
.v3 .cover-sub {
  font-family: var(--font-serif);
  font-size: 17pt;
  line-height: 1.35;
  color: rgba(255,255,255,0.78);
  max-width: 32ch;
  margin: 1.4em 0 0;
  font-weight: 300;
  font-style: italic;
}

.v3 .cover-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-family: var(--font-sans);
  color: #fff;
  border-top: 1px solid rgba(255,255,255,0.22);
  padding-top: 0.35in;
}
.v3 .cover-bottom .byline {
  font-size: 11pt;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.v3 .cover-bottom .byline small {
  display: block;
  font-size: 8.5pt;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
  margin-top: 0.4em;
}

/* ------------ Half-title ------------ */
.v3 .half-page { background: var(--color-paper); }
.v3 .half-title {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: 42pt;
  letter-spacing: -0.025em;
  color: var(--color-ink-900);
  max-width: 11ch;
  line-height: 1.02;
}
.v3 .half-title em { font-style: italic; color: var(--accent-mid); }
.v3 .half-rule {
  width: 3em; height: 3px; background: var(--accent); margin: 0.2em auto;
}
.v3 .half-imprint {
  font-family: var(--font-sans);
  font-size: 9pt;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--color-ink-500);
  font-weight: 600;
}

/* ------------ TOC ------------ */
.v3 .toc-page { background: var(--color-paper); }
.v3 .toc li .n {
  font-family: var(--font-sans);
  font-size: 11pt;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: 0.08em;
}
.v3 .toc li .t { font-family: var(--font-sans); font-size: 12pt; font-weight: 500; }

/* ------------ Chapter openers (full-bleed blue) ------------ */
.v3 .opener-page {
  background: var(--color-depth-700);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.v3 .opener-art {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.9;
}
.v3 .opener-art svg { width: 100%; height: 100%; }

.v3 .opener-page .page-head,
.v3 .opener-page .folio {
  color: rgba(255,255,255,0.55);
}
.v3 .opener-page .page-head .rh-book { color: rgba(255,255,255,0.9); }
.v3 .opener-page .folio .urls a { color: rgba(255,255,255,0.55); }

.v3 .opener-page .chapter-opener {
  position: relative;
  z-index: 1;
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.v3 .chapter-num-big {
  font-family: var(--font-serif);
  font-weight: 200;
  font-size: 220pt;
  line-height: 0.85;
  color: rgba(255,255,255,0.09);
  letter-spacing: -0.05em;
  position: absolute;
  top: 0.8in;
  right: var(--page-margin-outer);
  z-index: 0;
  pointer-events: none;
}

.v3 .chapter-meta {
  display: flex;
  align-items: baseline;
  gap: 0.8em;
  font-family: var(--font-sans);
  font-size: 9pt;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--color-pivot-300);
  font-weight: 600;
  padding-top: 0.3in;
}
.v3 .chapter-meta .n {
  color: #fff;
  font-weight: 700;
  font-size: 10pt;
}
.v3 .chapter-meta .bar {
  flex: 1; height: 1px; background: rgba(255,255,255,0.3);
}

.v3 .chapter-title {
  font-family: var(--font-serif);
  font-weight: 300;
  font-size: 60pt;
  line-height: 1.02;
  letter-spacing: -0.028em;
  color: #fff;
  max-width: 12ch;
  margin: auto 0;
}
.v3 .chapter-title em { font-style: italic; color: var(--color-pivot-300); }
.v3 .chapter-subtitle {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 15pt;
  color: rgba(255,255,255,0.7);
  max-width: 34ch;
  margin-top: 1em;
}

.v3 .chapter-arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0.2in;
}
.v3 .chapter-arrow svg { width: 2.4in; opacity: 0.9; }

/* ------------ Body ------------ */
.v3 .prose h2 {
  font-family: var(--font-serif);
  font-weight: 500;
  color: var(--color-ink-900);
}
.v3 .prose h3 {
  color: var(--accent);
  letter-spacing: 0.2em;
}
.v3 .prose ul li::before { background: var(--accent); }
.v3 .prose strong { color: var(--accent-deep); }

.v3 .pullquote {
  border-left: 3px solid var(--accent);
  padding-left: 1em;
  font-weight: 400;
  color: var(--accent-deep);
  font-size: 20pt;
}

.v3 .callout {
  background: var(--color-pivot-50);
  border: 1px solid var(--color-pivot-200);
  border-left: 3px solid var(--color-warning);
  padding: 0.7em 0.95em;
}
.v3 .callout .label { color: var(--color-warning); }

/* Admin list styled like a data table */
.v3 .admin-list { border-top: 2px solid var(--accent-deep); }
.v3 .admin-row { border-bottom: 1px solid var(--color-line); }
.v3 .admin-row .price {
  font-family: var(--font-sans);
  font-weight: 700;
  color: var(--accent);
  font-size: 10.5pt;
}

/* Author */
.v3 .author h4 { font-family: var(--font-serif); color: var(--accent-deep); }
.v3 .author .credentials { color: var(--accent); font-weight: 700; }
.v3 .author ul li { border-bottom: 1px solid var(--color-line); }

/* Bibliography */
.v3 .bibliography a { color: var(--accent); border-bottom-color: var(--color-pivot-200); }

/* Back cover */
.v3 .back-page {
  background: var(--color-depth-700);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.v3 .back-page .back-art {
  position: absolute;
  inset: 0;
  opacity: 0.6;
}
.v3 .back-page .back-art svg { width: 100%; height: 100%; }
.v3 .back-page .centered { position: relative; z-index: 1; }
.v3 .back-page .centered > * + * { margin-top: 0.32in; }
.v3 .back-page .mark { width: 1.5in; }
.v3 .back-page .note {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 15pt;
  color: rgba(255,255,255,0.85);
  max-width: 28ch;
  text-align: center;
  line-height: 1.4;
}
.v3 .back-page .urls {
  font-family: var(--font-sans);
  font-size: 10pt;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-pivot-300);
}