:root {
  color-scheme: light;
  --ink: #17213a;
  --muted: #43516a;
  --faint: #5d687b;
  --night: #fbfaf8;
  --night-2: #f0f4fa;
  --panel: #ffffff;
  --panel-2: #eaf1f8;
  --line: rgba(23, 33, 58, .16);
  --line-cool: rgba(42, 91, 145, .18);
  --gold: #963d2d;
  --gold-soft: #6b358f;
  --blue: #126d91;
  --paper: #f3ead8;
  --paper-ink: #211f1a;
  --documented: #18705d;
  --textual: #24669e;
  --comparative: #72439c;
  --hypothesis: #9b481f;
  --canon: #a43459;
  --open: #566174;
  --danger: #a9382b;
  --radius: 18px;
  --radius-sm: 11px;
  --shadow: 0 28px 80px rgba(37, 45, 74, .16);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at 78% -8%, rgba(153, 117, 220, .2), transparent 34rem), radial-gradient(circle at 4% 34%, rgba(255, 177, 92, .18), transparent 28rem), radial-gradient(circle at 92% 68%, rgba(84, 205, 181, .14), transparent 30rem), var(--night);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.62;
  min-height: 100vh;
  overflow-wrap: break-word;
	--section-accent: var(--gold);
	--section-tint: rgba(150,61,45,.08);
}
body.section-tony { --section-accent: #7543a3; --section-tint: rgba(117,67,163,.09); }
body.section-research { --section-accent: #24745d; --section-tint: rgba(36,116,93,.09); }
body.section-blog { --section-accent: #b5475d; --section-tint: rgba(181,71,93,.09); }
body.section-books { --section-accent: #8d5214; --section-tint: rgba(141,82,20,.09); }
body.section-music { --section-accent: #246a9c; --section-tint: rgba(36,106,156,.09); }
body.section-tools { --section-accent: #28775e; --section-tint: rgba(40,119,94,.09); }
body.section-wiki { --section-accent: #17767b; --section-tint: rgba(23,118,123,.09); }
body::before {
  background-image: linear-gradient(rgba(44, 78, 126, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(44, 78, 126, .035) 1px, transparent 1px);
  background-size: 38px 38px;
  content: '';
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: -1;
}
body.dialog-open { overflow: hidden; }
body #gt_float_wrapper,
body .gt_float_switcher { bottom: 1rem!important; left: 1rem!important; right: auto!important; top: auto!important; z-index: 45!important; }
body.single-tck_claim .jp-relatedposts,
body.single-tck_source .jp-relatedposts,
body[class*="single-tck_"] .jp-relatedposts { display: none!important; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--gold-soft); }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img, svg, video, iframe { display: block; max-width: 100%; }
img { height: auto; }
code, kbd { font-family: var(--mono); }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute!important; width: 1px; word-wrap: normal!important; }
.skip-link { background: var(--paper); color: var(--paper-ink); left: 1rem; padding: .7rem 1rem; position: fixed; top: -6rem; z-index: 1000; }
.skip-link:focus { top: 1rem; }

.utility { background: rgba(255,255,255,.38); border-bottom: 1px solid var(--line); color: var(--faint); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.utility__inner, .site-header__inner, .section, .page-shell, .footer__inner, .footer-bottom { margin: 0 auto; max-width: 1240px; padding-left: clamp(1rem,4vw,2.75rem); padding-right: clamp(1rem,4vw,2.75rem); }
.utility__inner { align-items: center; display: flex; justify-content: space-between; min-height: 34px; }
.utility__links { align-items: center; display: flex; gap: 1.2rem; }
.archive-state { align-items: center; display: flex; gap: .45rem; }
.archive-state::before { background: var(--documented); border-radius: 50%; box-shadow: 0 0 9px var(--documented); content: ''; height: 6px; width: 6px; }
.text-link, .footer-button { appearance: none; background: none; border: 0; color: inherit; cursor: pointer; font-size: inherit; letter-spacing: inherit; padding: 0; text-align: left; text-transform: inherit; }

.site-header { backdrop-filter: blur(18px); background: rgba(255,255,255,.86); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50; }
.site-header__inner { align-items: center; display: grid; gap: 2rem; grid-template-columns: auto 1fr auto; min-height: 78px; }
.brand { align-items: center; display: inline-flex; gap: .75rem; }
.brand__mark { border-radius: 11px; box-shadow: 0 7px 18px rgba(62,57,117,.16); height: 39px; width: 39px; }
.brand__name { display: block; font-family: var(--serif); font-size: 1.08rem; letter-spacing: .06em; line-height: 1.2; }
.brand__name span { color: var(--gold); }
.brand__tag { color: var(--faint); display: block; font-size: .56rem; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
.nav { display: flex; gap: clamp(.75rem,2.1vw,1.7rem); justify-content: center; }
.nav a { color: var(--muted); font-size: .83rem; padding: 1.75rem 0 1.55rem; position: relative; }
.nav a:hover, .nav a.active, .nav .current-menu-item > a { color: var(--ink); }
.nav a.active::after, .nav .current-menu-item > a::after { background: var(--section-accent); bottom: -1px; content: ''; height: 2px; left: 0; position: absolute; right: 0; }
.header-actions { align-items: center; display: flex; gap: .55rem; }
.icon-button, .menu-button { align-items: center; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: 50%; cursor: pointer; display: inline-flex; height: 41px; justify-content: center; width: 41px; }
.icon-button:hover, .menu-button:hover { background: var(--panel); border-color: var(--gold); }
.icon-button svg, .menu-button svg { height: 18px; width: 18px; }
.menu-button { display: none; }

h1, h2, h3 { line-height: 1.1; }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.035em; }
h1 { font-size: clamp(3rem,6.4vw,6.2rem); margin: 0; }
h2 { font-size: clamp(2.25rem,4.7vw,4.5rem); margin: 0; }
h1 em, h2 em { color: var(--gold-soft); font-style: normal; }
.eyebrow { align-items: center; color: var(--gold-soft); display: flex; font-size: .68rem; font-weight: 700; gap: .65rem; letter-spacing: .18em; margin: 0 0 1.1rem; text-transform: uppercase; }
.eyebrow::before { background: var(--gold); content: ''; height: 1px; width: 30px; }
.button { align-items: center; border: 1px solid transparent; border-radius: 999px; cursor: pointer; display: inline-flex; font-size: .82rem; font-weight: 700; gap: .65rem; justify-content: center; letter-spacing: .03em; min-height: 48px; padding: .75rem 1.25rem; }
.button--primary { background: linear-gradient(135deg,#873d9b,#315fa8); box-shadow: 0 10px 24px rgba(72,64,157,.2); color: #fff; }
.button--primary:hover { background: linear-gradient(135deg,#733085,#24518f); color: #fff; transform: translateY(-1px); }
.button--ghost { background: rgba(255,255,255,.64); border-color: var(--line); }
.button--ghost:hover { background: var(--panel); border-color: var(--gold); }
.button--text { background: transparent; color: var(--muted); padding-left: .3rem; padding-right: .3rem; }
.button--text kbd { border: 1px solid var(--line); border-radius: 5px; font-size: .64rem; padding: .05rem .35rem; }
.button--full { width: 100%; }
.text-arrow { color: var(--gold-soft); font-size: .78rem; font-weight: 700; }

.home-intro { min-height: calc(100vh - 112px); overflow: hidden; position: relative; }
.home-intro::before, .home-intro::after { border-radius: 50%; content: ''; pointer-events: none; position: absolute; }
.home-intro::before { background: rgba(248,172,105,.22); filter: blur(2px); height: 420px; left: -210px; top: 18%; width: 420px; }
.home-intro::after { background: rgba(94,188,185,.16); bottom: -240px; height: 520px; right: -180px; width: 520px; }
.home-intro__inner { align-items: center; display: grid; gap: clamp(3rem,7vw,7.5rem); grid-template-columns: minmax(0,1.12fr) minmax(320px,.72fr); margin: 0 auto; max-width: 1240px; min-height: calc(100vh - 112px); padding: clamp(4rem,8vh,7rem) clamp(1rem,4vw,2.75rem) clamp(4.5rem,9vh,7.5rem); position: relative; z-index: 1; }
.home-intro__copy { max-width: 760px; }
.home-intro h1 { font-size: clamp(3.7rem,7.2vw,7rem); }
.home-intro h1 em { background: linear-gradient(100deg,#823a98 4%,#315fa8 48%,#167973 94%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.home-intro__lead { color: var(--ink); font-family: var(--serif); font-size: clamp(1.18rem,2vw,1.52rem); line-height: 1.58; margin: 1.65rem 0 0; max-width: 720px; }
.home-purpose { background: rgba(255,255,255,.72); border: 1px solid var(--line); border-left: 4px solid #6b4aa7; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; box-shadow: 0 18px 45px rgba(50,55,96,.08); margin-top: 1.8rem; max-width: 720px; padding: 1.25rem 1.35rem; }
.home-purpose__label { color: var(--gold); font-size: .67rem; font-weight: 800; letter-spacing: .15em; margin: 0 0 .45rem; text-transform: uppercase; }
.home-purpose > p:last-child { color: var(--muted); margin: 0; }
.home-purpose em { color: var(--canon); font-style: normal; font-weight: 700; }
.home-intro__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.home-contact { align-items: center; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: 999px; display: inline-flex; gap: .7rem; margin-top: 1rem; padding: .58rem .85rem; }
.home-contact__label { color: #16705f; font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.home-contact a { color: var(--ink); font-family: var(--sans); font-size: .9rem; font-weight: 800; text-decoration: none; }
.home-contact a:hover, .home-contact a:focus-visible { color: #16705f; text-decoration: underline; text-underline-offset: .2em; }
.home-intro__trust { color: var(--faint); display: flex; flex-wrap: wrap; font-size: .67rem; gap: .65rem 1.25rem; letter-spacing: .08em; margin: 1.6rem 0 0; text-transform: uppercase; }
.home-intro__trust span { align-items: center; display: inline-flex; gap: .4rem; }
.home-intro__trust span::before { background: linear-gradient(135deg,#88419b,#247c80); border-radius: 50%; content: ''; height: 6px; width: 6px; }
.home-featured-book { margin: 0 auto; max-width: 1240px; padding: 0 clamp(1rem,4vw,2.75rem) clamp(5rem,9vw,8rem); position: relative; z-index: 1; }
.magnum-book { align-items: center; background: radial-gradient(circle at 86% 10%,rgba(105,169,210,.24),transparent 37%),radial-gradient(circle at 8% 92%,rgba(175,119,190,.16),transparent 36%),linear-gradient(135deg,#fffaf2,#f4effa 48%,#eaf4fb); border: 1px solid rgba(92,74,138,.24); border-radius: clamp(24px,3vw,38px); box-shadow: 0 26px 70px rgba(47,57,96,.14); color: var(--ink); display: grid; gap: clamp(2rem,5vw,4.5rem); grid-template-columns: minmax(220px,.58fr) minmax(0,1.42fr); margin-bottom: clamp(4rem,7vw,6rem); overflow: hidden; padding: clamp(1.3rem,3.5vw,3.25rem); position: relative; }
.magnum-book::before { background: linear-gradient(90deg,#8d4fa4,#3a73b7 52%,#2b8b7c); content: ''; height: 5px; left: 0; position: absolute; right: 0; top: 0; }
.magnum-book::after { background: linear-gradient(90deg,transparent,rgba(92,74,138,.17),transparent); content: ''; height: 1px; left: 32%; position: absolute; right: 3%; top: 18%; }
.magnum-book__cover-wrap { position: relative; z-index: 1; }
.magnum-book__cover-wrap a { display: block; }
.magnum-book__cover { aspect-ratio: 2/3; border: 1px solid rgba(53,62,96,.18); border-radius: 14px; box-shadow: 0 24px 54px rgba(31,41,75,.24); display: block; height: auto; object-fit: cover; width: 100%; }
.magnum-book__copy { position: relative; z-index: 1; }
.magnum-book .eyebrow { color: #6b358f; }
.magnum-book h2 { color: var(--ink); font-size: clamp(2.3rem,5vw,4.8rem); letter-spacing: -.035em; line-height: .98; margin: .7rem 0 1rem; }
.magnum-book__subtitle { color: #5d3f88!important; font-family: var(--serif); font-size: clamp(1.2rem,2.2vw,1.7rem)!important; line-height: 1.4!important; margin: 0 0 1.3rem!important; max-width: 760px; }
.magnum-book__copy > p:not(.eyebrow):not(.magnum-book__subtitle):not(.magnum-book__facts) { color: var(--muted); font-size: 1.03rem; line-height: 1.68; max-width: 760px; }
.magnum-book__facts { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.4rem 0; }
.magnum-book__facts span { background: rgba(255,255,255,.7); border: 1px solid rgba(73,83,125,.2); border-radius: 999px; color: var(--muted); font-size: .75rem; font-weight: 800; letter-spacing: .04em; padding: .45rem .72rem; text-transform: uppercase; }
.magnum-book__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.magnum-book .button--ghost { background: rgba(255,255,255,.72); border-color: rgba(73,83,125,.24); color: var(--ink); }
.magnum-book .button--ghost:hover { background: #fff; border-color: #6b4aa7; color: #5d3f88; }
.button--amazon { background: #ffcf4f; color: #1f1807; }
.button--amazon:hover { background: #f4bc26; color: #1f1807; transform: translateY(-1px); }
.home-portrait { margin: 0; max-width: 430px; position: relative; width: 100%; }
.home-portrait__halo { background: conic-gradient(from 25deg,#ffd273,#ff8095,#9168d1,#61acd5,#66cbb2,#ffd273); border-radius: 42% 58% 53% 47% / 45% 43% 57% 55%; filter: saturate(.92); inset: -24px -34px 30px -30px; opacity: .6; position: absolute; transform: rotate(-4deg); }
.home-portrait__frame { background: #fff; border: 10px solid rgba(255,255,255,.88); border-radius: 44% 44% 18px 18px; box-shadow: 0 36px 90px rgba(52,57,99,.22); isolation: isolate; overflow: hidden; position: relative; }
.home-portrait__frame::after { background: linear-gradient(180deg,transparent 60%,rgba(22,30,52,.16)); content: ''; inset: 0; pointer-events: none; position: absolute; }
.home-portrait__image { aspect-ratio: 4/5; height: auto; object-fit: cover; object-position: center top; width: 100%; }
.home-portrait__fallback { align-items: center; aspect-ratio: 4/5; background: linear-gradient(145deg,#8050b4,#286a9d 52%,#168078); color: #fff; display: flex; font-family: var(--serif); font-size: 6rem; justify-content: center; }
.home-portrait figcaption { background: rgba(255,255,255,.92); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 14px 35px rgba(42,46,80,.14); display: flex; flex-direction: column; margin: -28px 20px 0; padding: .9rem 1rem; position: relative; z-index: 2; }
.home-portrait figcaption strong { color: var(--ink); font-family: var(--serif); font-size: 1.15rem; }
.home-portrait figcaption span { color: var(--faint); font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; }

.hero { min-height: 690px; overflow: hidden; position: relative; }
.hero__inner { align-items: center; display: grid; gap: clamp(2rem,6vw,6rem); grid-template-columns: minmax(0,1.1fr) minmax(340px,.9fr); margin: 0 auto; max-width: 1240px; min-height: 690px; padding: 4.6rem clamp(1rem,4vw,2.75rem) 5rem; }
.hero__copy { max-width: 710px; position: relative; z-index: 2; }
.hero__lead, .record-hero__lead, .reading-deck { color: var(--muted); font-family: var(--serif); font-size: clamp(1.12rem,2vw,1.42rem); line-height: 1.62; max-width: 690px; }
.hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.trust-ribbon { color: var(--faint); display: flex; flex-wrap: wrap; font-size: .68rem; gap: .9rem 1.6rem; letter-spacing: .08em; margin-top: 2.15rem; text-transform: uppercase; }
.trust-ribbon span { align-items: center; display: inline-flex; gap: .4rem; }
.trust-ribbon span::before { color: var(--documented); content: '✓'; }
.hero-visual { aspect-ratio: 1; max-width: 520px; position: relative; width: 100%; }
.signal-lines { color: rgba(213,180,94,.36); inset: 0; position: absolute; }
.signal-lines path, .signal-lines circle { fill: none; stroke: currentColor; stroke-width: .8; }
.signal-lines circle { stroke-dasharray: 3 7; }
.orbit { border: 1px solid rgba(112,198,230,.12); border-radius: 50%; inset: 14%; position: absolute; }
.orbit--two { border-color: rgba(213,180,94,.12); inset: 25%; }
.orbit--three { border-style: dashed; inset: 36%; }
.signal-node { align-items: center; background: rgba(16,31,37,.9); border: 1px solid var(--line); border-radius: 50%; box-shadow: 0 0 0 7px rgba(7,16,19,.8); display: flex; height: 70px; justify-content: center; position: absolute; text-align: center; width: 70px; z-index: 2; }
.signal-node span { font-family: var(--serif); font-size: .73rem; line-height: 1.1; }
.signal-node--center { background: var(--gold); color: #111713; height: 104px; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 104px; }
.signal-node--a { left: 10%; top: 12%; }.signal-node--b { right: 7%; top: 18%; }.signal-node--c { right: 2%; top: 61%; }.signal-node--d { bottom: 0; left: 42%; }.signal-node--e { bottom: 22%; left: 3%; }

.section { padding-bottom: clamp(5rem,9vw,8rem); padding-top: clamp(5rem,9vw,8rem); }
.section + .section { border-top: 1px solid var(--line); }
.section-heading { display: grid; gap: 2rem; grid-template-columns: minmax(0,.85fr) minmax(280px,.55fr); margin-bottom: 3.3rem; }
.section-heading > p, .evidence-intro > p { color: var(--muted); margin: auto 0 0; max-width: 520px; }
.section-heading--compact { grid-template-columns: minmax(0,1fr) minmax(250px,.45fr); }
.section-heading--row { align-items: end; display: flex; justify-content: space-between; }
.orientation { padding-top: 3rem; }
.route-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.route-card { align-items: start; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,245,252,.92)); border: 1px solid var(--line-cool); border-radius: var(--radius); display: grid; gap: 1.25rem; grid-template-columns: auto 1fr auto; min-height: 245px; padding: clamp(1.4rem,3vw,2.2rem); position: relative; transition: border-color .2s ease, transform .2s ease; }
.route-card:hover { border-color: var(--gold); color: inherit; transform: translateY(-3px); }
.route-card--wide { grid-column: span 2; min-height: 210px; }
.route-card__number { color: var(--faint); font-family: var(--mono); font-size: .67rem; }
.route-card__label { color: var(--gold); display: block; font-size: .64rem; font-weight: 700; letter-spacing: .16em; margin-bottom: .8rem; text-transform: uppercase; }
.route-card h3 { font-family: var(--serif); font-size: clamp(1.4rem,2.4vw,2rem); font-weight: 400; margin: 0 0 .8rem; }
.route-card p { color: var(--muted); margin: 0; max-width: 680px; }
.route-card__arrow { color: var(--gold); font-size: 1.2rem; }

.evidence-section { background: linear-gradient(135deg,rgba(228,238,255,.82),rgba(246,231,250,.72)); max-width: none; padding-left: max(clamp(1rem,4vw,2.75rem),calc((100vw - 1240px)/2 + clamp(1rem,4vw,2.75rem))); padding-right: max(clamp(1rem,4vw,2.75rem),calc((100vw - 1240px)/2 + clamp(1rem,4vw,2.75rem))); }
.evidence-intro { display: grid; gap: 2.5rem; grid-template-columns: 1fr .72fr; margin-bottom: 3rem; }
.evidence-grid { display: grid; gap: .8rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.evidence-card { --class-color: var(--open); background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-sm); min-height: 230px; padding: 1.5rem; position: relative; }
.evidence-card::before { background: var(--class-color); content: ''; height: 3px; left: 1.5rem; position: absolute; right: 1.5rem; top: 0; }
.evidence-card:hover { border-color: var(--class-color); color: inherit; }
.evidence-card--documented { --class-color: var(--documented); }.evidence-card--textual { --class-color: var(--textual); }.evidence-card--comparative { --class-color: var(--comparative); }.evidence-card--hypothesis { --class-color: var(--hypothesis); }.evidence-card--canon { --class-color: var(--canon); }.evidence-card--open { --class-color: var(--open); }
.evidence-card__icon { align-items: center; border: 1px solid var(--class-color); border-radius: 50%; color: var(--class-color); display: flex; font-family: var(--mono); font-size: .68rem; height: 36px; justify-content: center; width: 36px; }
.evidence-card h3 { font-family: var(--serif); font-size: 1.38rem; font-weight: 400; margin: 1.2rem 0 .6rem; }
.evidence-card p { color: var(--muted); font-size: .85rem; margin: 0; }
.evidence-card__more { bottom: 1.3rem; color: var(--class-color); font-size: .72rem; font-weight: 700; position: absolute; }

.metrics { border: 1px solid var(--line); border-radius: var(--radius); display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; }
.metric { min-height: 155px; padding: 2rem; }
.metric + .metric { border-left: 1px solid var(--line); }
.metric strong { color: var(--gold-soft); display: block; font-family: var(--serif); font-size: clamp(2rem,4vw,3.5rem); font-weight: 400; line-height: 1; }
.metric span { color: var(--faint); display: block; font-size: .68rem; letter-spacing: .1em; margin-top: .8rem; text-transform: uppercase; }
.content-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.content-grid--archive { gap: 1.25rem; }
.content-card { --card-lane: var(--gold-soft); background: rgba(255,255,255,.9); border: 1px solid var(--line-cool); border-top: 3px solid var(--card-lane); border-radius: var(--radius); display: flex; flex-direction: column; margin: 0; min-width: 0; overflow: hidden; }
.content-card--creative { --card-lane: #b5475d; }.content-card--events { --card-lane: #9b481f; }.content-card--canon { --card-lane: var(--canon); }.content-card--books { --card-lane: #8d5214; }.content-card--ancient { --card-lane: #246a9c; }.content-card--research { --card-lane: var(--documented); }.content-card--claim { --card-lane: var(--comparative); }.content-card--open-question { --card-lane: var(--open); }.content-card--source { --card-lane: var(--textual); }
.content-card__image { aspect-ratio: 16/9; background: var(--night-2); overflow: hidden; }
.content-card__image img { height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.content-card:hover .content-card__image img { transform: scale(1.025); }
.content-card__placeholder { align-items: center; background: radial-gradient(circle at 50% 50%,rgba(213,180,94,.16),transparent 45%),linear-gradient(135deg,var(--panel-2),var(--night-2)); display: flex; height: 100%; justify-content: center; }
.content-card__placeholder span { border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font-family: var(--mono); padding: .8rem; }
.content-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.4rem; }
.content-card__meta { color: var(--faint); display: flex; font-size: .64rem; justify-content: space-between; letter-spacing: .08em; text-transform: uppercase; }
.content-card__lane { color: var(--card-lane); font-weight: 800; }
.content-card h3 { font-family: var(--serif); font-size: 1.35rem; font-weight: 400; margin: .9rem 0 .65rem; }
.content-card p { color: var(--muted); font-size: .86rem; margin: 0 0 1.2rem; }
.content-card .text-arrow { margin-top: auto; }
.content-card__audit-link { color: var(--faint); font-size: .68rem; margin-top: .55rem; text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: .18em; }
.content-grid--archive > .tcwiki-editorial-surface { align-items: center; border-color: var(--section-accent)!important; display: grid; gap: .5rem 1.5rem; grid-column: 1/-1; grid-template-columns: minmax(150px,.32fr) minmax(0,1.2fr); margin: 0!important; padding: 1.2rem 1.35rem!important; }
.content-grid--archive > .tcwiki-editorial-surface h2 { color: var(--ink)!important; font-family: var(--serif); font-size: 1.45rem; font-weight: 400; grid-row: span 2; letter-spacing: -.02em; margin: 0; }
.content-grid--archive > .tcwiki-editorial-surface .tcwiki-editorial-guide { margin: 0!important; }
.content-grid--archive > .tcwiki-editorial-surface > p { font-size: .75rem!important; margin: 0!important; }
.closing-callout { align-items: center; background: linear-gradient(120deg,rgba(224,240,255,.92),rgba(250,227,238,.78)); border: 1px solid var(--line); border-radius: var(--radius); display: flex; justify-content: space-between; margin-bottom: 7rem; margin-top: 2rem; max-width: 1180px; padding-bottom: clamp(2rem,5vw,4rem); padding-top: clamp(2rem,5vw,4rem); }
.closing-callout h2 { font-size: clamp(2rem,4vw,3.7rem); }
.closing-callout p { color: var(--muted); max-width: 760px; }

.page-shell { width: 100%; }
.archive-shell, .reading-shell, .not-found { padding-bottom: 7rem; padding-top: clamp(3.5rem,7vw,6.5rem); }
.archive-header { margin-bottom: 3rem; max-width: 850px; }
.archive-header h1 { font-size: clamp(3rem,6vw,5.5rem); }
.archive-header > p, .archive-description { color: var(--muted); font-family: var(--serif); font-size: 1.18rem; max-width: 760px; }
.archive-header--split { align-items: end; display: flex; justify-content: space-between; max-width: none; }
.filter-chips { display: flex; flex-wrap: wrap; gap: .55rem; margin: -1rem 0 2.5rem; }
.filter-chips a { border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .73rem; padding: .45rem .85rem; }
.filter-chips a:hover, .filter-chips a.active { border-color: var(--gold); color: var(--gold-soft); }
.pagination { margin-top: 3rem; }
.pagination ul { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: center; list-style: none; padding: 0; }
.pagination a, .pagination span { align-items: center; border: 1px solid var(--line); border-radius: 6px; display: flex; min-height: 38px; padding: .35rem .75rem; }
.pagination .current { background: var(--gold); border-color: var(--gold); color: #fff; }
.empty-state, .migration-bridge { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); margin: 2rem 0; padding: clamp(2rem,6vw,5rem); text-align: center; }
.empty-state h2, .migration-bridge h2 { font-size: clamp(2rem,4vw,3.6rem); }
.empty-state p, .migration-bridge p { color: var(--muted); margin-left: auto; margin-right: auto; max-width: 700px; }
.empty-state .eyebrow, .migration-bridge .eyebrow { justify-content: center; }
.boundary-note { border-left: 2px solid var(--gold); padding-left: 1rem; }
.search-page-form { background: var(--panel); border: 1px solid var(--line-cool); border-radius: var(--radius); margin-bottom: 2rem; padding: 1.3rem; }
.search-page-form label { display: block; font-size: .72rem; font-weight: 700; letter-spacing: .1em; margin-bottom: .5rem; text-transform: uppercase; }
.search-page-form > div { display: flex; gap: .6rem; }
.search-page-form input { background: var(--panel); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); flex: 1; min-width: 0; padding: .8rem 1rem; }

.breadcrumbs { color: var(--faint); display: flex; flex-wrap: wrap; font-size: .7rem; gap: .45rem; margin-bottom: 2rem; }
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--section-accent); }
.reading-progress { background: rgba(23,33,58,.08); height: 3px; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 200; }
.reading-progress span { background: linear-gradient(90deg,var(--section-accent),var(--gold-soft)); display: block; height: 100%; width: var(--reading-progress,0%); }
.reading-header { max-width: 920px; }
.reading-header h1 { font-size: clamp(3rem,6.6vw,6rem); }
.reading-kicker, .reading-byline { color: var(--faint); display: flex; flex-wrap: wrap; font-size: .7rem; gap: .8rem 1.2rem; letter-spacing: .08em; margin-bottom: 1rem; text-transform: uppercase; }
.reading-kicker code { color: var(--gold); }
.reading-kicker__lane { color: var(--section-accent); font-weight: 800; }
.reading-byline { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); margin: 2rem 0 0; padding: .8rem 0; }
.reading-hero-media { margin: 3rem 0; }
.reading-hero-media img { border-radius: var(--radius); max-height: 680px; object-fit: cover; width: 100%; }
.reading-hero-media figcaption { color: var(--faint); font-size: .75rem; margin-top: .6rem; }
.reading-layout { align-items: start; display: grid; gap: clamp(2rem,6vw,5rem); grid-template-columns: minmax(0,1fr) 250px; margin-top: 3rem; }
.reading-aside { position: sticky; top: 116px; }
.reading-toc { background: rgba(255,255,255,.9); border: 1px solid var(--line-cool); border-radius: var(--radius-sm); margin-bottom: .8rem; max-height: min(48vh,560px); overflow: auto; padding: 1.1rem; }
.reading-toc[hidden] { display: none; }
.reading-toc h2 { color: var(--section-accent); font-family: var(--sans); font-size: .65rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 .8rem; text-transform: uppercase; }
.reading-toc ol { list-style: none; margin: 0; padding: 0; }
.reading-toc li + li { margin-top: .2rem; }
.reading-toc a { border-left: 2px solid transparent; color: var(--muted); display: block; font-size: .72rem; line-height: 1.35; padding: .38rem .45rem; }
.reading-toc a:hover, .reading-toc a.active { border-left-color: var(--section-accent); color: var(--ink); }
.reading-toc__subitem a { font-size: .67rem; padding-left: .9rem; }
.reading-tools { display: grid; gap: .55rem; }
.reading-tools__status { color: var(--documented); font-size: .68rem; min-height: 1.1rem; text-align: center; }
.tool-route-guide { align-items: center; background: var(--section-tint); border: 1px solid var(--line-cool); border-left: 4px solid var(--section-accent); border-radius: var(--radius-sm); display: flex; flex-wrap: wrap; font-family: var(--sans); gap: .7rem 1rem; margin: 0 0 1.5rem; padding: 1rem 1.15rem; }
.tool-route-guide strong { color: var(--ink); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.tool-route-guide > div { display: flex; flex-wrap: wrap; gap: .45rem; }
.tool-route-guide a { border: 1px solid var(--section-accent); border-radius: 999px; color: var(--section-accent); font-size: .72rem; font-weight: 800; padding: .42rem .75rem; text-decoration: none; }
.tool-route-guide a:hover, .tool-route-guide a:focus-visible, .tool-route-guide a[aria-current="page"] { background: var(--section-accent); color: #fff; }
.tool-route-guide p { color: var(--muted); flex: 1 1 100%; font-size: .82rem; margin: 0; }
.prose { color: #28354d; font-family: var(--serif); font-size: clamp(1.05rem,1.6vw,1.18rem); line-height: 1.84; min-width: 0; }
.prose > *:first-child { margin-top: 0; }
.prose h2, .prose h3, .prose h4 { color: var(--ink); font-family: var(--serif); font-weight: 400; margin: 2em 0 .7em; }
.prose h2 { font-size: clamp(2rem,4vw,3.1rem); }.prose h3 { font-size: 1.65rem; }.prose h4 { font-size: 1.25rem; }
.prose a { color: var(--gold-soft); text-decoration: underline; text-decoration-color: rgba(213,180,94,.45); text-underline-offset: .17em; }
.prose blockquote { border-left: 2px solid var(--gold); color: var(--gold-soft); font-size: 1.28em; margin: 2rem 0; padding: .5rem 0 .5rem 1.5rem; }
.prose pre { background: #202842; border: 1px solid var(--line-cool); border-radius: var(--radius-sm); color: #f7f8ff; font-family: var(--mono); font-size: .82rem; overflow: auto; padding: 1rem; }
.prose table { border-collapse: collapse; display: block; font-family: var(--sans); font-size: .86rem; max-width: 100%; overflow-x: auto; }
.prose th, .prose td { border: 1px solid var(--line-cool); padding: .65rem; text-align: left; }
.prose figure { margin: 2rem 0; max-width: 100%; }
.prose iframe { background: #101728; border: 0; border-radius: var(--radius-sm); width: 100%; }
.prose .jp-relatedposts { display: none!important; }
.prose .alignwide { margin-left: min(-8vw,-4rem); max-width: calc(100% + 8rem); width: calc(100% + 8rem); }
.prose .alignfull { left: 50%; margin-left: -50vw; max-width: 100vw; position: relative; width: 100vw; }
.record-card { background: rgba(255,255,255,.92); border: 1px solid var(--line-cool); border-radius: var(--radius-sm); margin-bottom: .8rem; padding: 1.2rem; }
.record-card h2 { font-family: var(--sans); font-size: .68rem; font-weight: 700; letter-spacing: .12em; margin: 0 0 1rem; text-transform: uppercase; }
.record-card p { color: var(--muted); font-size: .76rem; }
.record-card a { color: var(--section-accent); font-weight: 700; }
.data-list { margin: 0; }
.data-row { border-top: 1px solid var(--line); display: grid; font-size: .76rem; gap: .6rem; grid-template-columns: 1fr 1.35fr; padding: .65rem 0; }
.data-row:first-child { border-top: 0; padding-top: 0; }.data-row:last-child { padding-bottom: 0; }
.data-row dt { color: var(--faint); }.data-row dd { margin: 0; text-align: right; text-transform: capitalize; }
.comments-area { border-top: 1px solid var(--line); margin-top: 4rem; max-width: 780px; padding-top: 2rem; }
.comment-list { list-style: none; padding: 0; }.comment-list li { border-top: 1px solid var(--line-cool); padding: 1.2rem 0; }
.comment-form input, .comment-form textarea { background: var(--panel); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); max-width: 100%; padding: .75rem; width: 100%; }
.comment-form input[type="submit"] { background: var(--gold); color: #fff; cursor: pointer; width: auto; }

.reading-related, .reading-continue { border-top: 1px solid var(--line); margin-top: clamp(4rem,8vw,7rem); padding-top: clamp(3rem,6vw,5rem); }
.reading-related__head { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2rem; }
.reading-related__head h2, .reading-continue h2 { font-size: clamp(2.2rem,4.5vw,4rem); }
.reading-neighbours { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; margin-top: 3rem; }
.reading-neighbours > div { min-width: 0; }
.reading-neighbours > div + div { border-left: 1px solid var(--line); text-align: right; }
.reading-neighbours a { display: flex; flex-direction: column; min-height: 120px; padding: 1.4rem; }
.reading-neighbours a:hover { background: var(--section-tint); color: inherit; }
.reading-neighbours span { color: var(--section-accent); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.reading-neighbours strong { font-family: var(--serif); font-size: 1.15rem; font-weight: 400; margin-top: .4rem; }
.reading-continue > div { display: grid; gap: .7rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 2rem; }
.reading-continue > div > a { align-items: center; background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--muted); display: flex; justify-content: space-between; padding: 1rem 1.1rem; }
.reading-continue > div > a:hover { border-color: var(--section-accent); color: var(--ink); }

/* Reader-orientation records were authored under the previous theme. Keep the
   semantics and restore them in the current light/paper visual system. */
.thecode-reader-trust { background: linear-gradient(135deg,rgba(255,255,255,.96),var(--section-tint)); border: 1px solid var(--line-cool); border-left: 4px solid var(--section-accent); border-radius: 0 var(--radius) var(--radius) 0; box-shadow: 0 18px 45px rgba(47,57,96,.08); color: var(--ink); font-family: var(--sans); margin: 0 0 2rem; padding: clamp(1.15rem,3vw,1.75rem); }
.thecode-reader-trust__head { align-items: center; display: flex; gap: .8rem; margin-bottom: 1rem; }
.thecode-reader-trust__mark { align-items: center; border: 1px solid var(--section-accent); border-radius: 50%; color: var(--section-accent); display: flex; flex: 0 0 auto; font-family: var(--serif); font-size: 1.05rem; font-style: italic; height: 34px; justify-content: center; width: 34px; }
.thecode-reader-trust__kicker { color: var(--section-accent)!important; font-size: .63rem!important; font-weight: 800; letter-spacing: .14em; margin: 0!important; text-transform: uppercase; }
.thecode-reader-trust__summary { color: var(--ink)!important; font-family: var(--serif)!important; font-size: 1.15rem!important; line-height: 1.2!important; margin: .1rem 0 0!important; }
.thecode-reader-trust__grid { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); margin: 0; }
.thecode-reader-trust__grid > div { background: rgba(255,255,255,.7); border: 1px solid var(--line); border-radius: 9px; padding: .75rem; }
.thecode-reader-trust dt { color: var(--faint); font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.thecode-reader-trust dd { color: var(--ink); font-size: .78rem; line-height: 1.45; margin: .25rem 0 0; }
.thecode-reader-trust__note { color: var(--muted)!important; font-family: var(--sans)!important; font-size: .8rem!important; line-height: 1.55!important; margin: 1rem 0 0!important; }
.thecode-reader-trust__links { display: flex; flex-wrap: wrap; gap: .8rem; margin: .8rem 0 0!important; }
.thecode-reader-trust__links a { color: var(--section-accent)!important; font-family: var(--sans); font-size: .7rem; font-weight: 800; }

/* Stable legacy tools remain first-class parts of the new archive. */
.prose .tc-wiki-search { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-sm); color: inherit; font-family: var(--sans); margin: 1.5rem 0; padding: clamp(1rem,3vw,1.5rem); }
.prose .tc-wiki-search label { display: block; font-size: .68rem; font-weight: 800; letter-spacing: .08em; margin-bottom: .55rem; text-transform: uppercase; }
.prose .tc-wiki-search-row { display: flex; gap: .55rem; margin-bottom: 1rem; }
.prose .tc-wiki-search input { background: rgba(255,255,255,.96); border: 1px solid var(--line-cool); border-radius: 999px; color: var(--ink); flex: 1; min-height: 46px; min-width: 0; padding: .7rem 1rem; }
.prose .tc-wiki-search button { background: linear-gradient(135deg,#873d9b,#315fa8); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font-weight: 800; min-height: 46px; padding: .7rem 1rem; }
.prose .tc-wiki-results { display: grid; gap: .65rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.prose .tc-wiki-result { background: rgba(255,255,255,.92); border: 1px solid var(--line-cool); border-radius: 10px; color: var(--ink); display: block; font-family: var(--sans); padding: 1rem; text-decoration: none; }
.prose .tc-wiki-result:hover { border-color: var(--section-accent); color: var(--ink); }
.prose .tc-wiki-result strong { display: block; font-family: var(--serif); font-size: 1.08rem; font-weight: 400; }
.prose .tc-wiki-result span { color: var(--muted); display: block; font-size: .76rem; line-height: 1.55; margin-top: .35rem; }

.thecode-nine-lives-page { font-family: var(--sans); margin: 0; }
.thecode-nine-lives-head { align-items: end; border-bottom: 1px solid var(--line-cool); display: grid; gap: 1.5rem; grid-template-columns: minmax(0,1fr) minmax(180px,.35fr); margin-bottom: 1.5rem; padding-bottom: 1.3rem; }
.prose .thecode-nine-lives-kicker { color: var(--section-accent); font-size: .65rem; font-weight: 800; letter-spacing: .14em; margin: 0 0 .45rem; text-transform: uppercase; }
.prose .thecode-nine-lives-head h2 { color: var(--ink); font-family: var(--serif); font-size: clamp(1.8rem,4vw,2.8rem); margin: 0; }
.prose .thecode-nine-lives-head > p { color: var(--muted); font-family: var(--sans); font-size: .78rem; line-height: 1.55; margin: 0; }
.thecode-nine-lives-list { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.thecode-nine-lives-item { background: rgba(255,255,255,.92); border: 1px solid var(--line-cool); border-top: 3px solid var(--section-accent); border-radius: var(--radius); display: flex; flex-direction: column; margin: 0; min-width: 0; overflow: hidden; }
.thecode-nine-lives-thumb { align-items: center; background: linear-gradient(135deg,var(--panel-2),var(--night-2)); display: flex; justify-content: center; min-height: 145px; overflow: hidden; }
.thecode-nine-lives-thumb img { display: block; height: auto; margin: 0; width: 100%; }
.thecode-nine-lives-thumb > span { align-items: center; border: 1px solid var(--section-accent); border-radius: 50%; color: var(--section-accent); display: flex; font-family: var(--mono); height: 56px; justify-content: center; width: 56px; }
.thecode-nine-lives-copy { display: flex; flex: 1; flex-direction: column; padding: 1.1rem; }
.thecode-nine-lives-copy time { color: var(--faint); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.prose .thecode-nine-lives-copy h3 { font-family: var(--serif); font-size: 1.25rem; line-height: 1.3; margin: .6rem 0; }
.prose .thecode-nine-lives-copy h3 a { color: var(--ink); text-decoration: none; }
.prose .thecode-nine-lives-copy p { color: var(--muted); font-family: var(--sans); font-size: .76rem; line-height: 1.55; margin: 0 0 1rem; }
.thecode-nine-lives-copy .text-arrow { font-family: var(--sans); font-size: .72rem; font-weight: 800; margin-top: auto; text-decoration: none; }
.thecode-nine-lives-pagination { align-items: center; border-top: 1px solid var(--line-cool); display: flex; font-family: var(--sans); gap: 1rem; justify-content: space-between; margin-top: 1.5rem; padding-top: 1.2rem; }
.thecode-nine-lives-pagination > span { color: var(--muted); font-size: .72rem; }
.thecode-nine-lives-pagination > div { display: flex; flex-wrap: wrap; gap: .35rem; }
.thecode-nine-lives-pagination a, .thecode-nine-lives-pagination .current { align-items: center; border: 1px solid var(--line); border-radius: 7px; display: inline-flex; font-size: .7rem; justify-content: center; min-height: 38px; min-width: 38px; padding: .35rem .65rem; text-decoration: none; }
.thecode-nine-lives-pagination .current { background: var(--section-accent); border-color: var(--section-accent); color: #fff; font-weight: 800; }

/* App/form pages keep their working plugin controls, with a consistent shell. */
.prose .mwai-form-container { background: rgba(255,255,255,.88)!important; border: 1px solid var(--line-cool)!important; border-radius: var(--radius)!important; box-shadow: 0 20px 55px rgba(47,57,96,.09)!important; color: var(--ink)!important; font-family: var(--sans)!important; margin: 2rem 0!important; padding: clamp(1rem,3vw,1.8rem)!important; }
.prose .mwai-form-container label { color: var(--ink)!important; font-size: .72rem!important; font-weight: 800!important; letter-spacing: .03em; }
.prose .mwai-form-container input, .prose .mwai-form-container select, .prose .mwai-form-container textarea { background: var(--panel)!important; border: 1px solid var(--line)!important; border-radius: 9px!important; color: var(--ink)!important; min-height: 44px; padding: .7rem .8rem!important; }
.prose .mwai-form-container button { border-radius: 999px!important; font-weight: 800!important; min-height: 44px; }
.prose .mwai-form-output { background: var(--night-2); border-radius: var(--radius-sm); padding: 1rem; }

/* The library plugin emits this notice from wp_footer(); JS relocates it into
   the Books gateway and these rules make it part of the reviewed design. */
body.archive-night .sasgram-library-banner.sasgram-library-banner--integrated { background: linear-gradient(135deg,#f5e8f7,#e7f2fb)!important; border: 1px solid var(--line)!important; border-left: 4px solid var(--section-accent)!important; border-radius: var(--radius)!important; box-shadow: 0 20px 55px rgba(47,57,96,.1)!important; color: var(--muted)!important; margin: 1rem 0 0!important; padding: clamp(1.5rem,4vw,3rem)!important; }
body.archive-night .sasgram-library-banner--integrated .sasgram-kicker { color: var(--section-accent)!important; }
body.archive-night .sasgram-library-banner--integrated h2 { color: var(--ink)!important; font-size: clamp(2rem,4vw,3.6rem)!important; }
body.archive-night .sasgram-library-banner--integrated p { color: var(--muted)!important; }
body.archive-night .sasgram-library-banner--integrated .sasgram-btn-primary { background: linear-gradient(135deg,#873d9b,#315fa8)!important; border-color: transparent!important; color: #fff!important; }

/* Legacy editorial modules now share the living archive's light surface system.
   Cover artwork and embedded media retain their own intrinsic dark imagery. */
body.archive-night .prose .tc-page-wrap { background: radial-gradient(circle at 92% 4%,rgba(105,169,210,.2),transparent 34%),linear-gradient(135deg,#fffaf3,#f5effb 48%,#edf6fb)!important; border: 1px solid rgba(92,74,138,.22)!important; box-shadow: 0 20px 55px rgba(47,57,96,.1)!important; color: var(--ink)!important; }
body.archive-night .prose .tc-page-wrap h1,
body.archive-night .prose .tc-page-wrap h2,
body.archive-night .prose .tc-page-wrap h3 { color: var(--ink)!important; }
body.archive-night .prose .tc-page-wrap p,
body.archive-night .prose .tc-page-wrap li { color: var(--muted)!important; }
body.archive-night .prose .tc-page-wrap .tc-page-kicker { color: #6b358f!important; font-weight: 800; }
body.archive-night .prose .tc-page-wrap .tc-card { background: rgba(255,255,255,.88)!important; border: 1px solid var(--line-cool)!important; border-top: 3px solid rgba(107,74,167,.68)!important; box-shadow: 0 12px 30px rgba(47,57,96,.07); text-decoration: none!important; }
body.archive-night .prose .tc-page-wrap .tc-card:hover { border-color: #6b4aa7!important; box-shadow: 0 17px 38px rgba(47,57,96,.12); transform: translateY(-2px); }
body.archive-night .prose .tc-page-wrap .tc-card strong { color: var(--ink)!important; }
body.archive-night .prose .tc-page-wrap .tc-card span { color: var(--muted)!important; }
body.archive-night .prose .tc-page-wrap .tc-card-provenance { border-top-color: var(--line)!important; color: var(--faint)!important; -webkit-text-fill-color: var(--faint)!important; }
body.archive-night .prose .tc-page-wrap .tc-link { border-bottom-color: rgba(107,74,167,.45)!important; color: #5d3f88!important; }
body.archive-night .prose .tc-page-wrap .tc-search-row input { background: #fff!important; border-color: var(--line-cool)!important; color: var(--ink)!important; }
body.archive-night .prose .tc-page-wrap .tc-search-row button { background: linear-gradient(135deg,#873d9b,#315fa8)!important; color: #fff!important; }

body.archive-night .prose .tc-music-page { --tc-bg: #f7f4fb!important; --tc-panel: rgba(255,255,255,.9)!important; --tc-panel2: #f1edf8!important; --tc-line: rgba(92,74,138,.2)!important; --tc-gold: #6b358f!important; --tc-gold2: #17213a!important; --tc-cyan: #126d91!important; --tc-green: #18705d!important; --tc-text: #17213a!important; --tc-muted: #43516a!important; background: radial-gradient(circle at 86% 4%,rgba(102,184,190,.18),transparent 34%),radial-gradient(circle at 8% 94%,rgba(178,119,192,.16),transparent 34%),linear-gradient(135deg,#fffaf3,#f4effb 48%,#edf6fb)!important; border: 1px solid var(--line-cool); box-shadow: 0 20px 58px rgba(47,57,96,.1); color: var(--ink)!important; }
body.archive-night .prose .tc-music-page .tc-music-section { border-top-color: var(--line)!important; }
body.archive-night .prose .tc-music-page .tc-music-pill,
body.archive-night .prose .tc-music-page .tc-music-tag { background: rgba(255,255,255,.76)!important; border-color: rgba(49,95,168,.26)!important; color: #315f91!important; }
body.archive-night .prose .tc-music-page .tc-music-copy,
body.archive-night .prose .tc-music-page .tc-music-facts,
body.archive-night .prose .tc-music-page .tc-music-note,
body.archive-night .prose .tc-music-page .tc-music-cta { background: rgba(255,255,255,.82)!important; border-color: var(--line-cool)!important; }
body.archive-night .prose .tc-music-page .tc-music-album-featured .tc-music-copy { background: rgba(231,247,240,.82)!important; border-color: rgba(24,112,93,.28)!important; }
body.archive-night .prose .tc-music-page .tc-music-panel,
body.archive-night .prose .tc-music-page .tc-track-card,
body.archive-night .prose .tc-music-page .tc-playlist-card,
body.archive-night .prose .tc-music-page .tc-music-media-card { background: rgba(255,255,255,.88)!important; border-color: var(--line-cool)!important; box-shadow: 0 16px 40px rgba(47,57,96,.09)!important; }
body.archive-night .prose .tc-music-page .tc-music-media-showcase { background: rgba(231,242,251,.58)!important; }
body.archive-night .prose .tc-music-page .tc-music-media-card figcaption { color: var(--muted)!important; }

.record-hero, .topic-hero { background: linear-gradient(180deg,rgba(227,238,255,.78),rgba(251,250,248,.35)); border-bottom: 1px solid var(--line); padding: clamp(3rem,7vw,6rem) 0; }
.record-hero h1, .topic-hero h1 { font-size: clamp(3rem,6vw,5.5rem); }
.record-hero__grid { align-items: end; display: grid; gap: 2rem; grid-template-columns: 1fr auto; }
.record-hero__kicker { color: var(--section-accent); font-size: .7rem; font-weight: 800; letter-spacing: .13em; margin: 1rem 0 .45rem; text-transform: uppercase; }
.record-identity { border-left: 1px solid var(--line); display: flex; flex-direction: column; min-width: 210px; padding-left: 1.5rem; }
.record-identity span, .record-identity small { color: var(--faint); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.record-identity code { color: var(--gold-soft); font-size: 1rem; margin: .45rem 0; }
.claim-card__meta { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.badge, .status { border: 1px solid currentColor; border-radius: 999px; display: inline-flex; font-family: var(--sans); font-size: .62rem; font-weight: 700; letter-spacing: .08em; padding: .26rem .58rem; text-transform: uppercase; }
.status { border-color: var(--line); color: var(--muted); }
.badge--documented { color: var(--documented); }.badge--textual { color: var(--textual); }.badge--comparative { color: var(--comparative); }.badge--hypothesis { color: var(--hypothesis); }.badge--canon { color: var(--canon); }.badge--open { color: var(--open); }
.claim-layout, .source-layout, .topic-layout { align-items: start; display: grid; gap: clamp(2rem,5vw,4.5rem); grid-template-columns: minmax(0,1fr) 270px; padding-bottom: 7rem; padding-top: 3rem; }
.claim-main, .source-main { min-width: 0; }
.audit-context { align-items: center; background: linear-gradient(135deg,rgba(231,240,253,.96),rgba(247,231,244,.92)); border: 1px solid var(--line); border-left: 4px solid var(--open); border-radius: var(--radius); display: grid; gap: 1.5rem; grid-template-columns: minmax(0,1fr) auto; margin-bottom: 1.2rem; padding: clamp(1.4rem,4vw,2.4rem); }
.audit-context h2 { font-size: clamp(1.75rem,3vw,2.6rem); margin: .25rem 0 .65rem; }.audit-context p:last-child { color: var(--muted); margin-bottom: 0; }
.record-section-nav { align-items: center; background: rgba(255,255,255,.93); border: 1px solid var(--line-cool); border-radius: 999px; display: flex; flex-wrap: wrap; gap: .25rem; margin: 0 0 1.2rem; padding: .4rem; position: sticky; top: 105px; z-index: 12; }
.record-section-nav span { color: var(--faint); font-size: .62rem; font-weight: 800; letter-spacing: .1em; padding: .45rem .65rem; text-transform: uppercase; }.record-section-nav a { border-radius: 999px; color: var(--muted); font-size: .7rem; padding: .45rem .65rem; }.record-section-nav a:hover, .record-section-nav a:focus-visible { background: var(--section-tint); color: var(--ink); }
.claim-statement, .source-passage { background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,243,252,.92)); border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 1.2rem; padding: clamp(1.5rem,4vw,3rem); }
.claim-statement__label { color: var(--gold); display: block; font-size: .64rem; font-weight: 700; letter-spacing: .15em; margin-bottom: 1rem; text-transform: uppercase; }
.prose--statement { color: var(--ink); font-size: clamp(1.28rem,2.5vw,1.85rem); line-height: 1.55; }
.tabs { display: flex; gap: .25rem; overflow-x: auto; padding: .4rem 0; }
.tab-button { background: transparent; border: 0; border-bottom: 2px solid transparent; color: var(--muted); cursor: pointer; flex: 0 0 auto; font-size: .75rem; padding: .85rem 1rem; }
.tab-button:hover, .tab-button.active { border-bottom-color: var(--gold); color: var(--ink); }
.tab-panel { background: rgba(255,255,255,.84); border: 1px solid var(--line-cool); border-radius: var(--radius); margin-top: .6rem; min-height: 280px; padding: clamp(1.5rem,4vw,2.5rem); }
.tab-panel[hidden] { display: none; }.tab-panel h2 { font-size: clamp(1.8rem,3vw,2.7rem); }.tab-panel > p { color: var(--muted); }
.evidence-detail-grid { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin-top: 1.5rem; }
.evidence-detail-grid article { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 1.2rem; }
.evidence-detail-grid h3 { font-family: var(--sans); font-size: .7rem; letter-spacing: .1em; margin: 0 0 .7rem; text-transform: uppercase; }
.evidence-detail-grid p { color: var(--muted); font-size: .85rem; margin: 0; }
.record-section { background: rgba(255,255,255,.84); border: 1px solid var(--line-cool); border-radius: var(--radius); margin-top: 1.2rem; padding: clamp(1.5rem,4vw,2.6rem); scroll-margin-top: 180px; }
.record-section > h2 { font-size: clamp(1.9rem,3.6vw,3rem); }.record-section > p:not(.eyebrow), .record-section__lead { color: var(--muted); }.record-section__lead { font-family: var(--serif); font-size: 1.1rem; max-width: 760px; }
.record-link-list { display: grid; gap: .5rem; }.record-link { align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; display: flex; flex-wrap: wrap; gap: .6rem; padding: .75rem; }.record-link code { color: var(--gold); }
.relation-list { border-top: 1px solid var(--line); display: grid; gap: .4rem; margin-top: 1.5rem; padding-top: 1.5rem; }
.relation-row { align-items: center; background: var(--panel); border-radius: 7px; display: grid; font-size: .72rem; gap: .7rem; grid-template-columns: 1fr auto 1fr; padding: .75rem; }.relation-row strong { color: var(--gold-soft); text-align: center; text-transform: capitalize; }
.revision-list { display: grid; gap: 1rem; }.revision-list article { border-left: 1px solid var(--gold); padding-left: 1rem; }.revision-list time { color: var(--faint); font-size: .7rem; }.revision-list h3 { font-family: var(--serif); font-size: 1.25rem; margin: .3rem 0; }.revision-list p { color: var(--muted); font-size: .84rem; }
.claim-sidebar { position: sticky; top: 116px; }
.record-card--open { border-left: 3px solid var(--open); }.topic-link-list { display: grid; gap: .45rem; margin-bottom: .8rem; }.topic-link { background: var(--section-tint); border: 1px solid var(--line); border-radius: 8px; display: block; padding: .7rem; }
.confidence-value { display: block; font-family: var(--serif); font-size: 1.5rem; font-weight: 400; }
.confidence { background: rgba(23,33,58,.12); border-radius: 999px; height: 6px; margin-top: .8rem; overflow: hidden; }.confidence span { background: linear-gradient(90deg,var(--hypothesis),var(--documented)); display: block; height: 100%; }
.confidence-labels { color: var(--faint); display: flex; font-size: .58rem; justify-content: space-between; margin-top: .35rem; }
.tag-list { display: flex; flex-wrap: wrap; gap: .4rem; }.tag-list span { background: rgba(23,33,58,.07); border-radius: 999px; font-size: .66rem; padding: .3rem .6rem; text-transform: capitalize; }
.claim-list { display: grid; gap: .8rem; }
.claim-card { background: rgba(255,255,255,.9); border: 1px solid var(--line-cool); border-radius: var(--radius); padding: clamp(1.25rem,3vw,2rem); }
.claim-card:hover { border-color: var(--line); }
.claim-card__top, .claim-card__footer { align-items: center; color: var(--faint); display: flex; flex-wrap: wrap; font-size: .72rem; gap: 1rem; justify-content: space-between; }
.claim-card code { color: var(--gold); font-size: .7rem; }
.claim-card h2, .claim-card h3 { font-family: var(--serif); font-size: clamp(1.35rem,2.5vw,2rem); font-weight: 400; margin: .8rem 0; }
.claim-card > p { color: var(--muted); }
.claim-toggle { align-items: center; appearance: none; background: transparent; border: 0; color: var(--gold-soft); cursor: pointer; display: inline-flex; font-size: .72rem; font-weight: 700; gap: .35rem; padding: .35rem 0; }
.claim-toggle span { display: inline-block; font-size: 1rem; line-height: 1; transition: transform .2s ease; }
.claim-card.open .claim-toggle span { transform: rotate(180deg); }
.claim-details { border-top: 1px solid var(--line-cool); margin-top: 1.1rem; padding-top: 1.1rem; }
.claim-details[hidden] { display: none; }
.claim-details > strong { color: var(--gold); display: block; font-size: .65rem; letter-spacing: .13em; margin-bottom: .55rem; text-transform: uppercase; }
.claim-details > p { color: var(--ink); margin: 0 0 .8rem; }
.source-passage blockquote { color: var(--gold-soft); font-family: var(--serif); font-size: clamp(1.25rem,2.4vw,1.75rem); margin: 0; }
.source-locator { border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; margin-top: 1.5rem; padding-top: 1rem; }
.source-description { margin: 3rem 0; }
.related-records { border-top: 1px solid var(--line); padding-top: 3rem; }
.related-records > h2 { font-size: clamp(2rem,4vw,3rem); }
.break-code { overflow-wrap: anywhere; }
.empty-value { color: var(--faint); font-style: italic; }

.topic-hero .topic-summary { color: var(--muted); font-family: var(--serif); font-size: 1.18rem; max-width: 830px; }
.topic-stats { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }.topic-stats span { border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .7rem; padding: .35rem .7rem; }.topic-stats strong { color: var(--gold-soft); }
.topic-layout { grid-template-columns: 210px minmax(0,1fr); }
.side-nav { display: grid; gap: .2rem; position: sticky; top: 116px; }.side-nav strong { color: var(--faint); font-size: .65rem; letter-spacing: .12em; margin-bottom: .5rem; text-transform: uppercase; }.side-nav a { border-left: 1px solid var(--line); color: var(--muted); font-size: .76rem; padding: .5rem .75rem; }.side-nav a.active { border-left-color: var(--gold); color: var(--gold-soft); }
.topic-section { border-bottom: 1px solid var(--line); padding: 1rem 0 4rem; scroll-margin-top: 120px; }.topic-section + .topic-section { padding-top: 4rem; }.topic-section > h2, .topic-section__head h2 { font-size: clamp(2rem,4vw,3.3rem); }.topic-section > p { color: var(--muted); }
.topic-section__head { align-items: end; display: flex; justify-content: space-between; margin-bottom: 1.5rem; }
.dossier-reading-note { align-items: start; background: var(--section-tint); border: 1px solid var(--line); border-radius: var(--radius-sm); display: grid; gap: .8rem; grid-template-columns: 135px 1fr; margin-top: 1.5rem; padding: 1rem 1.2rem; }.dossier-reading-note strong { color: var(--section-accent); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }.dossier-reading-note span { color: var(--muted); font-size: .86rem; }
.timeline { list-style: none; margin: 2rem 0 0; padding: 0; }.timeline li { display: grid; gap: 1.5rem; grid-template-columns: 130px 1fr; position: relative; }.timeline li + li { padding-top: 1.5rem; }.timeline time { color: var(--gold); font-family: var(--mono); font-size: .72rem; }.timeline h3 { font-family: var(--serif); font-size: 1.25rem; font-weight: 400; margin: 0; }.timeline p { color: var(--muted); margin: .35rem 0; }
.source-list { display: grid; gap: .5rem; }.source-row { align-items: center; background: var(--panel); border: 1px solid var(--line); border-radius: 9px; display: grid; gap: .8rem; grid-template-columns: auto 1fr auto; padding: .8rem; }.source-icon { align-items: center; border: 1px solid var(--textual); border-radius: 50%; color: var(--textual); display: flex; font-family: var(--mono); font-size: .58rem; height: 38px; justify-content: center; width: 38px; }.source-row small { color: var(--faint); display: block; font-size: .68rem; }.source-type { color: var(--textual); font-size: .65rem; text-transform: capitalize; }
.question-list { display: grid; gap: .6rem; list-style: none; padding: 0; }.question-list a { background: var(--panel); border-left: 2px solid var(--open); display: block; padding: .8rem 1rem; }
.question-dossier-list { display: grid; gap: 1rem; margin-top: 1.5rem; }
.question-dossier-card { background: rgba(255,255,255,.94); border: 1px solid var(--line-cool); border-left: 4px solid var(--open); border-radius: var(--radius); overflow: hidden; scroll-margin-top: 160px; }
.question-dossier-card__head { padding: clamp(1.3rem,3vw,2rem); }.question-dossier-card__head h2, .question-dossier-card__head h3 { font-family: var(--serif); font-size: clamp(1.55rem,3vw,2.3rem); font-weight: 400; margin: .85rem 0 .65rem; }.question-dossier-card__position { color: var(--muted); margin: 0; }.question-dossier-card__position strong { color: var(--ink); }
.question-resolution-grid { border-bottom: 1px solid var(--line-cool); border-top: 1px solid var(--line-cool); display: grid; grid-template-columns: 1fr 1fr; }.question-resolution-grid section { padding: clamp(1.1rem,3vw,1.6rem); }.question-resolution-grid section + section { border-left: 1px solid var(--line-cool); }.question-resolution-grid span { color: var(--section-accent); display: block; font-size: .65rem; font-weight: 800; letter-spacing: .1em; margin-bottom: .6rem; text-transform: uppercase; }.question-resolution-grid p { color: var(--muted); font-size: .86rem; margin: 0; }
.question-audit-details { border-bottom: 1px solid var(--line-cool); }.question-audit-details summary { cursor: pointer; font-size: .75rem; font-weight: 800; list-style-position: inside; padding: 1rem clamp(1.3rem,3vw,2rem); }.question-audit-details summary:hover { background: var(--section-tint); }.question-audit-details[open] summary { border-bottom: 1px solid var(--line-cool); color: var(--section-accent); }.question-audit-details__body { display: grid; gap: 1.3rem; padding: clamp(1.3rem,3vw,2rem); }.question-audit-details__body h4 { font-family: var(--sans); font-size: .68rem; letter-spacing: .1em; margin: 0 0 .7rem; text-transform: uppercase; }.question-audit-details__body p { color: var(--muted); font-size: .86rem; margin: 0; }.question-audit-links { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.question-dossier-card__footer { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; padding: 1rem clamp(1.3rem,3vw,2rem); }.question-dossier-card__footer .button { min-height: 40px; padding: .65rem .9rem; }

.site-footer { background: linear-gradient(135deg,#eff4fb,#f6ecf5); border-top: 1px solid var(--line); padding: 4.5rem 0 0; }
.footer__inner { display: grid; gap: 2.4rem; grid-template-columns: minmax(260px,1.7fr) repeat(4,minmax(120px,1fr)); padding-bottom: 3.5rem; }
.footer__brand p { color: var(--faint); font-family: var(--serif); max-width: 400px; }
.footer-support { align-items: center; background: #ffdd00; border: 1px solid rgba(23,33,58,.16); border-radius: 14px; box-shadow: 0 9px 24px rgba(85,65,0,.12); color: #191919; display: grid; gap: .7rem; grid-template-columns: auto minmax(0,1fr) auto; margin-top: 1.25rem; max-width: 390px; padding: .78rem .9rem; text-decoration: none; transition: box-shadow .2s ease, transform .2s ease; }
.footer-support:hover, .footer-support:focus-visible { box-shadow: 0 13px 30px rgba(85,65,0,.2); color: #191919; transform: translateY(-2px); }
.footer-support__icon { align-items: center; background: rgba(255,255,255,.72); border-radius: 50%; display: inline-flex; font-size: 1.25rem; height: 38px; justify-content: center; width: 38px; }
.footer-support__copy { display: grid; gap: .08rem; min-width: 0; }
.footer-support__copy strong { font-size: .84rem; letter-spacing: .01em; }
.footer-support__copy small { color: rgba(25,25,25,.72); font-size: .66rem; line-height: 1.35; }
.footer-support__arrow { font-size: 1rem; font-weight: 800; }
.footer-col { display: flex; flex-direction: column; gap: .6rem; }.footer-col strong { color: var(--gold); font-size: .64rem; letter-spacing: .14em; margin-bottom: .4rem; text-transform: uppercase; }.footer-col a, .footer-button { color: var(--muted); font-size: .76rem; }.footer-col a:hover, .footer-button:hover { color: var(--gold-soft); }
.footer-bottom { border-top: 1px solid var(--line); color: var(--faint); display: flex; font-size: .65rem; justify-content: space-between; max-width: none; padding-bottom: 1rem; padding-top: 1rem; }
.footer-bottom > *:first-child { margin-left: max(0px,calc((100vw - 1240px)/2)); }.footer-bottom > *:last-child { margin-right: max(0px,calc((100vw - 1240px)/2)); }

.search-overlay { align-items: flex-start; background: rgba(26,31,51,.76); display: none; inset: 0; justify-content: center; padding: 12vh 1rem 1rem; position: fixed; z-index: 500; }
.search-overlay.open { display: flex; }
.search-dialog { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); max-width: 820px; overflow: hidden; width: 100%; }
.search-dialog__head { align-items: center; display: flex; gap: .75rem; padding: 1rem 1.2rem; }.search-dialog__head svg { color: var(--gold); flex: 0 0 auto; }.search-input { background: transparent; border: 0; color: var(--ink); flex: 1; font-family: var(--serif); font-size: clamp(1.05rem,3vw,1.45rem); min-width: 0; outline: 0; }.search-input::placeholder { color: var(--faint); }.search-submit { background: var(--gold); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font-size: .72rem; font-weight: 700; padding: .55rem .85rem; }.search-close { background: none; border: 0; color: var(--muted); cursor: pointer; font-size: 1.7rem; line-height: 1; }.search-hints { border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: .55rem; padding: .8rem 1.2rem; }.search-hints span, .search-hints a { color: var(--faint); font-size: .67rem; }.search-hints a { border: 1px solid var(--line); border-radius: 999px; color: var(--muted); padding: .2rem .5rem; }.search-shortcut { margin-left: auto; }
.not-found { max-width: 900px; min-height: 65vh; }.not-found h1 { font-size: clamp(3rem,7vw,6rem); }.not-found > p:not(.eyebrow) { color: var(--muted); font-family: var(--serif); font-size: 1.25rem; max-width: 700px; }

body.paper-mode { --ink: #211f1a; --muted: #4c463b; --faint: #625b4e; --night: #f3ead8; --night-2: #e9dec9; --panel: #fffaf0; --panel-2: #e6dac4; --line: rgba(76,58,28,.27); --line-cool: rgba(61,76,75,.23); --gold: #744316; --gold-soft: #63346f; --blue: #17647b; --documented: #31634f; --textual: #315f86; --comparative: #694177; --hypothesis: #85451f; --canon: #8b3750; --open: #585a55; color-scheme: light; background: var(--night); }
body.paper-mode { background-image: none; }
body.paper-mode::before { background-image: linear-gradient(rgba(82,64,34,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(82,64,34,.04) 1px,transparent 1px); opacity: .45; }
body.paper-mode .utility { background: rgba(255,250,240,.55); }
body.paper-mode .site-header { background: rgba(255,250,240,.94); }
body.paper-mode .nav a, body.paper-mode .hero__lead, body.paper-mode .record-hero__lead, body.paper-mode .reading-deck, body.paper-mode .prose { color: #332f28; }
body.paper-mode .route-card, body.paper-mode .record-card, body.paper-mode .claim-card, body.paper-mode .content-card, body.paper-mode .tab-panel, body.paper-mode .evidence-card, body.paper-mode .source-row, body.paper-mode .record-link, body.paper-mode .record-section, body.paper-mode .question-dossier-card, body.paper-mode .record-section-nav { background: rgba(255,250,240,.94); }
body.paper-mode .evidence-section, body.paper-mode .record-hero, body.paper-mode .topic-hero { background: linear-gradient(180deg,rgba(231,221,202,.72),rgba(243,234,216,.42)); }
body.paper-mode .claim-statement, body.paper-mode .source-passage, body.paper-mode .closing-callout { background: linear-gradient(145deg,#fffaf0,#e8ddca); }
body.paper-mode .audit-context, body.paper-mode .dossier-reading-note { background: #e7dbc6; }
body.paper-mode .dossier-reading-note strong { color: var(--gold); }
body.paper-mode .home-purpose { background: rgba(255,250,240,.9); }
body.paper-mode .home-contact { background: rgba(255,250,240,.9); }
body.paper-mode .home-intro h1 em { background: none; color: var(--gold-soft); }
body.paper-mode .home-portrait__halo { background: #d2b87b; opacity: .52; }
body.paper-mode .home-portrait__frame, body.paper-mode .home-portrait figcaption { background: #fffaf0; border-color: rgba(255,250,240,.9); }
body.paper-mode .site-footer { background: #e4d8c2; }
body.paper-mode .search-overlay { background: rgba(43,37,28,.76); }
body.paper-mode .button--primary { background: #704018; color: #fff; }
body.paper-mode .button--primary:hover { background: #5e3514; color: #fff; }
body.paper-mode .button--ghost { background: #fffaf0; }
body.paper-mode .prose pre { background: #2f2a23; color: #fffaf0; }

/* Collection architecture introduced in 0.3.0. */
.section-nav-wrap { background: rgba(247,248,252,.9); border-bottom: 1px solid var(--line); overflow-x: auto; position: relative; z-index: 40; }
.section-nav { align-items: center; display: flex; gap: 1.25rem; margin: 0 auto; max-width: 1240px; min-height: 47px; padding: 0 clamp(1rem,4vw,2.75rem); white-space: nowrap; }
.section-nav__label { color: var(--section-accent); font-size: .62rem; font-weight: 800; letter-spacing: .16em; margin-right: .2rem; text-transform: uppercase; }
.section-nav__links { align-items: center; display: flex; gap: 1.1rem; }
.section-nav a { border-bottom: 2px solid transparent; color: var(--muted); font-size: .72rem; padding: .78rem 0 .68rem; }
.section-nav a:hover, .section-nav a[aria-current="page"] { border-bottom-color: var(--section-accent); color: var(--ink); }

.directory-shell, .research-map-shell, .wiki-directory-shell, .books-gateway-shell { margin: 0 auto; max-width: 1240px; padding: clamp(3.8rem,7vw,7rem) clamp(1rem,4vw,2.75rem) clamp(5rem,9vw,8rem); }
.directory-hero, .research-map-hero, .wiki-directory-hero, .books-gateway-hero { align-items: end; display: grid; gap: clamp(2rem,6vw,5rem); grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); padding-bottom: clamp(4rem,7vw,6.5rem); }
.directory-hero h1, .wiki-directory-hero h1 { font-size: clamp(3.2rem,6.8vw,6.5rem); }
.directory-hero__lead, .research-map-hero__lead, .wiki-directory-hero__lead, .books-gateway-hero__lead { color: var(--muted); font-family: var(--serif); font-size: clamp(1.1rem,2vw,1.38rem); line-height: 1.62; max-width: 760px; }
.directory-hero__actions, .wiki-directory-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.directory-principle { background: linear-gradient(145deg,#f5e7f8,#e8f3fb); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 22px 55px rgba(47,57,96,.1); padding: clamp(1.4rem,3vw,2.2rem); }
.directory-principle__label { color: var(--gold-soft); font-size: .64rem; font-weight: 800; letter-spacing: .15em; margin: 0 0 .75rem; text-transform: uppercase; }
.directory-principle > p:not(.directory-principle__label) { color: var(--muted); font-family: var(--serif); font-size: 1.13rem; }
.directory-principle a { color: var(--gold); font-size: .76rem; font-weight: 800; }
.directory-section, .research-lanes, .wiki-domains, .books-gateway-collections, .latest-research, .reader-shelf { border-top: 1px solid var(--line); padding: clamp(4rem,7vw,6rem) 0; }
.directory-section__head { align-items: end; display: grid; gap: 2rem; grid-template-columns: minmax(0,1fr) minmax(250px,.5fr); margin-bottom: 2.5rem; }
.directory-section__head h2 { font-size: clamp(2.3rem,4.6vw,4.2rem); }
.directory-section__head > p { color: var(--muted); margin: 0; }
.directory-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.directory-card { --card-accent: var(--gold-soft); background: rgba(255,255,255,.88); border: 1px solid var(--line); border-top: 4px solid var(--card-accent); border-radius: var(--radius); display: grid; grid-template-columns: auto 1fr auto; min-height: 290px; padding: clamp(1.4rem,3vw,2.15rem); transition: box-shadow .2s ease, transform .2s ease; }
.directory-card:hover { box-shadow: 0 22px 55px rgba(47,57,96,.12); color: inherit; transform: translateY(-3px); }
.directory-card--violet { --card-accent: #7543a3; }.directory-card--coral { --card-accent: #b5475d; }.directory-card--gold { --card-accent: #8d5214; }.directory-card--blue { --card-accent: #246a9c; }.directory-card--green { --card-accent: #28775e; }.directory-card--teal { --card-accent: #17767b; }
.directory-card__number { color: var(--faint); font-family: var(--mono); font-size: .66rem; }
.directory-card__label { color: var(--card-accent); font-size: .65rem; font-weight: 800; letter-spacing: .15em; margin-left: 1rem; text-transform: uppercase; }
.directory-card h3 { font-family: var(--serif); font-size: clamp(1.55rem,2.8vw,2.25rem); font-weight: 400; grid-column: 1/-1; margin: 1.6rem 0 .7rem; }
.directory-card p { color: var(--muted); grid-column: 1/-1; margin: 0; }
.directory-card__meta { align-self: end; color: var(--faint); font-size: .7rem; grid-column: 1/3; margin-top: 1.7rem; }
.directory-card__arrow { align-self: end; color: var(--card-accent); font-size: 1.3rem; }
.directory-secondary { align-items: start; border-top: 1px solid var(--line); display: grid; gap: 3rem; grid-template-columns: minmax(230px,.58fr) minmax(0,1.2fr); padding-top: clamp(4rem,7vw,6rem); }
.directory-secondary h2 { font-size: clamp(2.2rem,4vw,3.7rem); }
.secondary-paths { display: grid; gap: .7rem; }
.secondary-paths a { background: rgba(255,255,255,.7); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 1rem 1.15rem; }
.secondary-paths strong, .secondary-paths span { display: block; }.secondary-paths strong { color: var(--ink); font-family: var(--serif); font-size: 1.12rem; }.secondary-paths span { color: var(--muted); font-size: .78rem; margin-top: .25rem; }

.research-map-stats, .wiki-directory-stats { display: grid; gap: .75rem; }
.research-map-stats div, .wiki-directory-stats div { background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: var(--radius-sm); display: grid; grid-template-columns: auto 1fr; padding: 1rem 1.15rem; }
.research-map-stats strong, .wiki-directory-stats strong { color: var(--gold-soft); font-family: var(--serif); font-size: 1.6rem; font-weight: 400; }
.research-map-stats span, .wiki-directory-stats span { align-self: center; color: var(--muted); font-size: .72rem; margin-left: .8rem; }
.research-lane-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.research-lane { --lane-color: var(--open); background: rgba(255,255,255,.86); border: 1px solid var(--line); border-left: 4px solid var(--lane-color); border-radius: var(--radius-sm); display: flex; flex-direction: column; min-height: 265px; padding: 1.45rem; }
.research-lane:hover { border-color: var(--lane-color); color: inherit; }
.research-lane--documented { --lane-color: var(--documented); }.research-lane--textual { --lane-color: var(--textual); }.research-lane--comparative { --lane-color: var(--comparative); }.research-lane--hypothesis { --lane-color: var(--hypothesis); }.research-lane--canon { --lane-color: var(--canon); }.research-lane--open { --lane-color: var(--open); }
.research-lane__label { color: var(--lane-color); font-size: .64rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.research-lane h3 { font-family: var(--serif); font-size: 1.55rem; font-weight: 400; margin: 1rem 0 .65rem; }
.research-lane p { color: var(--muted); font-size: .82rem; margin: 0; }
.research-lane__meta { color: var(--faint); font-size: .67rem; margin-top: auto; padding-top: 1.3rem; }
.section-action { margin: 2rem 0 0; text-align: center; }
.research-practice { background: linear-gradient(135deg,#eef4fb,#f7edf5); border: 1px solid var(--line); border-radius: var(--radius); display: grid; gap: 2.5rem; grid-template-columns: minmax(230px,.65fr) minmax(0,1.35fr); margin-top: clamp(3rem,6vw,5rem); padding: clamp(1.5rem,4vw,3rem); }
.research-practice h2 { font-size: clamp(2rem,4vw,3.5rem); }
.research-practice ol { display: grid; gap: .65rem; list-style: none; margin: 0; padding: 0; }
.research-practice li { background: rgba(255,255,255,.7); border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: 105px 1fr; padding: .85rem 1rem; }
.research-practice strong { color: var(--gold-soft); }.research-practice span { color: var(--muted); font-size: .78rem; }

.wiki-domain-grid { display: grid; gap: .9rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.wiki-domain-card { --domain-color: #7543a3; background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; min-height: 270px; padding: 1.5rem; }
.wiki-domain-card:hover { border-color: var(--domain-color); color: inherit; transform: translateY(-2px); }
.wiki-domain-card--2 { --domain-color: #8d5214; }.wiki-domain-card--3 { --domain-color: #247098; }.wiki-domain-card--4 { --domain-color: #a43e5c; }.wiki-domain-card--5 { --domain-color: #24745d; }.wiki-domain-card--6 { --domain-color: #6c4b9b; }
.wiki-domain-card__index { color: var(--domain-color); font-family: var(--mono); font-size: .68rem; }
.wiki-domain-card h3 { font-family: var(--serif); font-size: clamp(1.45rem,2.4vw,1.95rem); font-weight: 400; margin: 1rem 0 .7rem; }
.wiki-domain-card p { color: var(--muted); font-size: .82rem; margin: 0; }
.wiki-domain-card__meta { color: var(--domain-color); font-size: .72rem; font-weight: 700; margin-top: auto; padding-top: 1.25rem; }
.wiki-directory-note { align-items: start; background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: var(--radius); display: grid; gap: 2rem; grid-template-columns: minmax(250px,.8fr) minmax(0,1fr); margin-top: 1rem; padding: clamp(1.5rem,4vw,3rem); }
.wiki-directory-note h2 { font-size: clamp(2rem,4vw,3.4rem); }.wiki-directory-note > p { color: var(--muted); margin: 0; }.wiki-directory-note a { color: var(--gold-soft); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

.books-gateway-summary { background: linear-gradient(145deg,#f4e8f7,#e8f2fc); border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; padding: clamp(1.4rem,3vw,2.2rem); }
.books-gateway-summary strong { color: var(--gold-soft); font-family: var(--serif); font-size: clamp(3rem,6vw,5.5rem); font-weight: 400; line-height: 1; }.books-gateway-summary span { color: var(--muted); margin: .5rem 0 1.4rem; }.books-gateway-summary button { color: var(--gold); font-weight: 800; text-transform: none; }
.book-gateway-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.book-gateway-card { --book-color: var(--gold-soft); background: rgba(255,255,255,.88); border: 1px solid var(--line); border-bottom: 5px solid var(--book-color); border-radius: var(--radius); display: flex; flex-direction: column; min-height: 305px; padding: 1.6rem; }
.book-gateway-card:hover { border-color: var(--book-color); color: inherit; transform: translateY(-3px); }.book-gateway-card--gold { --book-color: #8d5214; }.book-gateway-card--blue { --book-color: #246a9c; }.book-gateway-card--violet { --book-color: #7543a3; }
.book-gateway-card__label { color: var(--book-color); font-size: .64rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.book-gateway-card h3 { font-family: var(--serif); font-size: clamp(1.55rem,2.7vw,2.15rem); font-weight: 400; margin: 1.1rem 0 .75rem; }.book-gateway-card p { color: var(--muted); font-size: .84rem; margin: 0; }.book-gateway-card__meta { color: var(--faint); font-size: .7rem; margin-top: auto; padding-top: 1.3rem; }
.reader-shelf { border-bottom: 0; }
.stream-nav { align-items: center; background: rgba(255,255,255,.72); border: 1px solid var(--line); border-radius: var(--radius-sm); display: flex; flex-wrap: wrap; gap: .5rem; margin: -2rem 0 2.5rem; padding: .8rem; }
.stream-nav span { color: var(--faint); font-size: .64rem; font-weight: 800; letter-spacing: .12em; padding: .3rem .45rem; text-transform: uppercase; }.stream-nav a { background: var(--panel); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .7rem; padding: .35rem .65rem; }.stream-nav a:hover, .stream-nav a[aria-current="page"] { background: var(--section-tint); border-color: var(--section-accent); color: var(--ink); }

body.paper-mode .section-nav-wrap { background: rgba(255,250,240,.94); }
body.paper-mode .directory-principle, body.paper-mode .research-practice, body.paper-mode .books-gateway-summary { background: #e7dbc6; }
body.paper-mode .directory-card, body.paper-mode .secondary-paths a, body.paper-mode .research-map-stats div, body.paper-mode .wiki-directory-stats div, body.paper-mode .research-lane, body.paper-mode .wiki-domain-card, body.paper-mode .wiki-directory-note, body.paper-mode .book-gateway-card, body.paper-mode .stream-nav { background: rgba(255,250,240,.94); }
body.paper-mode .reading-toc, body.paper-mode .reading-continue > div > a, body.paper-mode .thecode-reader-trust, body.paper-mode .thecode-reader-trust__grid > div, body.paper-mode .prose .mwai-form-container { background: rgba(255,250,240,.94)!important; }

/* 0.6.0 — magnum-opus front door, onboarding, and definitive book guide. */
.nav a[href*="/book/the-architecture-of-the-signal/"] { color: #653b91; font-weight: 800; }
.nav a[href*="/book/the-architecture-of-the-signal/"]::before { background: #f1df9b; border-radius: 50%; content: ''; height: 5px; left: -.65rem; position: absolute; top: 50%; transform: translateY(-50%); width: 5px; }
.reading-kicker__lane--flagship { background: rgba(107,74,167,.13); border-color: rgba(107,74,167,.34); color: #653b91; }

.start-here-hero { padding-bottom: clamp(3.2rem,6vw,5rem); }
.start-routes { border-top: 1px solid var(--line); padding: clamp(4rem,7vw,6rem) 0; }
.start-route-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.start-route { --route-accent: #7543a3; background: rgba(255,255,255,.88); border: 1px solid var(--line); border-top: 4px solid var(--route-accent); border-radius: var(--radius); box-shadow: 0 16px 42px rgba(47,57,96,.07); overflow: hidden; }
.start-route:first-child { grid-column: 1/-1; }
.start-route--green { --route-accent: #28775e; }.start-route--coral { --route-accent: #b5475d; }.start-route--blue { --route-accent: #246a9c; }.start-route--gold { --route-accent: #8d5214; }
.start-route__head { padding: clamp(1.4rem,3vw,2.1rem); }
.start-route__head > span { color: var(--route-accent); font-size: .65rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.start-route__head h3 { font-family: var(--serif); font-size: clamp(1.75rem,3vw,2.55rem); font-weight: 400; margin: .65rem 0 .65rem; }
.start-route__head p { color: var(--muted); margin: 0; }
.start-route ol { border-top: 1px solid var(--line); counter-reset: start-step; list-style: none; margin: 0; padding: 0; }
.start-route li { counter-increment: start-step; margin: 0; }
.start-route li + li { border-top: 1px solid var(--line); }
.start-route li a { align-items: center; color: var(--ink); display: grid; font-size: .82rem; font-weight: 750; gap: .8rem; grid-template-columns: auto 1fr auto; padding: .88rem clamp(1.4rem,3vw,2.1rem); text-decoration: none; }
.start-route li a::before { color: var(--route-accent); content: counter(start-step, decimal-leading-zero); font-family: var(--mono); font-size: .64rem; }
.start-route li a:hover { background: rgba(238,242,251,.78); color: var(--route-accent); }
.start-route li a span { color: var(--route-accent); }
.start-collections { margin-top: 0; }

.flagship-map { border-top: 1px solid var(--line); padding: clamp(4rem,7vw,6rem) 0; }
.flagship-map__intro { align-items: end; display: grid; gap: clamp(2rem,6vw,5rem); grid-template-columns: minmax(0,1fr) minmax(280px,.62fr); margin-bottom: 2.5rem; }
.flagship-map__intro h2 { font-size: clamp(2.5rem,5vw,4.8rem); }
.flagship-map__intro > div:last-child > p { color: var(--muted); margin: 0 0 1.35rem; }
.flagship-movement-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.flagship-movement { --movement-accent: #7543a3; background: rgba(255,255,255,.88); border: 1px solid var(--line); border-left: 4px solid var(--movement-accent); border-radius: var(--radius-sm); padding: clamp(1.2rem,2.5vw,1.7rem); }
.flagship-movement:last-child { grid-column: 1/-1; }
.flagship-movement--blue { --movement-accent: #246a9c; }.flagship-movement--gold { --movement-accent: #8d5214; }.flagship-movement--teal { --movement-accent: #17767b; }.flagship-movement--coral { --movement-accent: #b5475d; }.flagship-movement--green { --movement-accent: #28775e; }
.flagship-movement__label { color: var(--movement-accent)!important; font-size: .65rem; font-weight: 800; letter-spacing: .13em; margin: 0 0 .75rem!important; text-transform: uppercase; }
.flagship-movement > p:not(.flagship-movement__label) { color: var(--muted); margin: 0; }
.flagship-movement__links { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.1rem; }
.flagship-movement__links a { background: rgba(244,246,251,.95); border: 1px solid var(--line); border-radius: 999px; color: var(--movement-accent); font-size: .67rem; font-weight: 800; padding: .42rem .72rem; }
.flagship-movement__links a:hover { background: #fff; border-color: var(--movement-accent); }
.flagship-map__flow { align-items: center; background: linear-gradient(135deg,#f5edf9,#edf5fb); border: 1px solid var(--line); border-radius: var(--radius-sm); display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; margin-top: 1rem; padding: 1rem; text-align: center; }
.flagship-map__flow strong { color: var(--ink); font-size: .72rem; letter-spacing: .04em; }.flagship-map__flow span { color: #7543a3; }

.flagship-guide { border-top: 1px solid var(--line); font-family: var(--sans); margin-top: 3.5rem; padding-top: 2rem; }
.flagship-guide__nav { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.5rem; }
.prose .flagship-guide__nav a { background: rgba(255,255,255,.9); border: 1px solid var(--line); border-radius: 999px; color: #5d3f88; font-family: var(--sans); font-size: .69rem; font-weight: 800; padding: .46rem .78rem; text-decoration: none; }
.prose .flagship-guide__nav a:hover { border-color: #7543a3; }
.flagship-guide__opening { background: radial-gradient(circle at 92% 4%,rgba(91,178,190,.2),transparent 32%),linear-gradient(145deg,#fff8ee,#f4edf9 55%,#edf6fb); border: 1px solid rgba(92,74,138,.22); border-radius: var(--radius); box-shadow: 0 22px 58px rgba(47,57,96,.1); padding: clamp(1.4rem,4vw,2.7rem); }
.flagship-guide__kicker { color: #653b91!important; font-family: var(--sans); font-size: .64rem!important; font-weight: 850; letter-spacing: .16em; margin: 0 0 .75rem!important; text-transform: uppercase; }
.prose .flagship-guide__opening h2, .prose .flagship-guide__section > h2, .prose .flagship-guide__section > div > h2, .prose .flagship-guide__closing h2 { color: var(--ink); font-family: var(--serif); font-size: clamp(2.15rem,4.6vw,3.9rem); margin: 0 0 1rem; }
.flagship-guide__opening > p:not(.flagship-guide__kicker), .flagship-guide__closing p { color: var(--muted); font-family: var(--serif); font-size: 1.08rem; line-height: 1.65; }
.flagship-guide__actions { align-items: center; display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.35rem; }
.prose .flagship-guide__actions .button { font-family: var(--sans); text-decoration: none; }
.flagship-guide__metadata { display: grid; gap: 0; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 2rem 0 0; }
.flagship-guide__metadata > div { border-top: 1px solid var(--line); padding: .8rem .7rem .2rem 0; }
.flagship-guide__metadata dt { color: var(--faint); font-size: .61rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.flagship-guide__metadata dd { color: var(--ink); font-size: .78rem; font-weight: 750; margin: .25rem 0 0; }
.flagship-guide__section { border-top: 1px solid var(--line); margin-top: clamp(3.8rem,7vw,6rem); padding-top: clamp(3.8rem,7vw,6rem); scroll-margin-top: 130px; }
.flagship-guide__section > p { color: var(--muted); }
.flagship-summary > p:not(.flagship-guide__kicker) { color: #314057; font-family: var(--serif); font-size: 1.04rem; line-height: 1.82; }
.flagship-parts { display: grid; gap: .8rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.flagship-parts article { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-top: 4px solid #7543a3; border-radius: var(--radius-sm); padding: 1.2rem; scroll-margin-top: 130px; }
.flagship-parts article:nth-child(2) { border-top-color: #246a9c; }.flagship-parts article:nth-child(3) { border-top-color: #28775e; }
.flagship-parts span { color: var(--faint); font-size: .62rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.prose .flagship-parts h3 { color: var(--ink); font-family: var(--serif); font-size: 1.65rem; margin: .6rem 0; }
.flagship-parts p { color: var(--muted); font-size: .78rem; line-height: 1.62; }
.berlin-brief { background: linear-gradient(135deg,#f7effa,#edf6fb); border: 1px solid var(--line); border-radius: var(--radius); padding: clamp(1.35rem,4vw,2.4rem); }
.berlin-brief > div:first-child > p:last-child { color: var(--muted); }
.berlin-values { display: grid; gap: .7rem; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 1.5rem 0; }
.berlin-values div { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: var(--radius-sm); display: flex; flex-direction: column; padding: 1rem; }
.berlin-values span { color: var(--faint); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.berlin-values strong { color: #653b91; font-family: var(--serif); font-size: 2.15rem; font-weight: 400; }.berlin-values small { color: var(--faint); font-size: .62rem; }
.berlin-brief__note { background: rgba(255,255,255,.7); border-left: 3px solid #7543a3; color: var(--muted); font-size: .8rem; margin: 0; padding: .85rem 1rem; }
.chapter-group { margin-top: 2rem; scroll-margin-top: 130px; }
.chapter-group__head { align-items: end; border-bottom: 1px solid var(--line); display: grid; gap: .65rem; grid-template-columns: auto 1fr auto; margin-bottom: .75rem; padding-bottom: .75rem; }
.chapter-group__head span, .chapter-group__head small { color: #653b91; font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.prose .chapter-group__head h3 { color: var(--ink); font-family: var(--serif); font-size: 1.65rem; margin: 0; }
.chapter-list { display: grid; gap: .5rem; position: relative; }
.chapter-item, .flagship-faq details { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: 11px; overflow: hidden; scroll-margin-top: 130px; }
.chapter-item summary, .flagship-faq summary { align-items: center; cursor: pointer; display: grid; gap: .8rem; grid-template-columns: auto 1fr auto; list-style: none; padding: .85rem 1rem; }
.chapter-item summary::-webkit-details-marker, .flagship-faq summary::-webkit-details-marker { display: none; }
.chapter-item summary > span { color: #653b91; font-family: var(--mono); font-size: .65rem; }
.chapter-item summary strong, .flagship-faq summary strong { color: var(--ink); font-family: var(--sans); font-size: .78rem; line-height: 1.4; }
.chapter-item summary i, .flagship-faq summary i { color: #653b91; font-size: 1.2rem; font-style: normal; transition: transform .2s ease; }
.chapter-item[open] summary i, .flagship-faq details[open] summary i { transform: rotate(45deg); }
.chapter-item[open] summary, .flagship-faq details[open] summary { background: rgba(241,237,248,.7); }
.chapter-item > div { border-top: 1px solid var(--line); padding: .2rem 1rem 1rem 3.15rem; }
.chapter-item > div p, .flagship-faq details > p { color: var(--muted); font-size: .78rem; line-height: 1.65; }
.prose .chapter-item > div a { color: #5d3f88; font-size: .68rem; font-weight: 800; text-decoration: none; }
.flagship-anchor { display: block; height: 0; position: relative; top: -130px; }
.evidence-architecture-grid { display: grid; gap: .7rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.evidence-architecture-grid article { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-left: 4px solid #28775e; border-radius: var(--radius-sm); padding: 1rem; }
.evidence-architecture-grid article:nth-child(2n) { border-left-color: #246a9c; }.evidence-architecture-grid article.is-canon { border-left-color: #7543a3; }
.evidence-architecture-grid strong { color: var(--ink); font-size: .76rem; }.evidence-architecture-grid p { color: var(--muted); font-size: .72rem; line-height: 1.55; margin: .45rem 0 0; }
.tony-canon-notice { background: linear-gradient(135deg,#f4eafa,#f0f4fb); border: 1px solid rgba(117,67,163,.28); border-radius: var(--radius-sm); margin-top: .8rem; padding: 1.2rem; }
.tony-canon-notice strong { color: #653b91; }.tony-canon-notice p { color: var(--muted); font-size: .78rem; line-height: 1.62; }.prose .tony-canon-notice a { color: #5d3f88; font-size: .7rem; font-weight: 800; text-decoration: none; }
.architect-method { display: grid; gap: .55rem; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; margin: 1.5rem 0; padding: 0; }
.architect-method li { align-items: center; background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: 10px; display: flex; gap: .65rem; min-height: 68px; padding: .75rem; }
.architect-method span { color: #653b91; font-family: var(--mono); font-size: .62rem; }.architect-method strong { color: var(--ink); font-size: .72rem; }
.architect-method__principle { background: rgba(230,244,238,.82); border-left: 4px solid #28775e; color: #2e5448!important; font-family: var(--serif); font-size: 1.05rem!important; padding: 1rem 1.1rem; }
.research-index-grid { display: grid; gap: .65rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.prose .research-index-grid > a { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); display: block; padding: 1rem; text-decoration: none; }
.prose .research-index-grid > a:hover { border-color: #7543a3; box-shadow: 0 12px 28px rgba(47,57,96,.08); }
.research-index-grid strong { color: var(--ink); display: block; font-size: .76rem; }.research-index-grid span { color: var(--muted); display: block; font-size: .69rem; line-height: 1.5; margin-top: .35rem; }
.recommended-reading-grid { display: grid; gap: .7rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.recommended-reading-grid article { background: rgba(255,255,255,.88); border: 1px solid var(--line); border-top: 3px solid #7543a3; border-radius: var(--radius-sm); padding: 1rem; }
.recommended-reading-grid article:last-child { grid-column: 1/-1; }.prose .recommended-reading-grid h3 { color: var(--ink); font-family: var(--serif); font-size: 1.3rem; margin: 0 0 .55rem; }
.prose .recommended-reading-grid a { color: #5d3f88; display: block; font-size: .7rem; font-weight: 800; padding: .35rem 0; text-decoration: none; }.prose .recommended-reading-grid a + a { border-top: 1px solid var(--line); }
.flagship-faq { display: grid; gap: .5rem; }.flagship-faq details > p { border-top: 1px solid var(--line); margin: 0; padding: 1rem; }
.flagship-guide__closing { align-items: end; background: linear-gradient(135deg,#f8f0e6,#f2eafa 55%,#eaf4f9); border: 1px solid var(--line); border-radius: var(--radius); display: grid; gap: 1.5rem; grid-template-columns: minmax(0,1fr) auto; margin-top: clamp(4rem,7vw,6rem); padding: clamp(1.35rem,4vw,2.4rem); }
.flagship-guide__closing h2 { font-size: clamp(2rem,4vw,3.2rem)!important; }.flagship-guide__closing .flagship-guide__actions { justify-content: flex-end; }
.books-authority-note { background: rgba(255,255,255,.78); border: 1px solid var(--line); border-left: 4px solid #28775e; border-radius: var(--radius-sm); color: var(--muted); margin: 1rem 0 0; padding: 1rem 1.15rem; }.books-authority-note strong { color: var(--ink); }
.tony-identity-notice { background: linear-gradient(135deg,#eef6fb,#f4effa); border: 1px solid var(--line); border-left: 4px solid #246a9c; border-radius: var(--radius); margin: 0 0 2rem; padding: clamp(1.2rem,3vw,1.8rem); }
.tony-identity-notice.is-canon { background: linear-gradient(135deg,#f6edf9,#f0f3fb); border-left-color: #7543a3; }
.tony-identity-notice__label { color: #5d3f88!important; font-family: var(--sans); font-size: .63rem!important; font-weight: 850; letter-spacing: .14em; margin: 0 0 .65rem!important; text-transform: uppercase; }
.prose .tony-identity-notice h2 { color: var(--ink); font-family: var(--serif); font-size: clamp(1.7rem,3.5vw,2.6rem); margin: 0 0 .7rem; }.tony-identity-notice > p:not(.tony-identity-notice__label) { color: var(--muted); font-family: var(--sans); font-size: .8rem; line-height: 1.65; }
.tony-identity-notice > div { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }.prose .tony-identity-notice a { background: rgba(255,255,255,.82); border: 1px solid var(--line); border-radius: 999px; color: #5d3f88; font-family: var(--sans); font-size: .66rem; font-weight: 800; padding: .4rem .7rem; text-decoration: none; }

body.paper-mode .start-route, body.paper-mode .flagship-movement, body.paper-mode .flagship-guide__opening, body.paper-mode .flagship-parts article, body.paper-mode .berlin-values div, body.paper-mode .chapter-item, body.paper-mode .evidence-architecture-grid article, body.paper-mode .research-index-grid > a, body.paper-mode .recommended-reading-grid article, body.paper-mode .flagship-faq details { background: rgba(255,250,240,.96); }
body.paper-mode .flagship-map__flow, body.paper-mode .berlin-brief, body.paper-mode .tony-canon-notice, body.paper-mode .flagship-guide__closing { background: #e9ddc9; }
body.paper-mode .sasgram-library-banner.sasgram-library-banner--integrated { background: #e7dbc6!important; }

@media (max-width: 980px) {
  .site-header__inner { gap: 1rem; grid-template-columns: 1fr auto; }
  .nav { background: rgba(255,255,255,.98); border-bottom: 1px solid var(--line); display: none; flex-direction: column; gap: 0; grid-column: 1/-1; margin: 0 calc(-1 * clamp(1rem,4vw,2.75rem)); order: 3; padding: .6rem clamp(1rem,4vw,2.75rem) 1rem; }
  .nav.open { display: flex; }.nav a { border-bottom: 1px solid var(--line); padding: .7rem 0; }.nav a.active::after, .nav .current-menu-item > a::after { bottom: .25rem; left: auto; width: 22px; }
  body.paper-mode .nav { background: rgba(255,250,240,.98); }
  .menu-button { display: inline-flex; }
  .home-intro__inner { grid-template-columns: 1fr; }
  .home-portrait { margin: 0 auto; max-width: 400px; }
  .hero__inner { grid-template-columns: 1fr; padding-top: 4rem; }.hero-visual { margin: 0 auto; max-width: 440px; }
  .evidence-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.thecode-nine-lives-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metrics { grid-template-columns: repeat(2,1fr); }.metric:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.metric:nth-child(4) { border-top: 1px solid var(--line); }
  .directory-hero, .research-map-hero, .wiki-directory-hero, .books-gateway-hero { align-items: start; grid-template-columns: 1fr; }
  .research-lane-grid, .wiki-domain-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer__inner { grid-template-columns: repeat(2,1fr); }.footer__brand { grid-column: 1/-1; }.footer-col:last-child { grid-column: auto; }
  .reading-layout, .claim-layout, .source-layout { grid-template-columns: 1fr; }.reading-aside, .claim-sidebar { display: grid; gap: .8rem; grid-template-columns: repeat(2,1fr); position: static; }.reading-aside .record-card, .claim-sidebar .record-card { margin: 0; }.reading-toc { grid-column: 1/-1; max-height: none; }.record-section-nav { top: 98px; }
	.flagship-map__intro { align-items: start; grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .utility__links a { display: none; }.utility__inner { min-height: 38px; }
  .site-header__inner { min-height: 66px; }.brand__mark { height: 32px; width: 32px; }.brand__tag { display: none; }
  h1 { font-size: clamp(2.75rem,13vw,4.3rem); }
  .home-intro { min-height: auto; }
  .home-intro__inner { min-height: auto; padding-bottom: 5rem; padding-top: 3.4rem; }
  .home-intro h1 { font-size: clamp(3.15rem,15vw,4.8rem); }
  .home-intro__lead { font-size: 1.12rem; }
  .home-purpose { padding: 1.05rem 1rem; }
  .home-intro__actions { align-items: stretch; flex-direction: column; }
  .home-intro__actions .button { width: 100%; }
  .home-contact { border-radius: 12px; justify-content: space-between; width: 100%; }
  .home-featured-book { padding-bottom: 4rem; }
  .magnum-book { grid-template-columns: 1fr; }
  .magnum-book__cover-wrap { margin: 0 auto; max-width: 300px; width: 100%; }
  .magnum-book h2 { font-size: clamp(2.3rem,11vw,3.6rem); }
  .magnum-book__actions { align-items: stretch; flex-direction: column; }
  .magnum-book__actions .button { width: 100%; }
  .home-portrait { max-width: 340px; }
  .hero { min-height: auto; }.hero__inner { min-height: auto; padding-bottom: 4rem; padding-top: 3.5rem; }.hero__lead { font-size: 1.08rem; }.hero__actions { align-items: stretch; flex-direction: column; }.hero__actions .button { width: 100%; }.hero-visual { max-width: 350px; }
  .section { padding-bottom: 4.5rem; padding-top: 4.5rem; }.section-heading, .section-heading--compact, .evidence-intro { grid-template-columns: 1fr; }.section-heading--row, .archive-header--split, .topic-section__head { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .route-grid { grid-template-columns: 1fr; }.route-card, .route-card--wide { grid-column: auto; min-height: 220px; }
  .evidence-grid { grid-template-columns: 1fr; }.evidence-card { min-height: 205px; }
  .metrics { grid-template-columns: 1fr 1fr; }.metric { min-height: 125px; padding: 1.25rem; }
  .content-grid { grid-template-columns: 1fr; }.closing-callout { align-items: flex-start; flex-direction: column; gap: 1.5rem; margin-bottom: 4rem; margin-left: 1rem; margin-right: 1rem; }
	.content-grid--archive > .tcwiki-editorial-surface { grid-template-columns: 1fr; }.content-grid--archive > .tcwiki-editorial-surface h2 { grid-row: auto; }
	.reading-related__head { align-items: flex-start; flex-direction: column; }.reading-neighbours { grid-template-columns: 1fr; }.reading-neighbours > div + div { border-left: 0; border-top: 1px solid var(--line); text-align: left; }.reading-continue > div { grid-template-columns: 1fr; }
	.thecode-nine-lives-head, .thecode-nine-lives-list, .prose .tc-wiki-results { grid-template-columns: 1fr; }.thecode-nine-lives-pagination { align-items: flex-start; flex-direction: column; }.prose .tc-wiki-search-row { align-items: stretch; flex-direction: column; }.prose .tc-wiki-search button { width: 100%; }
  .footer__inner { grid-template-columns: 1fr 1fr; }.footer__brand { grid-column: 1/-1; }.footer-col:last-child { grid-column: auto; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: .4rem; }.footer-bottom > * { margin: 0!important; }
	.section-nav { gap: .8rem; }.section-nav__label { position: sticky; left: 0; background: rgba(247,248,252,.96); padding-right: .6rem; z-index: 1; }.section-nav__links { gap: .9rem; }
	body.paper-mode .section-nav__label { background: rgba(255,250,240,.98); }
	.directory-shell, .research-map-shell, .wiki-directory-shell, .books-gateway-shell { padding-top: 3.2rem; }
	.directory-section__head, .directory-secondary, .wiki-directory-note, .research-practice { grid-template-columns: 1fr; }
	.directory-grid, .research-lane-grid, .wiki-domain-grid, .book-gateway-grid { grid-template-columns: 1fr; }
	.start-route-grid, .flagship-movement-grid, .flagship-parts, .recommended-reading-grid { grid-template-columns: 1fr; }
	.start-route:first-child, .flagship-movement:last-child, .recommended-reading-grid article:last-child { grid-column: auto; }
	.flagship-guide__metadata, .berlin-values, .architect-method { grid-template-columns: 1fr 1fr; }
	.flagship-guide__closing { align-items: start; grid-template-columns: 1fr; }.flagship-guide__closing .flagship-guide__actions { justify-content: flex-start; }
	.directory-card, .research-lane, .wiki-domain-card, .book-gateway-card { min-height: 0; }
	.directory-secondary { gap: 2rem; }
	.research-practice li { grid-template-columns: 85px 1fr; }
  .record-hero__grid { align-items: start; grid-template-columns: 1fr; }.record-identity { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: 1rem; }
  .claim-layout, .source-layout { padding-top: 1.5rem; }.tabs { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; }.tab-button { padding-left: .75rem; padding-right: .75rem; }.evidence-detail-grid, .question-resolution-grid, .question-audit-links, .audit-context, .dossier-reading-note { grid-template-columns: 1fr; }.question-resolution-grid section + section { border-left: 0; border-top: 1px solid var(--line-cool); }.claim-sidebar, .reading-aside { grid-template-columns: 1fr; }.relation-row { align-items: start; grid-template-columns: 1fr; }.relation-row strong { text-align: left; }.record-section-nav { border-radius: var(--radius-sm); overflow-x: auto; position: static; }.record-section-nav span { width: 100%; }
  .topic-layout { grid-template-columns: 1fr; }.topic-layout > aside { display: none; }.topic-section { padding-bottom: 3rem; }.topic-section + .topic-section { padding-top: 3rem; }.timeline li { gap: .5rem; grid-template-columns: 1fr; }.source-row { grid-template-columns: auto 1fr; }.source-type { grid-column: 2; }
  .prose .alignwide { margin-left: 0; max-width: 100%; width: 100%; }.reading-byline { flex-direction: column; gap: .3rem; }
  .search-overlay { padding-top: 5vh; }.search-dialog__head { flex-wrap: wrap; }.search-input { min-width: calc(100% - 60px); }.search-submit { order: 3; width: calc(100% - 46px); }.search-shortcut { display: none; }
  body #gt_float_wrapper, body #gt_float_wrapper .gt_float_switcher, body #gt_float_wrapper .gt-selected, body #gt_float_wrapper .gt-current-lang { height: auto!important; width: auto!important; }
  body #gt_float_wrapper .gt-current-lang { padding: 4px 6px!important; }
  body #gt_float_wrapper .gt-lang-code, body #gt_float_wrapper .gt_float_switcher-arrow { display: none!important; }
}

@media (max-width: 440px) {
  .brand__name { font-size: .92rem; }.icon-button, .menu-button { height: 38px; width: 38px; }
  .hero-visual { max-width: 300px; }.signal-node { height: 55px; width: 55px; }.signal-node--center { height: 85px; width: 85px; }
  .home-intro__trust { gap: .55rem 1rem; }
  .home-portrait { max-width: 300px; }
  .metrics { grid-template-columns: 1fr; }.metric + .metric, .metric:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .footer__inner { grid-template-columns: 1fr; }.footer__brand { grid-column: auto; }
  .record-hero, .topic-hero { padding-top: 2.5rem; }.record-hero h1, .topic-hero h1, .reading-header h1, .archive-header h1 { font-size: clamp(2.5rem,13vw,3.6rem); }
	.directory-hero__actions, .wiki-directory-hero__actions { align-items: stretch; flex-direction: column; }.directory-hero__actions .button, .wiki-directory-hero__actions .button { width: 100%; }
	.research-practice li { grid-template-columns: 1fr; }
	.flagship-guide__metadata, .berlin-values, .evidence-architecture-grid, .architect-method, .research-index-grid { grid-template-columns: 1fr; }
	.chapter-group__head { align-items: start; grid-template-columns: 1fr; }
	.chapter-item > div { padding-left: 1rem; }
}

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

@media print {
  :root { color-scheme: light; }
  body { background: #fff!important; color: #111!important; font-size: 11pt; }
  body::before, .utility, .site-header, .section-nav-wrap, .site-footer, .search-overlay, .reading-aside, .reading-progress, .reading-related, .reading-neighbours, .reading-continue, .claim-sidebar, .tabs, .button { display: none!important; }
  .page-shell, .section { max-width: none; padding: 0; }
  .reading-layout, .claim-layout, .source-layout, .topic-layout { display: block; }
  .tab-panel { background: none; border: 0; display: block!important; min-height: 0; padding: 1rem 0; }
  .tab-panel[hidden] { display: block!important; }
  a { color: #111; text-decoration: underline; }
  a[href^="http"]::after { content: ' (' attr(href) ')'; font-size: 8pt; }
}