/* ============================================================
   siten.dev — Global Stylesheet
   Cool editorial dark palette. Single-file CSS.
   ============================================================ */

/* ── 1. TOKENS ─────────────────────────────────────────────── */
:root {
  --page-max: 1540px;
  /* Backgrounds */
  --ink:        #030709;
  --panel:      #071012;
  --panel2:     #0a1416;
  --parchment:  #17150f;

  /* Borders */
  --line:       #243235;
  --line2:      #46575a;

  /* Text */
  --bright:     #d8c6aa;
  --text:       #bfb29f;
  --muted:      #8b9c9f;
  --faint:      #5a6261;

  /* Accents */
  --amber:      #ddbc72;
  --cyan:       #76d4d0;
  --teal:       #76d4d0;
  --coral:      #ee8a73;
  --green:      #9bd49b;
  --gold:       #ddbc72;
  --paper-bg:   #e5d8bd;
  --paper-text: #28251f;
  --paper-line: #655f51;

  /* Formats: what the reader receives */
  --format-explainer: #d8c6aa;
  --format-framework: #c77dff;
  --format-artifact: #76d4d0;
  --format-case-study: #ddbc72;

  /* Topics: what domain the work belongs to */
  --topic-ai: #76d4d0;
  --topic-invention: #ddbc72;
  --topic-trading: #ee8a73;
  --topic-building: #9bd49b;

  /* Typography */
  --mono: "DM Mono", "Courier New", monospace;
  --sans: "Manrope", system-ui, sans-serif;
  --serif: "Newsreader", Georgia, serif;

  /* Spacing */
  --nav-h: 52px;
  --gap: 1px;
}

/* ── 2. RESET ───────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--ink);
  color: var(--text);
  font-family: var(--serif);
  font-size: 1rem;
  line-height: 1.65;
  min-height: 100vh;
}

.site-nav,
#main-content,
.site-footer {
  width: min(100%, var(--page-max));
  margin-inline: auto;
  border-inline: 1px solid var(--line);
}

@media (min-width: 1681px) {
  body { padding-inline: 1.25rem; }
}

a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: none; background: none; }
ul, ol { list-style: none; }

/* ── 3. TYPOGRAPHY SCALE ────────────────────────────────────── */
.t-display {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 400;
  line-height: 1.08;
  color: var(--bright);
  letter-spacing: -0.01em;
}

.t-heading {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-weight: 400;
  line-height: 1.2;
  color: var(--bright);
}

.t-label {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}

.t-label--amber { color: var(--amber); }
.t-label--teal  { color: var(--teal); }
.t-label--coral { color: var(--coral); }
.t-label--green { color: var(--green); }
.t-label--gold  { color: var(--gold); }

.t-body {
  font-family: var(--serif);
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text);
}

.t-mono {
  font-family: var(--mono);
  font-size: 0.8rem;
  color: var(--muted);
}

/* ── 4. NAV ─────────────────────────────────────────────────── */
.site-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--nav-h);
  background: var(--ink);
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 2rem;
}

.site-nav__logo {
  font-family: var(--mono);
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--bright);
  transition: color 0.2s;
}
.site-nav__logo:hover { color: var(--amber); }

.site-nav__links {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}

.site-nav__link {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.site-nav__link:hover,
.site-nav__link.active {
  color: var(--bright);
  border-bottom-color: var(--amber);
}

.site-nav__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.site-nav__search {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: color 0.2s;
}
.site-nav__search:hover { color: var(--bright); }
.site-nav__search svg { width: 14px; height: 14px; stroke: currentColor; fill: none; }

/* ── 5. FOOTER ──────────────────────────────────────────────── */
.site-footer {
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 2rem;
  padding: 2rem;
  align-items: center;
}

.site-footer__tagline {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  line-height: 1.8;
}

.site-footer__center {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.site-footer__patent {
  width: 120px;
  opacity: 0.35;
}

.site-footer__brand {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--faint);
  text-align: center;
  line-height: 1.8;
}

.site-footer__meta {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  color: var(--faint);
  text-align: right;
  line-height: 1.9;
}

.site-footer__bottom {
  grid-column: 1 / -1;
  border-top: 1px solid var(--line);
  padding-top: 1rem;
  display: flex;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  color: var(--faint);
}

/* ── 6. TYPE BADGES ─────────────────────────────────────────── */
.badge {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 2px 7px;
  border: 1px solid currentColor;
  border-radius: 2px;
  display: inline-block;
}
.badge--explainer { color: var(--format-explainer); }
.badge--framework { color: var(--format-framework); }
.badge--artifact { color: var(--format-artifact); }
.badge--case-study { color: var(--format-case-study); }

/* ── 7. TOPIC TAGS ──────────────────────────────────────────── */
.tag {
  font-family: var(--mono);
  font-size: 0.58rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--panel2);
  border: 1px solid var(--line);
  padding: 2px 8px;
  border-radius: 2px;
  display: inline-block;
  transition: color 0.2s, border-color 0.2s;
}
.tag:hover {
  color: var(--bright);
  border-color: var(--line2);
}

.tags { display: flex; flex-wrap: wrap; gap: 5px; }

/* ── 8. CARDS — BASE ────────────────────────────────────────── */
.card {
  background: var(--panel);
  border: 1px solid var(--line);
  padding: 1.5rem;
  position: relative;
  transition: border-color 0.2s;
}
.card:hover { border-color: var(--line2); }

.card__type   { margin-bottom: 0.75rem; }
.card__title  {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.25rem;
  font-weight: 400;
  color: var(--bright);
  line-height: 1.25;
  margin-bottom: 0.6rem;
}
.card__abstract {
  font-size: 0.85rem;
  color: var(--muted);
  line-height: 1.65;
  margin-bottom: 1rem;
}
.card__meta {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  color: var(--faint);
  margin-bottom: 0.75rem;
}
.card__tags   { margin-bottom: 1rem; }
.card__read   {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  color: var(--muted);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  transition: color 0.2s;
}
.card:hover .card__read { color: var(--bright); }
.card__read::after { content: "→"; }

/* ── 9. CARD — FEATURED ESSAY ───────────────────────────────── */
.card--featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  padding: 0;
}
.card--featured .card__body { padding: 1.5rem; }
.card--featured .card__title { font-size: 1.6rem; }
.card--featured .card__diagram {
  border-left: 1px solid var(--line);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── 10. CARD — PROMPT (parchment) ─────────────────────────── */
.card--prompt {
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 27px,
      rgba(200,180,100,0.04) 27px,
      rgba(200,180,100,0.04) 28px
    ),
    linear-gradient(160deg, #1d1a0d 0%, #221e10 60%, #1a1709 100%);
  border-color: #3a3220;
}
.card--prompt .card__title { font-style: normal; font-family: var(--mono); font-size: 0.9rem; color: var(--paper-text); letter-spacing: 0.02em; }
.card--prompt .card__abstract { color: #8a7e60; }

/* Prompt code block */
.prompt-block {
  background: rgba(0,0,0,0.35);
  border: 1px solid #3a3220;
  border-radius: 2px;
  padding: 1rem;
  font-family: var(--mono);
  font-size: 0.75rem;
  color: var(--paper-text);
  line-height: 1.7;
  margin-bottom: 1rem;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Copy button */
.copy-btn {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--teal);
  border: 1px solid var(--teal);
  padding: 4px 10px;
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.copy-btn:hover { background: var(--teal); color: var(--ink); }
.copy-btn.copied { color: var(--green); border-color: var(--green); }

/* ── 11. CARD — TRADING ─────────────────────────────────────── */
.card--trading .card__chart {
  margin: 1rem 0;
  border: 1px solid var(--line);
  overflow: hidden;
  border-radius: 2px;
}

/* ── 12. PATENT FIGURE STYLE ────────────────────────────────── */
.fig {
  border: 1px solid var(--line);
  padding: 1.5rem;
  position: relative;
  background: var(--panel);
  margin: 1.5rem 0;
}
.fig__label {
  position: absolute;
  top: -1px;
  left: 1.25rem;
  background: var(--panel);
  padding: 0 0.5rem;
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.fig svg { width: 100%; }

/* ── 13. QUOTE BLOCK ────────────────────────────────────────── */
.quote-block {
  border: 1px solid var(--line);
  padding: 1.5rem;
  position: relative;
}
.quote-block__mark {
  font-family: var(--serif);
  font-size: 3rem;
  color: var(--amber);
  line-height: 0.5;
  margin-bottom: 0.75rem;
  display: block;
  opacity: 0.8;
}
.quote-block__text {
  font-family: var(--mono);
  font-size: 0.75rem;
  color: var(--text);
  line-height: 1.7;
  margin-bottom: 0.75rem;
}
.quote-block__attr {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  color: var(--muted);
}

/* ── 14. SYSTEM STATUS BLOCK ────────────────────────────────── */
.status-block {
  border: 1px solid var(--line);
  padding: 1.25rem;
}
.status-block__label {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--line);
}
.status-block__line {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--text);
  line-height: 2;
  display: flex;
  gap: 0.5rem;
}
.status-block__line span { color: var(--muted); min-width: 60px; }

/* ── 15. STICKY NOTE ────────────────────────────────────────── */
.sticky-note {
  background: linear-gradient(160deg, #1f1b0d 0%, #2a2412 100%);
  border: 1px solid #3a3220;
  padding: 1.25rem;
  position: relative;
}
.sticky-note::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 1.25rem;
  width: 10px;
  height: 16px;
  background: #888;
  border-radius: 1px;
  opacity: 0.5;
}
.sticky-note__label {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a7e50;
  margin-bottom: 0.6rem;
}
.sticky-note__text {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.85rem;
  color: #c8b07a;
  line-height: 1.65;
  margin-bottom: 0.75rem;
}
.sticky-note__sig {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.1rem;
  color: #8a7e50;
}

/* ── 16. KNOWLEDGE MAP CONTAINER ────────────────────────────── */
.map-container {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-container svg {
  width: 100%;
  max-width: 420px;
}

/* ── 17. HOMEPAGE LAYOUT ────────────────────────────────────── */
.home-hero {
  display: grid;
  grid-template-columns: 1fr 1fr 280px;
  border-bottom: 1px solid var(--line);
  min-height: calc(100vh - var(--nav-h));
}

.home-hero__left {
  padding: 3rem 2rem;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home-hero__eyebrow {
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 1.25rem;
}
.home-hero__eyebrow em { font-style: italic; color: var(--bright); }

.home-hero__headline { margin-bottom: 1.25rem; }

.home-hero__sub {
  font-size: 0.85rem;
  color: var(--muted);
  line-height: 1.7;
  max-width: 38ch;
}

.home-hero__stats {
  border-top: 1px solid var(--line);
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 2rem;
  align-items: start;
}
.home-hero__stat-num {
  font-family: var(--serif);
  font-size: 1.75rem;
  color: var(--bright);
  font-weight: 400;
  display: block;
  line-height: 1;
  margin-bottom: 0.3rem;
}
.home-hero__stat-label {
  font-family: var(--mono);
  font-size: 0.58rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
}
.home-hero__stat-sub {
  font-family: var(--mono);
  font-size: 0.58rem;
  color: var(--faint);
}

.home-hero__map {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  border-right: 1px solid var(--line);
  position: relative;
}

.home-hero__right {
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.home-hero__right > * + * { border-top: 1px solid var(--line); padding-top: 1.25rem; margin-top: 1.25rem; }

/* ── 18. EXHIBITION WALL ────────────────────────────────────── */
.exhibition {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
}
.exhibition > * {
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.exhibition > *:last-child,
.exhibition > *:nth-last-child(2),
.exhibition > *:nth-last-child(3),
.exhibition > *:nth-last-child(4) { border-bottom: none; }
.exhibition > *:nth-child(4n) { border-right: none; }

.exhibition__featured {
  grid-column: span 2;
}

.exhibition__recent {
  grid-column: span 1;
  grid-row: span 2;
  padding: 1.5rem;
}
.exhibition__recent-label {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--line);
}
.exhibition__recent-item {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  gap: 0.5rem 0.75rem;
  align-items: start;
  padding: 0.65rem 0;
  border-bottom: 1px solid var(--line);
  transition: opacity 0.2s;
  cursor: pointer;
}
.exhibition__recent-item:last-child { border-bottom: none; }
.exhibition__recent-item:hover { opacity: 0.7; }
.exhibition__recent-icon { color: var(--muted); font-size: 0.8rem; margin-top: 2px; }
.exhibition__recent-title { font-size: 0.8rem; color: var(--text); line-height: 1.4; }
.exhibition__recent-date { font-family: var(--mono); font-size: 0.58rem; color: var(--faint); white-space: nowrap; }

/* ── 19. INDEX PAGE ─────────────────────────────────────────── */
.index-page {
  display: grid;
  grid-template-columns: 1fr 260px;
  border-right: 1px solid var(--line);
  min-height: 100vh;
}

.index-page__main { border-right: 1px solid var(--line); }

.index-page__hero {
  padding: 2.5rem 2.5rem 1.5rem;
  border-bottom: 1px solid var(--line);
}
.index-page__headline {
  font-family: var(--serif);
  font-size: clamp(4rem, 10vw, 7rem);
  font-weight: 400;
  color: var(--bright);
  line-height: 0.9;
  letter-spacing: -0.02em;
  margin-bottom: 0.75rem;
}
.index-page__sub {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1rem;
  color: var(--muted);
}

.index-filters {
  padding: 1rem 2.5rem;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.index-filters__label {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.filter-btn {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--line);
  padding: 4px 10px;
  border-radius: 2px;
  cursor: pointer;
  background: none;
  transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.filter-btn:hover,
.filter-btn.active {
  color: var(--bright);
  border-color: var(--amber);
  background: rgba(200,148,90,0.06);
}
.filter-btn--active { color: var(--bright); border-color: var(--amber); }

.index-filters__search {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--line);
  padding: 4px 10px;
  background: var(--panel);
}
.index-filters__search input {
  background: none;
  border: none;
  font-family: var(--mono);
  font-size: 0.65rem;
  color: var(--text);
  outline: none;
  width: 140px;
}
.index-filters__search input::placeholder { color: var(--faint); }
.index-filters__sort {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  color: var(--muted);
}

/* Index list */
.index-list { }
.index-list__header {
  display: grid;
  grid-template-columns: 100px 60px 1fr 200px 60px 70px;
  gap: 1rem;
  padding: 0.6rem 2.5rem;
  border-bottom: 1px solid var(--line);
  font-family: var(--mono);
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--faint);
}
.index-entry {
  display: grid;
  grid-template-columns: 100px 60px 1fr 200px 60px 70px;
  gap: 1rem;
  padding: 1.1rem 2.5rem;
  border-bottom: 1px solid var(--line);
  align-items: start;
  cursor: pointer;
  transition: background 0.15s;
}
.index-entry:hover { background: var(--panel); }
.index-entry__date {
  font-family: var(--mono);
  font-size: 0.62rem;
  color: var(--muted);
  line-height: 1.6;
}
.index-entry__type { padding-top: 2px; }
.index-entry__content {}
.index-entry__title {
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.1rem;
  color: var(--bright);
  line-height: 1.25;
  margin-bottom: 0.3rem;
}
.index-entry__abstract {
  font-size: 0.8rem;
  color: var(--muted);
  line-height: 1.55;
}
.index-entry__thumb {
  border: 1px solid var(--line);
  overflow: hidden;
  background: var(--panel2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}
.index-entry__thumb svg { width: 90%; opacity: 0.7; }
.index-entry__read {
  font-family: var(--mono);
  font-size: 0.6rem;
  color: var(--faint);
  white-space: nowrap;
}
.index-entry__arrow {
  font-family: var(--mono);
  font-size: 0.65rem;
  color: var(--muted);
  text-align: right;
  padding-top: 2px;
  transition: color 0.2s;
}
.index-entry:hover .index-entry__arrow { color: var(--amber); }

/* Index sidebar */
.index-sidebar { padding: 1.5rem; }
.sidebar-section { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.sidebar-section:last-child { border-bottom: none; }
.sidebar-section__label {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.75rem;
}
.sidebar-topic {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  transition: color 0.2s;
}
.sidebar-topic:last-child { border-bottom: none; }
.sidebar-topic:hover { color: var(--bright); }
.sidebar-topic__name { font-family: var(--mono); font-size: 0.7rem; color: var(--text); }
.sidebar-topic__count { font-family: var(--mono); font-size: 0.65rem; color: var(--faint); }
.sidebar-stat { display: flex; justify-content: space-between; padding: 0.3rem 0; }
.sidebar-stat__key { font-family: var(--mono); font-size: 0.65rem; color: var(--muted); }
.sidebar-stat__val { font-family: var(--mono); font-size: 0.65rem; color: var(--text); }

/* ── 20. ENTRY PAGE ─────────────────────────────────────────── */
.entry-page {
  display: grid;
  grid-template-columns: 200px 1fr 280px;
  min-height: 100vh;
}

.entry-sidebar-left {
  border-right: 1px solid var(--line);
  padding: 2rem 1.5rem;
  position: sticky;
  top: var(--nav-h);
  height: calc(100vh - var(--nav-h));
  overflow-y: auto;
}
.entry-sidebar-section { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.entry-sidebar-section:last-child { border-bottom: none; }
.entry-sidebar-section__label {
  font-family: var(--mono);
  font-size: 0.58rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 0.6rem;
}
.entry-sidebar-section__val {
  font-family: var(--mono);
  font-size: 0.7rem;
  color: var(--muted);
}
.related-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  transition: color 0.2s;
}
.related-item:last-child { border-bottom: none; }
.related-item:hover .related-item__title { color: var(--bright); }
.related-item__title { font-size: 0.75rem; color: var(--text); line-height: 1.4; }
.related-item__date { font-family: var(--mono); font-size: 0.58rem; color: var(--faint); margin-top: 2px; }
.share-links { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.share-link { font-family: var(--mono); font-size: 0.62rem; color: var(--muted); transition: color 0.2s; }
.share-link:hover { color: var(--bright); }

.entry-main {
  padding: 3rem 3.5rem;
  max-width: 720px;
  width: 100%;
}
.entry-main__type-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.entry-main__meta {
  font-family: var(--mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  color: var(--faint);
}
.entry-main__title {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 400;
  color: var(--bright);
  line-height: 1.1;
  margin-bottom: 0.75rem;
  letter-spacing: -0.01em;
}
.entry-main__abstract {
  font-size: 0.95rem;
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--line);
}
.entry-main__meta-bar {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  font-family: var(--mono);
  font-size: 0.62rem;
  color: var(--faint);
  letter-spacing: 0.08em;
}
.entry-main__meta-bar span { color: var(--muted); }

/* Entry body content */
.entry-body h2 {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--amber);
  margin: 2.5rem 0 0.75rem;
}
.entry-body p { margin-bottom: 1.25rem; font-size: 0.9rem; line-height: 1.8; color: var(--text); }
.entry-body ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.entry-body ol li { font-family: var(--mono); font-size: 0.78rem; color: var(--muted); line-height: 1.8; padding-left: 0.5rem; }
.entry-body ol li::marker { color: var(--faint); }
.entry-body code {
  font-family: var(--mono);
  font-size: 0.8em;
  background: var(--panel2);
  border: 1px solid var(--line);
  padding: 1px 5px;
  border-radius: 2px;
  color: var(--teal);
}
.entry-body pre {
  background: var(--panel2);
  border: 1px solid var(--line);
  padding: 1.25rem;
  overflow-x: auto;
  margin: 1.25rem 0;
  border-radius: 2px;
}
.entry-body pre code { background: none; border: none; padding: 0; font-size: 0.8rem; color: var(--text); }

/* Checklist (verification invariants style) */
.checklist { margin: 1rem 0; }
.checklist li {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--teal);
  padding: 0.3rem 0;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checklist li::before { content: "✓"; color: var(--teal); }

/* FAQ accordion */
.faq { margin: 2.5rem 0; }
.faq__label {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 1rem;
}
.faq-item {
  border-top: 1px solid var(--line);
}
.faq-item:last-child { border-bottom: 1px solid var(--line); }
.faq-item__q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 0;
  cursor: pointer;
  font-size: 0.85rem;
  color: var(--text);
  transition: color 0.2s;
}
.faq-item__q:hover { color: var(--bright); }
.faq-item__toggle { font-family: var(--mono); font-size: 1rem; color: var(--muted); transition: transform 0.2s; }
.faq-item[open] .faq-item__toggle { transform: rotate(45deg); }
.faq-item__a {
  display: none;
  padding: 0 0 1rem;
  font-size: 0.85rem;
  color: var(--muted);
  line-height: 1.7;
}
.faq-item[open] .faq-item__a { display: block; }

/* Related work grid */
.related-work { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.related-work__label {
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: 1rem;
}
.related-work__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  border: 1px solid var(--line);
}
.related-work__item {
  padding: 1rem;
  background: var(--panel);
  border-right: 1px solid var(--line);
  cursor: pointer;
  transition: background 0.15s;
}
.related-work__item:last-child { border-right: none; }
.related-work__item:hover { background: var(--panel2); }
.related-work__item-type { margin-bottom: 0.4rem; }
.related-work__item-title { font-size: 0.85rem; color: var(--bright); line-height: 1.4; margin-bottom: 0.4rem; }
.related-work__item-date { font-family: var(--mono); font-size: 0.6rem; color: var(--faint); }

/* Entry sidebar right */
.entry-sidebar-right {
  border-left: 1px solid var(--line);
  padding: 2rem 1.5rem;
  position: sticky;
  top: var(--nav-h);
  height: calc(100vh - var(--nav-h));
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Patent panel (aged paper) */
.patent-panel {
  background: linear-gradient(160deg, #1f1b0d 0%, #2a2310 100%);
  border: 1px solid #3a3220;
  padding: 1.25rem;
}
.patent-panel__num {
  font-family: var(--mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  color: #8a7e50;
  margin-bottom: 0.5rem;
}
.patent-panel__fig {
  opacity: 0.6;
  margin-bottom: 0.75rem;
}
.patent-panel__caption {
  font-family: var(--serif);
  font-style: italic;
  font-size: 0.78rem;
  color: #a09060;
  line-height: 1.55;
}

/* ── 21. INFO / CALLOUT BLOCKS ──────────────────────────────── */
.callout {
  border: 1px solid var(--line);
  border-left: 3px solid var(--amber);
  padding: 1rem 1.25rem;
  margin: 1.5rem 0;
  background: var(--panel);
}
.callout--tip    { border-left-color: var(--teal); }
.callout--warn   { border-left-color: var(--coral); }
.callout--note   { border-left-color: var(--gold); }
.callout__label  { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); margin-bottom: 0.5rem; }
.callout--tip .callout__label  { color: var(--teal); }
.callout--warn .callout__label { color: var(--coral); }
.callout--note .callout__label { color: var(--gold); }
.callout__body { font-size: 0.85rem; color: var(--text); line-height: 1.65; }

/* ── 22. UTILITIES ──────────────────────────────────────────── */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.divider { border: none; border-top: 1px solid var(--line); }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.25rem; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }

/* ── 23. RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 1024px) {
  .home-hero { grid-template-columns: 1fr 1fr; }
  .home-hero__right { display: none; }
  .entry-page { grid-template-columns: 160px 1fr; }
  .entry-sidebar-right { display: none; }
  .index-page { grid-template-columns: 1fr; }
  .index-sidebar { display: none; }
}

@media (max-width: 768px) {
  .home-hero { grid-template-columns: 1fr; min-height: auto; }
  .home-hero__map { display: none; }
  .home-hero__stats { grid-template-columns: repeat(3, auto); }
  .exhibition { grid-template-columns: 1fr; }
  .exhibition__featured { grid-column: span 1; }
  .entry-page { grid-template-columns: 1fr; }
  .entry-sidebar-left { display: none; }
  .entry-main { padding: 2rem 1.5rem; }
  .index-list__header { display: none; }
  .index-entry { grid-template-columns: 60px 1fr; gap: 0.75rem; padding: 1rem 1.5rem; }
  .index-entry__thumb, .index-entry__read, .index-entry__arrow { display: none; }
  .site-nav { grid-template-columns: auto 1fr auto; }
  .site-nav__links { gap: 1.25rem; justify-content: center; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer__center { display: none; }
}

/* ============================================================
   24. SELECTED ART DIRECTION
   Cool near-black publication system matching the approved
   homepage, editorial index, and visual entry references.
   ============================================================ */
body {
  background:
    radial-gradient(circle at 50% -10%, rgba(118, 212, 208, 0.055), transparent 32rem),
    var(--ink);
  font-family: var(--sans);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .23;
  background-image:
    linear-gradient(rgba(118, 212, 208, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(118, 212, 208, .025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
}

.site-nav {
  background: rgba(8, 12, 14, .9);
  backdrop-filter: blur(16px);
  padding-inline: clamp(1.25rem, 3vw, 3rem);
}

.site-nav__logo { letter-spacing: .28em; }
.site-nav__link.active { border-bottom-color: var(--gold); }

.home-hero {
  grid-template-columns: minmax(390px, .95fr) minmax(460px, 1.25fr) minmax(250px, .62fr);
  min-height: min(590px, calc(100vh - var(--nav-h)));
}

.home-hero__left { padding: clamp(2rem, 3.2vw, 3.6rem); }
.home-hero__headline {
  font-size: clamp(2.4rem, 3.25vw, 4rem);
  line-height: 1.03;
  max-width: 18ch;
  text-wrap: balance;
}
.home-hero__eyebrow { color: var(--gold); }
.home-hero__sub { font-family: var(--mono); font-size: .7rem; max-width: 56ch; }
.home-hero__stats { grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.home-hero__stats > div:last-child { grid-column: 1 / -1; margin-top: .5rem; }
.home-hero__stat-num { font-family: var(--mono); font-size: 1.2rem; }

.home-hero__map {
  background: radial-gradient(circle, rgba(118, 212, 208, .06), transparent 55%);
}
.home-hero__map svg { filter: saturate(1.25) brightness(1.08); max-width: 620px; overflow: visible; }
.home-hero__map .map-line { stroke-width: .9; }
.home-hero__map .map-node circle { transform-box: fill-box; transform-origin: center; }
.home-hero__map .map-cluster > text {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 500;
}
.home-hero__map .map-caption {
  fill: var(--muted);
  font-size: 6px;
  letter-spacing: .04em;
  font-weight: 400;
}
.home-hero__map .map-core text {
  fill: var(--bright);
  font-family: var(--serif);
  font-size: 25px;
  font-style: italic;
  text-anchor: middle;
}
.home-hero__map .map-core--wordmark text {
  font-family:var(--mono);
  font-size:10px;
  font-style:normal;
  font-weight:500;
  letter-spacing:.04em;
}

.home-hero__right { padding: 2.5rem 1.5rem; justify-content: center; }
.home-hero__right .sticky-note { display: none; }
.quote-block, .status-block { background: rgba(13, 20, 23, .72); }
.sticky-note {
  background:
    repeating-linear-gradient(0deg, transparent 0 25px, rgba(40,37,31,.08) 26px),
    var(--paper-bg);
  color: var(--paper-text);
  transform: rotate(-1deg);
}
.sticky-note__label, .sticky-note__text, .sticky-note__sig { color: var(--paper-text); }

.exhibition {
  grid-template-columns: 1.35fr 1fr 1fr 1fr;
  padding: clamp(1rem, 2vw, 2rem);
  gap: 10px;
  background: rgba(8, 12, 14, .7);
}
.exhibition > * {
  border: 1px solid var(--line) !important;
  min-height: 225px;
  overflow: hidden;
}
.exhibition__featured { grid-column: span 2; }
.exhibition__recent { grid-row: span 2; }
.card {
  background: linear-gradient(145deg, rgba(17,27,30,.84), rgba(8,12,14,.96));
  padding: 1.35rem;
  box-shadow:
    4px 4px 0 rgba(33, 49, 54, .78),
    inset 1px 1px 0 rgba(237, 242, 237, .055),
    inset -1px -1px 0 rgba(0, 0, 0, .5);
  transform: translate(-2px, -2px);
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.card:hover {
  border-color: var(--cyan) !important;
  box-shadow:
    7px 7px 0 rgba(33, 49, 54, .9),
    inset 1px 1px 0 rgba(237, 242, 237, .09),
    0 12px 30px rgba(0, 0, 0, .18);
  transform: translate(-5px, -5px);
}
.card--prompt {
  background:
    repeating-linear-gradient(0deg, transparent, transparent 27px, rgba(40,37,31,.08) 27px, rgba(40,37,31,.08) 28px),
    var(--paper-bg);
  border-color: #8e826c !important;
  box-shadow:
    4px 4px 0 rgba(85, 76, 61, .8),
    inset 1px 1px 0 rgba(255, 255, 255, .35),
    inset -1px -1px 0 rgba(40, 37, 31, .28);
}
.card--prompt .card__title, .card--prompt .card__abstract, .card--prompt .prompt-block { color: var(--paper-text); }
.card--prompt .prompt-block { background: rgba(255,255,255,.22); border-color: rgba(40,37,31,.25); }
.card__title, .index-entry__title, .related-work__item-title { font-family: var(--serif); }
.card__diagram { background: radial-gradient(circle, rgba(118,212,208,.05), transparent 70%); }

.domain-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
  border-top: 1px solid var(--line);
}
.domain-block {
  border-right: 1px solid var(--line);
  padding: 1.75rem;
  display: block;
  transition: background .2s, transform .2s;
}
.domain-block:last-child { border-right: 0; }
.domain-block:hover { background: var(--panel); transform: translateY(-3px); }

.index-page { grid-template-columns: minmax(0, 1fr) 280px; }
.index-page__hero { padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 4vw, 4rem) 2rem; }
.index-page__headline {
  font-size: clamp(4rem, 9vw, 9rem);
  line-height: .78;
  letter-spacing: -.045em;
  font-family: var(--serif);
  color: var(--bright);
}
.index-page__sub { font-family: var(--serif); color: var(--text); margin-top: 1.25rem; }
.index-filters, .index-list__header, .index-entry { padding-inline: clamp(1.25rem, 3vw, 3rem); }
.index-entry {
  grid-template-columns: 100px 72px minmax(280px, 1fr) 190px 70px 22px;
  padding-block: 1.3rem;
}
.index-entry:hover {
  box-shadow: inset 3px 0 0 var(--cyan), inset 0 1px 0 rgba(237,242,237,.035);
}
.index-entry__title { font-size: 1.35rem; font-style: normal; }
.index-entry__thumb { height: 82px; background: var(--ink); }
.index-sidebar { background: rgba(13,20,23,.55); }
.sidebar-map { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.sidebar-map svg { width: 100%; padding: .75rem; }

.entry-page { grid-template-columns: 210px minmax(0, 1fr) 290px; }
.entry-main { max-width: 960px; padding: 2.5rem clamp(2rem, 4vw, 4rem); }
.entry-main__title {
  font-size: clamp(3rem, 5vw, 5.5rem);
  line-height: .94;
  max-width: 16ch;
  margin-bottom: 1rem;
}
.entry-main__abstract { max-width: 65ch; font-family: var(--mono); font-size: .72rem; }
.entry-hero-figure {
  border: 1px solid var(--line2);
  margin: 1.5rem 0 2.5rem;
  padding: 1rem;
  background: radial-gradient(circle at 50% 35%, rgba(118,212,208,.055), transparent 60%);
  box-shadow:
    5px 5px 0 rgba(33,49,54,.7),
    inset 1px 1px 0 rgba(237,242,237,.05);
}
.entry-hero-figure figcaption {
  display: flex;
  gap: 1rem;
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .08em;
  color: var(--muted);
  text-transform: uppercase;
}
.entry-hero-figure figcaption span { color: var(--cyan); }
.entry-hero-figure svg { width: 100%; margin-top: .75rem; }
.entry-flow-lines { stroke-width: 1; }
.entry-flow-nodes rect { fill: var(--panel); stroke: var(--gold); }
.entry-flow-nodes text {
  fill: var(--text);
  font-family: var(--mono);
  font-size: 10px;
  text-anchor: middle;
  letter-spacing: .08em;
}
.entry-body {
  column-gap: 2rem;
  font-family: var(--sans);
}
.entry-body h2 { color: var(--gold); }
.entry-body p { font-size: .92rem; max-width: 72ch; }
.entry-sidebar-left, .entry-sidebar-right { background: rgba(8,12,14,.55); }
.patent-panel { background: var(--paper-bg); border-color: #8e826c; transform: rotate(1deg); }
.patent-panel__num, .patent-panel__caption { color: var(--paper-text); }

.site-footer { background: var(--ink); }

.related-work__item,
.callout,
.quote-block,
.status-block {
  box-shadow:
    3px 3px 0 rgba(33,49,54,.55),
    inset 1px 1px 0 rgba(237,242,237,.035);
}

@media (max-width: 1200px) {
  .home-hero { grid-template-columns: 1fr 1fr; }
  .home-hero__right { display: none; }
  .entry-page { grid-template-columns: 180px minmax(0, 1fr); }
  .entry-sidebar-right { display: none; }
  .index-entry { grid-template-columns: 90px 60px minmax(240px,1fr) 140px 50px 20px; }
}

@media (max-width: 768px) {
  .site-nav, #main-content, .site-footer { border-inline: 0; }
  .home-hero__map { display: flex; min-height: 340px; border-top: 1px solid var(--line); }
  .home-hero__headline { font-size: clamp(2.6rem, 12vw, 4rem); }
  .exhibition, .domain-strip { grid-template-columns: 1fr; padding: .75rem; }
  .exhibition__featured { grid-column: auto; }
  .domain-block { border-right: 0; border-bottom: 1px solid var(--line); }
  .entry-main__title { font-size: clamp(2.7rem, 14vw, 4.5rem); }
  .entry-hero-figure { margin-inline: -1rem; overflow-x: auto; }
  .entry-hero-figure svg { min-width: 720px; }
  .card, .card:hover { transform: none; box-shadow: inset 1px 1px 0 rgba(237,242,237,.04); }
}

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

/* 25. PROPOSAL COMPOSITION CORRECTIONS */
.site-nav { height: 46px; }
.site-footer { padding-block: 1.2rem; }
.home-hero { grid-template-columns: minmax(420px,1.08fr) minmax(500px,1.28fr) minmax(245px,.58fr); min-height:590px; }
.home-hero__left { padding:2rem 1.75rem; }
.home-hero__headline { font-size:clamp(2.55rem,3vw,3.55rem); max-width:22ch; }
.home-hero__sub { margin-top:.6rem; }
.home-hero__stats { padding-top:1rem; }
.home-hero__map { padding:.65rem; }
.home-hero__map svg { max-width:570px; }
.home-hero__right { padding:1.35rem 1rem; justify-content:flex-start; }
.home-hero__right > * + * { margin-top:.8rem; padding-top:.8rem; }
.home-hero__right .status-block,.home-hero__right .quote-block { padding:1rem; }
.hero-mini-figure { margin-top:auto !important; border:1px solid var(--line); padding:.8rem; background:rgba(13,20,23,.65); }
.hero-mini-figure svg { width:100%; margin-top:.35rem; }
.exhibition { grid-template-columns:1.45fr 1.05fr .92fr .92fr; grid-auto-rows:minmax(190px,auto); padding:12px; gap:9px; }
.exhibition > * { min-height:190px; }
.exhibition__featured,.exhibition__recent { min-height:250px; }
.exhibition__recent { grid-row:auto; }
.card { padding:1.1rem; }
.card--featured .card__body,.card--featured .card__diagram { padding:1.15rem; }
.card__abstract { margin-bottom:.65rem; }
.domain-block { padding:1.2rem 1.5rem; }

.index-page { grid-template-columns:minmax(0,1fr) 260px; }
.index-page__hero { padding:1.7rem 2.5rem 1.35rem; }
.index-page__headline { font-size:clamp(4rem,7vw,7.4rem); line-height:.82; }
.index-page__sub { margin-top:.65rem; }
.index-filters { padding-block:.7rem; gap:.55rem; }
.index-entry { grid-template-columns:90px 60px minmax(280px,1fr) 180px 52px 18px; padding-block:.88rem; }
.index-entry__title { font-size:1.12rem; }
.index-entry__abstract { font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.index-entry__thumb { height:66px; }
.index-sidebar { padding:1.1rem; }
.sidebar-map { margin-bottom:1rem; padding-bottom:1rem; }
.sidebar-map svg { padding:0; max-height:180px; }
.sidebar-section { margin-bottom:1rem; padding-bottom:1rem; }
.sidebar-topic,.sidebar-stat { line-height:1.65; }
.index-note { margin:1rem 0 1.4rem; padding:1rem; }

.entry-page { grid-template-columns:190px minmax(0,1fr) 255px; }
.entry-main { max-width:none; padding:1.4rem 2.2rem 2rem; }
.entry-main__title { font-size:clamp(3rem,4.3vw,4.8rem); line-height:.9; max-width:18ch; margin-bottom:.7rem; }
.entry-main__abstract { max-width:76ch; }
.entry-main__meta-bar { margin:.8rem 0 1rem; }
.entry-hero-figure { margin:1rem 0 1.2rem; padding:.8rem; }
.entry-hero-figure svg { max-height:270px; }
.entry-sidebar-left,.entry-sidebar-right { padding:1.35rem 1rem; }
.entry-sidebar-section { margin-bottom:1rem; padding-bottom:1rem; }
.entry-insight-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:10px; margin:0 0 1.5rem; }
.entry-insight { border:1px solid var(--line); padding:1rem; background:rgba(13,20,23,.72); box-shadow:3px 3px 0 rgba(33,49,54,.55); }
.entry-insight__label { font:.58rem/1.4 var(--mono); letter-spacing:.12em; color:var(--cyan); margin-bottom:.8rem; }
.entry-insight p,.entry-insight li { font:.68rem/1.65 var(--mono); color:var(--muted); }
.entry-insight li::before { content:"✓"; color:var(--green); margin-right:.5rem; }
.entry-block-sequence { display:grid; grid-template-columns:repeat(6,1fr); gap:6px; margin-bottom:.8rem; }
.entry-block-sequence span { aspect-ratio:1.5; border:1px dashed var(--faint); }
.entry-block-sequence .is-active { background:rgba(118,212,208,.25); border:1px solid var(--cyan); }
.entry-block-sequence .is-skip { background:rgba(238,138,115,.16); border-color:var(--coral); }
.entry-continuity-loop {
  display:grid;
  grid-template-columns:repeat(9,auto);
  align-items:center;
  justify-content:start;
  gap:.45rem;
  margin-bottom:.85rem;
}
.entry-continuity-loop span {
  padding:.45rem .55rem;
  border:1px solid color-mix(in srgb,var(--cyan) 48%,var(--line));
  background:rgba(118,212,208,.08);
  color:var(--text);
  font:.56rem/1.2 var(--mono);
  letter-spacing:.08em;
}
.entry-continuity-loop i {
  color:var(--faint);
  font:normal .7rem/1 var(--mono);
}
.entry-paper-panel { background:var(--paper-bg); color:var(--paper-text); padding:1rem; transform:rotate(1deg); box-shadow:5px 5px 0 rgba(0,0,0,.28); margin-bottom:1.3rem; }
.entry-paper-panel__label { font:.58rem/1.4 var(--mono); letter-spacing:.1em; }
.entry-paper-panel svg { margin:.7rem 0; }
.entry-paper-panel p { font:.68rem/1.55 var(--mono); }
.entry-pullquote { border-block:1px solid var(--line); padding:1rem .25rem; margin-bottom:1.3rem; }
.entry-pullquote span { color:var(--coral); font:2.6rem/.5 var(--serif); }
.entry-pullquote p { color:var(--text); font:italic 1rem/1.5 var(--serif); }
.entry-body h2 { margin-top:1.4rem; }
.entry-body p { margin-bottom:.85rem; line-height:1.65; }
.faq { margin:1.5rem 0; }
.related-work { margin-top:1.7rem; }
@media (max-width:1200px) { .home-hero { min-height:auto; } }
@media (max-width:768px) { .home-hero { min-height:auto; } .entry-insight-grid { grid-template-columns:1fr; } }

/* 26. HOMEPAGE: LITERAL APPROVED PROPOSAL */
body.page-home {
  background:#030709;
}
.page-home .site-nav,.page-home #main-content,.page-home .site-footer { width:min(1880px, calc(100vw - 44px)); }
.page-home .site-footer { display:none; }
.page-home .site-nav { height:50px; padding-inline:2rem; }
.page-home .home-hero { grid-template-columns:42% 36% 22%; min-height:415px; border-bottom:1px solid var(--line); }
.page-home .home-hero__left { padding:2.1rem 2rem 1.55rem; border-right:1px solid rgba(33,49,54,.72); }
.page-home .home-hero__eyebrow { white-space:nowrap; font-size:.62rem; margin-bottom:1rem; }
.page-home .home-hero__headline { font-size:clamp(2.75rem,3.15vw,4.65rem); max-width:28ch; line-height:1.02; margin-bottom:1rem; }
.page-home .home-hero__sub { max-width:66ch; font-size:.67rem; line-height:1.5; }
.page-home .home-hero__stats { grid-template-columns:repeat(5,auto); gap:0; border-top:0; padding-top:1rem; }
.page-home .home-hero__stats > div { min-width:96px; padding-right:1.2rem; margin-right:1.2rem; border-right:1px solid var(--line); }
.page-home .home-hero__stats > div:last-child { grid-column:auto; border-right:0; margin:0; padding:0; }
.page-home .home-hero__stats > div:last-child .home-hero__stat-num { font-size:.62rem !important; }
.page-home .home-hero__stat-num { font-size:1rem; }
.page-home .home-hero__map { padding:.35rem .2rem; border-right:0; background:radial-gradient(circle at 50% 50%,rgba(118,212,208,.04),transparent 54%); }
.page-home .home-hero__map svg { max-width:530px; }
.page-home .home-hero__right { display:grid; grid-template-rows:auto auto 1fr; gap:0; padding:1.3rem; border:1px solid var(--line); align-self:center; margin-right:1rem; min-height:315px; }
.page-home .home-hero__right > * + * { margin:0; padding-top:1rem; border-top:1px solid var(--line); }
.page-home .home-hero__right .quote-block { order:1; border:0; box-shadow:none; padding:0 0 1rem; background:transparent; }
.page-home .home-hero__right .status-block { order:2; border:0; box-shadow:none; padding:1rem 0; background:transparent; }
.page-home .hero-mini-figure { order:3; border:0; margin:0 !important; padding:.8rem 0 0; background:transparent; }
.page-home .home-hero__right .sticky-note { display:none; }

.proposal-wall { display:grid; grid-template-columns:1.52fr .82fr .82fr .78fr; grid-template-areas:"restore restore paper trade" "project technical stack recent"; gap:12px; padding:14px 14px 10px; }
.proposal-card { border:1px solid var(--line); background:linear-gradient(145deg,rgba(13,20,23,.95),rgba(5,9,11,.96)); padding:1.25rem; min-height:0; box-shadow:2px 2px 0 rgba(33,49,54,.75),inset 1px 1px 0 rgba(237,242,237,.04); overflow:hidden; }
.proposal-card svg text,.proposal-card text { font-family:var(--mono); font-size:10px; fill:var(--muted); }
.proposal-card__kicker { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.8rem; font:.6rem/1.3 var(--mono); letter-spacing:.1em; color:var(--muted); }
.proposal-card__kicker span { color:var(--gold); }.proposal-card__kicker b { color:var(--coral); font-weight:400; }
.proposal-card h2 { font:italic 1.35rem/1.12 var(--serif); color:var(--bright); margin-bottom:.65rem; }
.proposal-card p { font:.75rem/1.55 var(--mono); color:var(--muted); }
.proposal-card a { font:.62rem/1 var(--mono); letter-spacing:.1em; color:var(--gold); }
.proposal-tags { display:flex; flex-wrap:wrap; gap:5px; margin:.85rem 0 1rem; }
.proposal-tags span { border:1px solid var(--line2); padding:2px 7px; font:.56rem/1.4 var(--mono); letter-spacing:.08em; color:var(--muted); }
.proposal-card--restore { grid-area:restore; display:grid; grid-template-columns:.88fr 1.12fr; gap:1rem; min-height:265px; }
.proposal-card--restore svg { align-self:center; }
.proposal-card--paper { grid-area:paper; background:repeating-linear-gradient(0deg,transparent 0 26px,rgba(40,37,31,.09) 27px),var(--paper-bg); color:var(--paper-text); min-height:265px; transform:rotate(-.25deg); }
.proposal-card--paper h2,.proposal-card--paper p,.proposal-card--paper .proposal-card__kicker,.proposal-card--paper .proposal-tags span,.proposal-card--paper a { color:var(--paper-text); }
.proposal-card--paper pre { border:1px solid rgba(40,37,31,.2); background:rgba(255,255,255,.18); padding:.65rem; margin:.75rem 0; color:var(--paper-text); font:.64rem/1.5 var(--mono); white-space:pre-wrap; }
.proposal-card--trading-guide { grid-area:trade; min-height:265px; }.proposal-card--trading-guide svg { margin:.6rem 0 .4rem; }
.proposal-card--case-study { grid-area:project; min-height:210px; }.proposal-card--technical { grid-area:technical; min-height:210px; }
.proposal-card--case-study svg,.proposal-card--technical svg { margin-top:.5rem; }
.proposal-stack { grid-area:stack; display:grid; gap:12px; }
.proposal-card--mini { display:grid; grid-template-columns:1fr 120px; gap:.75rem; padding:1rem; }.proposal-card--mini h2 { font-size:1rem; }
.proposal-card--recent { grid-area:recent; min-height:210px; }
.proposal-card--recent a { display:grid; grid-template-columns:18px 1fr auto; gap:.55rem; padding:.42rem 0; border-bottom:1px solid rgba(33,49,54,.65); color:var(--muted); letter-spacing:0; }
.proposal-card--recent time { color:var(--faint); }.proposal-card--recent .proposal-card__read { display:block; border:0; margin-top:.65rem; color:var(--cyan); }
.proposal-footer { display:grid; grid-template-columns:1.1fr 1.25fr 1fr 1fr 1fr 64px; align-items:center; gap:1rem; padding:1.2rem 1.75rem 1.4rem; border-top:1px solid var(--line); font:.62rem/1.7 var(--mono); letter-spacing:.08em; color:var(--muted); }
.proposal-footer svg { width:100%; max-height:64px; }
@media (max-width:1200px) {
  .proposal-wall { grid-template-columns:1fr 1fr; grid-template-areas:"restore restore" "paper trade" "project technical" "stack recent"; }
  .page-home .home-hero { grid-template-columns:1fr; }
  .page-home .home-hero__right { margin:1rem; }
}

/* 27. HOMEPAGE FINAL GEOMETRY AUDIT */
@media (min-width:1201px) {
  .page-home .site-nav,
  .page-home #main-content {
    width:95vw;
    max-width:none;
  }
  .page-home .home-hero {
    grid-template-columns:43% 37% 20%;
    height:340px;
    min-height:340px;
  }
  .page-home .home-hero__left {
    padding:1.35rem 1.55rem 1.15rem;
    justify-content:space-between;
  }
  .page-home .home-hero__eyebrow {
    margin-bottom:.7rem;
    font-size:.56rem;
  }
  .page-home .home-hero__headline {
    font-size:clamp(2.55rem,2.8vw,3.35rem);
    line-height:1;
    max-width:none;
    margin-bottom:.65rem;
  }
  .page-home .home-hero__sub { font-size:.6rem; line-height:1.45; }
  .page-home .home-hero__stats { padding-top:.65rem; }
  .page-home .home-hero__stats > div {
    min-width:0;
    flex:1;
    padding-right:.8rem;
    margin-right:.8rem;
  }
  .page-home .home-hero__stat-num { font-size:.88rem; }
  .page-home .home-hero__stat-label { font-size:.5rem; }
  .page-home .home-hero__updated {
    font-size:.55rem;
    line-height:1.25;
    white-space:nowrap;
  }
  .page-home .home-hero__map { height:340px; }
  .page-home .home-hero__map svg { width:100%; max-width:555px; max-height:340px; transform:scale(1.08) scaleX(1.18); overflow:visible; }
  .page-home .home-hero__map .map-cluster > text { font-size:14px; }
  .page-home .home-hero__map .map-caption { font-size:7px; letter-spacing:.02em; }
  .page-home .home-hero__right {
    height:325px;
    min-height:325px;
    margin:.9rem .9rem .9rem 0;
    padding:1rem;
    overflow:hidden;
  }
  .page-home .home-hero__right .quote-block__text { font-size:.65rem; line-height:1.55; }
  .page-home .home-hero__right .status-block__line { font-size:.62rem; line-height:1.75; }
  .page-home .hero-mini-figure { display:flex; align-items:flex-end; min-height:0; overflow:hidden; }
  .page-home .hero-mini-figure svg { max-height:70px; }
  .page-home .hero-mini-figure svg * { stroke:rgba(213,173,99,.48); }

  .proposal-wall {
    grid-template-columns:repeat(20,minmax(0,1fr));
    grid-template-rows:265px 225px;
    grid-template-areas:none;
    gap:10px;
    padding:12px 14px 10px;
  }
  .proposal-card { height:100%; padding:1rem; }
  .proposal-card svg { opacity:1; }
  .proposal-card svg g[stroke="var(--line2)"],
  .proposal-card svg g[stroke="var(--line2)"] path,
  .proposal-card svg g[stroke="var(--line2)"] rect,
  .proposal-card svg g[stroke="var(--line2)"] circle { stroke:#627174; }
  .proposal-card h2 { font-size:1.16rem; margin-bottom:.45rem; }
  .proposal-card p { font-size:.63rem; line-height:1.45; }
  .proposal-card__kicker { font-size:.52rem; margin-bottom:.5rem; }
  .proposal-tags { margin:.55rem 0 .65rem; }
  .proposal-tags span { font-size:.48rem; padding:1px 5px; }
  .proposal-card a { font-size:.53rem; }

  .proposal-card--restore { grid-column:1 / 11; grid-row:1; min-height:0; grid-template-columns:.76fr 1.24fr; }
  .proposal-card--restore svg { width:100%; height:220px; }
  .proposal-card--restore svg { transform:scale(1.12); transform-origin:center; }
  .proposal-card--paper { grid-column:11 / 15; grid-row:1; min-height:0; }
  .proposal-card--paper::after {
    content:"";
    position:absolute;
    top:-5px;
    right:18px;
    width:9px;
    height:28px;
    border:1px solid rgba(40,37,31,.55);
    border-radius:8px;
    transform:rotate(-7deg);
  }
  .proposal-card--paper { position:relative; }
  .proposal-card--paper pre { font-size:.52rem; line-height:1.35; padding:.45rem; margin:.45rem 0; }
  .proposal-card--trading-guide { grid-column:15 / 21; grid-row:1; min-height:0; }
  .proposal-card--trading-guide svg { width:100%; height:125px; margin:.3rem 0; }
  .proposal-card--case-study { grid-column:1 / 7; grid-row:2; min-height:0; }
  .proposal-card--technical { grid-column:7 / 13; grid-row:2; min-height:0; }
  .proposal-stack { grid-column:13 / 17; grid-row:2; gap:10px; min-height:0; }
  .proposal-card--mini { min-height:0; grid-template-columns:1fr 90px; padding:.75rem; }
  .proposal-card--mini h2 { font-size:.82rem; }
  .proposal-card--recent { grid-column:17 / 21; grid-row:2; min-height:0; padding:.8rem; }
  .proposal-card--recent a { font-size:.48rem; padding:.28rem 0; }
  .proposal-card--case-study,
  .proposal-card--technical { position:relative; padding-right:48%; }
  .proposal-card--case-study svg {
    position:absolute;
    right:.35rem;
    top:2.75rem;
    width:59%;
    height:162px;
  }
  .proposal-card--technical svg {
    position:absolute;
    right:.25rem;
    top:2.7rem;
    width:60%;
    height:164px;
  }
  .proposal-card--case-study .proposal-tags,
  .proposal-card--technical .proposal-tags { margin:.25rem 0 .35rem; }

  .proposal-footer {
    height:88px;
    padding:.65rem 1.4rem;
    font-size:.52rem;
  }
}

/* 28. INDEX: EDITORIAL ARCHIVE PROPOSAL ALIGNMENT */
body.page-index {
  background:#030709;
}

.page-index .site-nav,
.page-index #main-content,
.page-index .site-footer {
  width:min(1320px, calc(100vw - 48px));
}

.page-index .index-page {
  display:grid;
  grid-template-columns:minmax(0,1fr) 224px;
  min-height:100vh;
  border-right:1px solid var(--line);
}

.page-index .index-page__main {
  min-width:0;
  border-right:1px solid var(--line);
}

.page-index .index-page__hero {
  display:block;
  padding:1.25rem 1.8rem .9rem;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 35%,rgba(118,198,191,.055),transparent 34%),
    linear-gradient(135deg,rgba(10,20,22,.75),rgba(3,7,9,.92));
}

.page-index .index-page__eyebrow {
  margin-bottom:.25rem;
  color:var(--cyan);
  font:.48rem/1.35 var(--mono);
  letter-spacing:.16em;
}

.page-index .index-page__headline {
  margin:0 0 .18rem;
  font:400 clamp(3.7rem,5.4vw,5.4rem)/.82 var(--serif);
  letter-spacing:-.04em;
  color:var(--bright);
}

.page-index .index-page__sub {
  max-width:68ch;
  margin:0;
  color:var(--muted);
  font:italic .72rem/1.45 var(--serif);
}

.page-index .index-control-panel {
  position:sticky;
  top:var(--nav-h);
  z-index:20;
  background:rgba(3,7,9,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}

.page-index .index-toolbar,
.page-index .index-topic-bar {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem;
  padding:.48rem 1.8rem;
}

.page-index .index-topic-bar {
  border-top:1px solid rgba(36,50,53,.65);
}

.page-index .index-filters__label {
  margin-right:.35rem;
  color:var(--faint);
  font-size:.5rem;
}

.page-index .filter-btn,
.page-index .tag {
  border:1px solid var(--line);
  border-radius:0;
  background:rgba(10,20,22,.45);
  color:var(--muted);
  transition:color .16s,border-color .16s,background .16s;
}

.page-index .filter-btn {
  padding:3px 8px;
  font-size:.52rem;
}

.page-index .tag {
  padding:2px 6px;
  font:.48rem/1.35 var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
}

.page-index .tag span { margin-left:3px; color:var(--faint); }
.page-index .filter-btn:hover,
.page-index .filter-btn.active,
.page-index .tag:hover,
.page-index .tag.active {
  color:var(--bright);
  border-color:var(--gold);
  background:rgba(213,173,99,.07);
}

.page-index .index-filters__search {
  min-width:170px;
  margin-left:auto;
  padding:4px 8px;
  background:rgba(10,20,22,.75);
}
.page-index .index-filters__search svg { width:12px; height:12px; fill:none; stroke:var(--muted); }
.page-index .index-filters__search input { width:100%; font-size:.54rem; }

.page-index .index-filters__sort,
.page-index .index-clear {
  color:var(--muted);
  font:.5rem/1.3 var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.page-index .index-filters__sort { display:flex; gap:.35rem; }
.page-index .index-filters__sort:hover,
.page-index .index-clear:hover { color:var(--gold); }
.page-index .index-clear { margin-left:auto; }

.page-index .index-list__header,
.page-index .index-entry {
  grid-template-columns:70px 46px minmax(240px,1fr) 118px 38px 14px;
  gap:.65rem;
  padding-inline:1.8rem;
}

.page-index .index-list__header {
  padding-block:.38rem;
  color:var(--faint);
  font-size:.43rem;
}

.page-index .index-list {
  display:flex;
  flex-direction:column;
}

.page-index .index-entry {
  display:grid;
  align-items:center;
  padding-block:.52rem;
  min-height:76px;
  border-bottom:1px solid var(--line);
  color:inherit;
  background:linear-gradient(90deg,transparent,rgba(10,20,22,.14));
  transition:background .16s,box-shadow .16s;
}

.page-index .index-entry:hover {
  background:rgba(10,20,22,.72);
  box-shadow:inset 2px 0 0 var(--cyan);
}

.page-index .index-entry__date,
.page-index .index-entry__read,
.page-index .index-entry__arrow {
  color:var(--faint);
  font:.44rem/1.4 var(--mono);
}

.page-index .index-entry__title {
  margin:0 0 .1rem;
  color:var(--bright);
  font:400 .82rem/1.16 var(--serif);
  font-style:normal;
}

.page-index .index-entry__abstract {
  overflow:hidden;
  color:var(--muted);
  font:.46rem/1.35 var(--mono);
  white-space:nowrap;
  text-overflow:ellipsis;
}

.page-index .index-entry__content .tags {
  display:flex;
  gap:4px;
  margin-top:.22rem;
}

.page-index .index-entry__content .tag {
  padding:1px 5px;
  font-size:.37rem;
  pointer-events:none;
}

.page-index .index-entry__thumb {
  height:48px;
  border:1px solid var(--line);
  background:radial-gradient(circle at center,rgba(118,198,191,.045),rgba(3,7,9,.75));
}
.page-index .index-entry__thumb svg { width:90%; max-height:44px; opacity:.82; }
.page-index .index-entry__thumb text { fill:var(--teal); font:6px var(--mono); }
.page-index .index-entry__thumb .thumb-grid { stroke:var(--line); }
.page-index .index-entry:hover .index-entry__arrow { color:var(--gold); }

.page-index .index-empty {
  order:999;
  padding:3rem 2rem;
  text-align:center;
  color:var(--muted);
  font:.68rem/1.6 var(--mono);
}
.page-index .index-empty .filter-btn { margin-top:1rem; }

.page-index .index-sidebar {
  position:static;
  height:auto;
  overflow:visible;
  padding:.85rem;
  background:linear-gradient(180deg,rgba(10,20,22,.68),rgba(3,7,9,.94));
}

.page-index .sidebar-map {
  margin:0 0 1rem;
  padding:0 0 .9rem;
  border-bottom:1px solid var(--line);
}
.page-index .sidebar-map svg { width:100%; max-height:128px; padding:.1rem; }
.page-index .sidebar-map__labels {
  fill:var(--muted);
  font:7px var(--mono);
}

.page-index .sidebar-section {
  margin-bottom:.8rem;
  padding-bottom:.8rem;
}
.page-index .sidebar-section__label {
  color:var(--faint);
  font-size:.5rem;
}

.page-index .sidebar-topic {
  width:100%;
  padding:.18rem 0;
  border-bottom:1px solid rgba(36,50,53,.65);
  text-align:left;
}
.page-index .sidebar-topic.active .sidebar-topic__name,
.page-index .sidebar-topic:hover .sidebar-topic__name { color:var(--gold); }
.page-index .sidebar-topic__name,
.page-index .sidebar-topic__count,
.page-index .sidebar-stat__key,
.page-index .sidebar-stat__val {
  font-size:.46rem;
}

.page-index .sidebar-format {
  display:grid;
  grid-template-columns:58px 1fr;
  align-items:center;
  gap:.5rem;
  padding:.22rem 0;
  color:var(--muted);
  font:.5rem/1.35 var(--mono);
}
.page-index .sidebar-format .badge { justify-self:start; font-size:.46rem; }

.page-index .index-note {
  margin:0 0 .8rem;
  padding:.7rem;
  color:var(--paper-text);
  background:
    repeating-linear-gradient(0deg,transparent 0 22px,rgba(40,37,31,.08) 23px),
    var(--paper-bg);
  box-shadow:3px 3px 0 rgba(0,0,0,.3);
  transform:rotate(-.5deg);
}
.page-index .index-note .sticky-note__label,
.page-index .index-note .sticky-note__text,
.page-index .index-note .sticky-note__sig { color:var(--paper-text); }
.page-index .index-note .sticky-note__text { font-size:.5rem; line-height:1.5; }

@media (max-width:1180px) {
  .page-index .site-nav,
  .page-index #main-content,
  .page-index .site-footer { width:100%; }
  .page-index .index-page { grid-template-columns:minmax(0,1fr) 220px; }
  .page-index .index-list__header,
  .page-index .index-entry { grid-template-columns:76px 50px minmax(220px,1fr) 120px 42px 16px; padding-inline:1.4rem; }
  .page-index .index-toolbar,
  .page-index .index-topic-bar { padding-inline:1.4rem; }
}

@media (max-width:960px) {
  .page-index .index-page { grid-template-columns:1fr; }
  .page-index .index-sidebar {
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem;
    height:auto;
    border-top:1px solid var(--line);
  }
  .page-index .index-sidebar > * { margin:0; }
  .page-index .index-control-panel { position:static; }
  .page-index .index-filters__search { order:10; width:100%; margin-left:0; }
  .page-index .index-list__header,
  .page-index .index-entry { grid-template-columns:74px 48px minmax(0,1fr) 108px 38px 14px; }
}

@media (max-width:700px) {
  .page-index .site-nav { padding-inline:1rem; }
  .page-index .site-nav__links { gap:.8rem; }
  .page-index .site-nav__search { display:none; }
  .page-index .index-page__hero { padding:1.5rem 1rem 1rem; gap:1rem; }
  .page-index .index-page__headline { font-size:clamp(3.6rem,20vw,5.2rem); }
  .page-index .index-page__sub { font-size:.76rem; }
  .page-index .index-toolbar,
  .page-index .index-topic-bar { padding:.6rem 1rem; }
  .page-index .index-list__header { display:none; }
  .page-index .index-entry {
    grid-template-columns:48px minmax(0,1fr) 16px;
    gap:.65rem;
    min-height:0;
    padding:.9rem 1rem;
    align-items:start;
  }
  .page-index .index-entry__date { grid-column:1; grid-row:1; }
  .page-index .index-entry__type { grid-column:1; grid-row:2; }
  .page-index .index-entry__content { grid-column:2; grid-row:1 / span 2; }
  .page-index .index-entry__arrow { grid-column:3; grid-row:1; }
  .page-index .index-entry__thumb,
  .page-index .index-entry__read { display:none; }
  .page-index .index-entry__abstract { white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .page-index .index-entry__content .tags { display:none; }
  .page-index .index-sidebar { grid-template-columns:1fr; padding:1rem; }
}

/* 29. INDEX: APPROVED PROPOSAL - EXACT COMPOSITION */
body.page-index {
  --nav-h:60px;
  background:
    radial-gradient(circle at 32% 30%,rgba(18,57,66,.09),transparent 42%),
    #040b0e;
}

.page-index .site-nav,
.page-index #main-content,
.page-index .site-footer {
  width:min(100%,1535px);
  border-color:transparent;
}

.page-index .site-nav {
  position:relative;
  height:60px;
  padding:0 22px;
  border-bottom:1px solid var(--line);
  background:transparent;
  grid-template-columns:1fr auto 1fr;
}
.page-index .site-nav::after {
  content:'“The best way to predict the future\A is to invent it.” — Alan Kay';
  white-space:pre;
  position:absolute;
  right:35px;
  top:16px;
  width:230px;
  color:var(--text);
  font:italic .56rem/1.55 var(--serif);
  letter-spacing:.04em;
}
.page-index .site-nav__logo {
  color:var(--bright);
  font-size:.8rem;
  letter-spacing:.13em;
}
.page-index .site-nav__links { gap:2.7rem; transform:translateX(-155px); }
.page-index .site-nav__link,
.page-index .site-nav__search {
  color:var(--text);
  font-size:.51rem;
  letter-spacing:.16em;
}
.page-index .site-nav__link.active { color:var(--bright); border-bottom-color:var(--coral); }
.page-index .site-nav__right {
  position:absolute;
  left:calc(50% - 10px);
}
.page-index .site-nav__search svg { width:11px; height:11px; }
.page-index #main-content { border:0; }
.page-index > .site-footer { display:none; }

.page-index .index-proposal {
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  min-height:867px;
  padding:19px 22px 0;
}
.page-index .index-proposal__main {
  min-width:0;
  padding-right:18px;
  border-right:1px solid var(--line);
}
.page-index .index-proposal__hero {
  height:149px;
  padding:7px 8px 17px;
  border-bottom:1px solid #695033;
}
.page-index .index-proposal__hero h1 {
  color:var(--bright);
  font:400 6.7rem/.92 var(--serif);
  letter-spacing:-.047em;
}
.page-index .index-proposal__hero p {
  margin:6px 0 0;
  color:var(--text);
  font:italic .92rem/1.3 var(--serif);
  letter-spacing:.015em;
}

.page-index .index-proposal__controls {
  height:65px;
  display:flex;
  align-items:center;
  gap:30px;
  padding:11px 8px;
  border-bottom:1px solid #664d31;
  color:var(--text);
  font:500 .48rem/1 var(--mono);
  letter-spacing:.13em;
}
.page-index .index-proposal__control-group {
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.page-index .index-proposal__control-group > span,
.page-index .index-proposal__sort > span { color:var(--muted); }
.page-index .index-proposal__controls button,
.page-index .index-proposal__sort select {
  min-height:27px;
  padding:0 11px;
  border:1px solid #514533;
  color:var(--text);
  background:rgba(7,17,21,.55);
  font:400 .52rem/1 var(--mono);
}
.page-index .index-proposal__controls button.active,
.page-index .index-proposal__controls button:hover {
  color:var(--bright);
  border-color:var(--gold);
  background:rgba(219,149,60,.06);
}
.page-index .index-proposal__search {
  margin-left:auto;
  width:170px;
  height:28px;
  display:flex;
  align-items:center;
  border:1px solid #514533;
  background:rgba(7,17,21,.55);
}
.page-index .index-proposal__search input {
  min-width:0;
  flex:1;
  padding:0 9px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:400 .5rem var(--mono);
}
.page-index .index-proposal__search svg {
  width:11px;
  margin-right:8px;
  fill:none;
  stroke:var(--text);
}
.page-index .index-proposal__sort { display:flex; align-items:center; gap:7px; }
.page-index .index-proposal__sort select {
  width:87px;
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);
  background-position:calc(100% - 12px) 11px,calc(100% - 8px) 11px;
  background-size:4px 4px,4px 4px;
  background-repeat:no-repeat;
}

.page-index .index-proposal__head,
.page-index .index-proposal__entry {
  display:grid;
  grid-template-columns:105px 105px minmax(300px,1fr) 200px 153px 50px;
}
.page-index .index-proposal__entries {
  display:flex;
  flex-direction:column;
}
.page-index .index-proposal__head {
  height:40px;
  align-items:center;
  padding:0 8px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font:500 .45rem/1 var(--mono);
  letter-spacing:.17em;
}
.page-index .index-proposal__entry {
  min-height:112px;
  align-items:center;
  padding:10px 8px;
  border-bottom:1px solid var(--line);
  color:var(--text);
  transition:background .18s ease;
}
.page-index .index-proposal__entry:hover {
  background:linear-gradient(90deg,rgba(85,184,200,.035),rgba(219,149,60,.025));
}
.page-index .index-proposal__entry time,
.page-index .index-proposal__read {
  align-self:center;
  display:grid;
  gap:4px;
  color:var(--text);
  font:400 .47rem/1.35 var(--mono);
  letter-spacing:.08em;
}
.page-index .index-proposal__entry time b,
.page-index .index-proposal__read b { font-weight:400; }
.page-index .index-proposal__type {
  display:grid;
  justify-items:start;
  gap:5px;
  font:500 .5rem/1 var(--mono);
  letter-spacing:.06em;
}
.page-index .index-proposal__type svg {
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.1;
}
.page-index .index-proposal__copy { padding-right:20px; }
.page-index .index-proposal__copy h2 {
  margin-bottom:6px;
  color:var(--bright);
  font:400 1.3rem/1.08 var(--serif);
  letter-spacing:-.01em;
}
.page-index .index-proposal__copy p {
  max-width:64ch;
  color:var(--text);
  font:400 .54rem/1.65 var(--mono);
  letter-spacing:.025em;
}
.page-index .index-proposal__visual {
  width:200px;
  height:86px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #695033;
  background:
    radial-gradient(circle at 50% 50%,rgba(31,66,73,.16),transparent 70%),
    rgba(4,11,14,.8);
}
.page-index .index-proposal__visual svg { width:100%; height:100%; }
.page-index .index-proposal__visual .fine,
.page-index .index-proposal__visual .cloud,
.page-index .index-proposal__visual--restore .fine {
  fill:none;
  stroke:#6d725e;
  stroke-width:.7;
}
.page-index .index-proposal__visual .hot { fill:var(--gold); }
.page-index .index-proposal__visual .micro {
  fill:#b3a887;
  font:5px var(--mono);
}
.page-index .index-proposal__visual--artifact {
  place-items:start;
  padding:8px 11px;
  background:rgba(28,25,18,.48);
}
.page-index .index-proposal__visual--artifact div {
  color:#c0b291;
  font:400 .42rem/1.45 var(--mono);
}
.page-index .index-proposal__visual--artifact em { color:var(--format-artifact); font-style:normal; }
.page-index .index-proposal__visual--trading .grid { fill:none; stroke:#243438; stroke-width:.5; }
.page-index .index-proposal__visual--trading .bars { fill:none; stroke:var(--coral); stroke-width:2.7; }
.page-index .index-proposal__visual--trading .ema { fill:none; stroke:var(--cyan); stroke-width:1.1; }
.page-index .index-proposal__visual--relay .fine { stroke:#54676a; }
.page-index .index-proposal__visual--relay .nodes circle { fill:var(--gold); stroke:#252f31; stroke-width:2; }
.page-index .index-proposal__visual--relay .nodes circle:nth-child(4n+1) { fill:var(--coral); }
.page-index .index-proposal__visual--relay .nodes circle:nth-child(3n) { fill:var(--green); }
.page-index .index-proposal__visual--relay .label-box { fill:#081216; stroke:#9a7e4c; stroke-width:.6; }
.page-index .index-proposal__tags {
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  gap:6px;
  padding:0 14px 0 28px;
}
.page-index .index-proposal__tags span {
  padding:4px 7px;
  border:1px solid #465053;
  color:var(--text);
  font:400 .43rem/1 var(--mono);
  letter-spacing:.08em;
}
.page-index .index-proposal__read { justify-items:start; }
.page-index .index-proposal__pagination {
  height:35px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:335px;
  padding:0 12px;
  border-bottom:1px solid #695033;
  color:var(--muted);
  font:400 .43rem/1 var(--mono);
  letter-spacing:.12em;
}
.page-index .index-proposal__pagination b { color:var(--bright); font-size:.85rem; font-weight:400; }

.page-index .index-proposal__rail {
  padding-left:19px;
  color:var(--text);
}
.page-index .index-proposal__rail section {
  padding:10px 0 12px;
  border-bottom:1px solid var(--line);
}
.page-index .index-proposal__rail h2 {
  margin-bottom:8px;
  color:var(--gold);
  font:500 .52rem/1.2 var(--mono);
  letter-spacing:.12em;
}
.page-index .index-proposal__glance button,
.page-index .index-proposal__stats div {
  width:100%;
  height:21px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(38,54,58,.8);
  color:var(--text);
  font:400 .49rem/1 var(--mono);
}
.page-index .index-proposal__glance button b,
.page-index .index-proposal__stats b { color:var(--gold); font-weight:400; }
.page-index .index-proposal__glance a {
  display:block;
  margin-top:8px;
  color:var(--bright);
  font:400 .47rem/1 var(--mono);
}
.page-index .index-proposal__map { padding-top:14px !important; }
.page-index .index-proposal__map svg { height:205px; overflow:visible; }
.page-index .index-proposal__map .map-container {
  height:205px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.page-index .index-proposal__map .knowledge-map {
  width:245px;
  max-width:none;
  height:219px;
}
.page-index .index-proposal__map .map-cluster > text {
  font:500 13px var(--mono);
  letter-spacing:.08em;
}
.page-index .index-proposal__map .map-caption {
  font-size:7px !important;
  letter-spacing:.01em !important;
}
.page-index .index-proposal__map .map-core text {
  fill:var(--bright);
  font:italic 24px var(--serif);
  text-anchor:middle;
}
.page-index .index-proposal__map .orbits {
  fill:none;
  stroke:#6d583a;
  stroke-width:.55;
  stroke-dasharray:1.6 2.6;
}
.page-index .index-proposal__map .links { fill:none; stroke:#60767a; stroke-width:.55; }
.page-index .index-proposal__map .minor { fill:#769198; }
.page-index .index-proposal__map .major { fill:var(--ink); stroke-width:1.4; }
.page-index .index-proposal__map .major .ai { stroke:var(--cyan); }
.page-index .index-proposal__map .major .trading { stroke:var(--coral); }
.page-index .index-proposal__map .major .systems { stroke:var(--green); }
.page-index .index-proposal__map .major .patents { stroke:var(--gold); }
.page-index .index-proposal__map .major .research { fill:var(--cyan); stroke:var(--cyan); }
.page-index .index-proposal__map .labels { fill:var(--text); font:500 7px var(--mono); letter-spacing:.04em; }
.page-index .index-proposal__map .labels text:nth-child(2) { fill:var(--coral); }
.page-index .index-proposal__map .labels text:nth-child(3) { fill:var(--green); }
.page-index .index-proposal__map .labels text:nth-child(4) { fill:var(--gold); }
.page-index .index-proposal__map .labels text:nth-child(5) { fill:var(--cyan); }
.page-index .index-proposal__note {
  position:relative;
  margin:8px 0 10px;
  padding:18px 17px 10px !important;
  border:0 !important;
  color:var(--paper-text);
  background:
    repeating-linear-gradient(0deg,transparent 0 23px,rgba(55,44,28,.09) 24px),
    var(--paper-bg);
  box-shadow:2px 3px 0 rgba(0,0,0,.28);
  transform:rotate(.7deg);
}
.page-index .index-proposal__note h2 { color:var(--paper-text); }
.page-index .index-proposal__note p { color:var(--paper-text); font:400 .48rem/1.55 var(--mono); }
.page-index .index-proposal__note svg {
  width:100px;
  margin:2px 0 0 auto;
  fill:none;
  stroke:#59472e;
  stroke-width:1;
}
.page-index .index-proposal__clip {
  position:absolute;
  right:61px;
  top:-7px;
  width:9px;
  height:33px;
  border:1.5px solid #665941;
  border-radius:8px;
  transform:rotate(-12deg);
}
.page-index .index-proposal__stats { border:0 !important; }

.page-index .index-proposal__footer {
  width:min(100%,1491px);
  height:96px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 290px .7fr 1fr 35px;
  align-items:center;
  gap:35px;
  padding:0 10px;
  border-top:1px solid var(--line);
  color:var(--text);
  font:400 .45rem/1.5 var(--mono);
  letter-spacing:.08em;
}
.page-index .index-proposal__footer svg { fill:none; stroke:#66543a; stroke-width:.7; }
.page-index .index-proposal__footer span:nth-last-child(2) { text-align:right; }
.page-index .index-proposal__globe { color:var(--gold); font-size:2rem; }

@media (max-width:1250px) {
  .page-index .index-proposal { grid-template-columns:minmax(0,1fr) 230px; }
  .page-index .index-proposal__controls { gap:14px; }
  .page-index .index-proposal__topics { display:none; }
  .page-index .index-proposal__head,
  .page-index .index-proposal__entry { grid-template-columns:88px 80px minmax(260px,1fr) 160px 128px 45px; }
  .page-index .index-proposal__visual { width:160px; }
  .page-index .index-proposal__tags { padding-left:16px; }
}
@media (max-width:960px) {
  .page-index .site-nav::after { display:none; }
  .page-index .site-nav__links { transform:none; }
  .page-index .site-nav__right { position:static; }
  .page-index .index-proposal { grid-template-columns:1fr; padding-inline:12px; }
  .page-index .index-proposal__main { padding-right:0; border-right:0; }
  .page-index .index-proposal__rail { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:20px 0; }
  .page-index .index-proposal__head,
  .page-index .index-proposal__entry { grid-template-columns:78px 72px minmax(240px,1fr) 150px 42px; }
  .page-index .index-proposal__tags { display:none; }
  .page-index .index-proposal__pagination { gap:0; justify-content:space-between; }
}
@media (max-width:680px) {
  .page-index .site-nav { grid-template-columns:1fr auto; padding-inline:12px; }
  .page-index .site-nav__links { gap:14px; }
  .page-index .site-nav__right { display:none; }
  .page-index .index-proposal { padding-top:8px; }
  .page-index .index-proposal__hero { height:184px; padding:8px 3px 15px; }
  .page-index .index-proposal__hero h1 { font-size:clamp(4.1rem,20vw,4.8rem); line-height:.82; }
  .page-index .index-proposal__hero p { max-width:35ch; font-size:.78rem; }
  .page-index .index-proposal__controls { height:auto; flex-wrap:wrap; padding:10px 3px; }
  .page-index .index-proposal__control-group { width:100%; overflow-x:auto; padding-bottom:3px; }
  .page-index .index-proposal__control-group { scrollbar-width:none; }
  .page-index .index-proposal__control-group::-webkit-scrollbar { display:none; }
  .page-index .index-proposal__search { width:calc(100% - 95px); margin-left:0; }
  .page-index .index-proposal__head { display:none; }
  .page-index .index-proposal__entry {
    grid-template-columns:60px 1fr;
    gap:8px 12px;
    padding:15px 3px;
  }
  .page-index .index-proposal__entry time { grid-column:1; grid-row:1; }
  .page-index .index-proposal__type { grid-column:1; grid-row:2; }
  .page-index .index-proposal__copy { grid-column:2; grid-row:1 / span 2; padding-right:0; }
  .page-index .index-proposal__copy h2 { font-size:1.12rem; }
  .page-index .index-proposal__visual,
  .page-index .index-proposal__tags,
  .page-index .index-proposal__read { display:none; }
  .page-index .index-proposal__pagination { height:42px; padding-inline:3px; }
  .page-index .index-proposal__rail { grid-template-columns:1fr; }
  .page-index .index-proposal__footer { grid-template-columns:1fr auto; height:80px; padding:0 12px; }
  .page-index .index-proposal__footer svg,
  .page-index .index-proposal__footer span:nth-child(3),
  .page-index .index-proposal__footer span:nth-child(4) { display:none; }
}

/* 30. FINAL CONTENT MATRIX: FORMAT + TOPIC SYSTEM */
.format--explainer { --format-color:var(--format-explainer); }
.format--framework { --format-color:var(--format-framework); }
.format--artifact { --format-color:var(--format-artifact); }
.format--case-study { --format-color:var(--format-case-study); }

.topic--ai-systems { --topic-color:var(--topic-ai); }
.topic--invention-ip { --topic-color:var(--topic-invention); }
.topic--trading-systems { --topic-color:var(--topic-trading); }
.topic--building-systems { --topic-color:var(--topic-building); }

.topic-chip,
.topic-text {
  color:var(--topic-color,var(--muted)) !important;
  border-color:color-mix(in srgb,var(--topic-color,var(--line2)) 48%,var(--line)) !important;
}

.proposal-card[class*="format--"] {
  position:relative;
  overflow:hidden;
}
.proposal-card[class*="format--"]::after {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--format-color),transparent);
  opacity:.7;
  transition:opacity .25s,filter .25s;
  pointer-events:none;
}
.proposal-card[class*="format--"] .proposal-card__kicker > span {
  color:var(--format-color);
}
.proposal-card[class*="format--"]:hover::after {
  opacity:1;
  filter:drop-shadow(0 0 6px var(--format-color));
}

.page-index .index-proposal__type--explainer { color:var(--format-explainer); }
.page-index .index-proposal__type--framework { color:var(--format-framework); }
.page-index .index-proposal__type--artifact { color:var(--format-artifact); }
.page-index .index-proposal__type--case-study { color:var(--format-case-study); }
.page-index .index-proposal__entry[class*="format--"] {
  box-shadow:inset 0 0 0 transparent;
}
.page-index .index-proposal__entry[class*="format--"]:hover {
  box-shadow:inset 2px 0 0 var(--format-color);
}
.page-index .index-proposal__entry[class*="format--"] .index-proposal__visual {
  border-color:color-mix(in srgb,var(--format-color) 42%,var(--line));
}
.page-index .index-proposal__entry[class*="format--"] .index-proposal__visual::after {
  content:"";
  position:absolute;
  inset:6px;
  border:1px solid color-mix(in srgb,var(--format-color) 16%,transparent);
  pointer-events:none;
}
.page-index .index-proposal__visual { position:relative; }

.page-index .topic-control {
  color:var(--topic-color,var(--text));
}
.page-index .topic-control.active,
.page-index .topic-control:hover {
  color:var(--topic-color) !important;
  border-color:var(--topic-color) !important;
  background:color-mix(in srgb,var(--topic-color) 8%,transparent) !important;
}
.page-index .index-proposal__glance button[class*="topic--"] span,
.page-index .index-proposal__glance button[class*="topic--"] b {
  color:var(--topic-color);
}

.entry-page[class*="format--"] .badge,
.entry-page[class*="format--"] .entry-insight__label,
.entry-page[class*="format--"] .entry-hero-figure figcaption span {
  color:var(--format-color);
  border-color:color-mix(in srgb,var(--format-color) 55%,var(--line));
}
.entry-page[class*="format--"] .entry-hero-figure,
.entry-page[class*="format--"] .entry-insight {
  border-color:color-mix(in srgb,var(--format-color) 24%,var(--line));
}

.topics-page {
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
  padding:3.5rem 0 4rem;
}
.topics-page__hero {
  max-width:760px;
  margin-bottom:2.5rem;
}
.topics-page__hero .t-label { color:var(--gold); margin-bottom:1rem; }
.topics-page__hero .t-display { margin-bottom:.8rem; }
.topics-page__hero .t-body { color:var(--muted); }
.topics-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--line);
}
.topic-card {
  position:relative;
  min-height:230px;
  padding:1.35rem;
  overflow:hidden;
  border-right:1px solid var(--line);
  background:linear-gradient(150deg,color-mix(in srgb,var(--topic-color) 4%,var(--panel)),var(--ink));
  transition:transform .25s,border-color .25s,background .25s;
}
.topic-card:last-child { border-right:0; }
.topic-card:hover {
  transform:translateY(-4px);
  border-color:var(--topic-color);
  background:linear-gradient(150deg,color-mix(in srgb,var(--topic-color) 9%,var(--panel)),var(--ink));
}
.topic-card__orb {
  position:relative;
  width:56px;
  height:56px;
  margin-bottom:2rem;
  border:1px solid var(--topic-color);
  border-radius:50%;
  box-shadow:0 0 0 10px color-mix(in srgb,var(--topic-color) 5%,transparent),0 0 28px color-mix(in srgb,var(--topic-color) 18%,transparent);
}
.topic-card__orb::before,
.topic-card__orb::after {
  content:"";
  position:absolute;
  border:1px solid color-mix(in srgb,var(--topic-color) 38%,transparent);
  border-radius:50%;
}
.topic-card__orb::before { width:26px;height:26px;margin:14px; }
.topic-card__orb::after { width:8px;height:8px;margin:23px;background:var(--topic-color); }
.topic-card__label { color:var(--topic-color); font:500 .72rem/1.3 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.topic-card p { margin:.8rem 0 1.2rem; color:var(--muted); font:.72rem/1.65 var(--sans); }
.topic-card > span { color:var(--topic-color); font:.55rem var(--mono); letter-spacing:.08em; }
.topics-page__map {
  height:420px;
  margin-top:2.5rem;
  border:1px solid var(--line);
  background:radial-gradient(circle,rgba(118,212,208,.04),transparent 58%);
}
.topics-page__map .map-container,
.topics-page__map .knowledge-map { width:100%; height:100%; }

/* Ambient motion is shared by every instance of the knowledge map. */
.knowledge-map .map-orbits { transform-box:fill-box; transform-origin:center; animation:map-breathe 9s ease-in-out infinite; }
.knowledge-map .map-satellites { animation:map-twinkle 5s ease-in-out infinite alternate; }
.knowledge-map .map-cluster--ai,
.knowledge-map .map-cluster--trading { animation:map-drift-a 7s ease-in-out infinite alternate; }
.knowledge-map .map-cluster--invention,
.knowledge-map .map-cluster--building { animation:map-drift-b 8s ease-in-out infinite alternate; }
.proposal-card svg,
.index-proposal__visual svg,
.entry-hero-figure svg {
  transition:transform .5s ease,filter .5s ease;
}
.proposal-card:hover svg,
.index-proposal__entry:hover .index-proposal__visual svg,
.entry-hero-figure:hover svg {
  transform:translateY(-2px);
  filter:brightness(1.12);
}

@keyframes map-breathe { 50% { opacity:.72; transform:scale(1.012); } }
@keyframes map-twinkle { 50% { opacity:.52; } 100% { opacity:.95; } }
@keyframes map-drift-a { to { transform:translate(1.5px,-1px); } }
@keyframes map-drift-b { to { transform:translate(-1px,1.5px); } }

.map-portal { display:none; }

/* The shared knowledge map must render identically in every page context. */
.page-home .home-hero__map .knowledge-map,
.page-index .index-proposal__map .knowledge-map,
.topics-page__map .knowledge-map,
.about-page__map .knowledge-map {
  filter:none;
  transform:none;
}
.page-home .home-hero__map .map-line,
.page-index .index-proposal__map .map-line,
.topics-page__map .map-line,
.about-page__map .map-line {
  stroke-width:.75;
}
.page-home .home-hero__map .map-cluster > text,
.page-index .index-proposal__map .map-cluster > text,
.topics-page__map .map-cluster > text,
.about-page__map .map-cluster > text {
  font:500 12px var(--mono);
  letter-spacing:.08em;
}
.page-home .home-hero__map .map-caption,
.page-index .index-proposal__map .map-caption,
.topics-page__map .map-caption,
.about-page__map .map-caption {
  fill:var(--muted);
  font:400 6px var(--mono) !important;
  letter-spacing:.02em !important;
}
.page-home .home-hero__map .map-core text,
.page-index .index-proposal__map .map-core text,
.topics-page__map .map-core text,
.about-page__map .map-core text {
  fill:var(--bright);
  font:italic 24px var(--serif);
  text-anchor:middle;
}

/* 33. FORMAT LAB / TEMPLATE SPECIMENS */
.page-formats { background:#030709; }
.page-formats .site-footer { display:none; }
.format-lab { width:min(1500px,calc(100vw - 32px)); margin:auto; border-inline:1px solid var(--line); }
.format-lab__hero { display:grid; grid-template-columns:1.25fr .75fr; gap:3rem; padding:4rem 3rem 3rem; border-bottom:1px solid var(--line); background:radial-gradient(circle at 75% 40%,rgba(118,212,208,.05),transparent 28%); }
.format-lab__hero h1 { font-size:clamp(4rem,8vw,8rem); line-height:.82; color:var(--bright); }
.format-lab__intro { align-self:end; max-width:560px; }
.format-lab__intro p { font:italic 1.35rem/1.45 var(--serif); color:var(--muted); }
.format-lab__legend { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:1.5rem; }
.format-lab__legend span { padding:.55rem .7rem; border:1px solid var(--line); color:var(--format-color); font:.6rem/1 var(--mono); letter-spacing:.08em; }
.format-lab__nav { position:sticky; top:0; z-index:10; display:grid; grid-template-columns:repeat(4,1fr); background:rgba(3,7,9,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.format-lab__nav a { display:grid; grid-template-columns:auto 1fr; gap:.2rem .7rem; padding:1rem 1.2rem; border-right:1px solid var(--line); text-decoration:none; transition:background .25s ease; }
.format-lab__nav a:hover { background:color-mix(in srgb,var(--format-color) 7%,transparent); }
.format-lab__nav b { grid-row:span 2; color:var(--format-color); font:500 .65rem var(--mono); }
.format-lab__nav span { color:var(--bright); font:1rem/1 var(--serif); }
.format-lab__nav small { color:var(--muted); font:.5rem/1.3 var(--mono); }
.format-specimen { padding:4rem 2rem 3rem; border-bottom:1px solid var(--line); scroll-margin-top:80px; }
.format-specimen__brief { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:2rem; max-width:1220px; margin:0 auto 1.5rem; }
.format-specimen__brief span,.format-specimen__motion span { color:var(--format-color); font:.58rem/1 var(--mono); letter-spacing:.12em; }
.format-specimen__brief h2 { margin-top:.6rem; color:var(--bright); font:italic clamp(2.4rem,4vw,4rem)/.95 var(--serif); }
.format-specimen__brief p,.format-specimen__motion p { max-width:55ch; color:var(--muted); font:.67rem/1.6 var(--mono); }
.format-sheet { width:min(1220px,100%); min-height:610px; margin:auto; border:1px solid var(--line); background:linear-gradient(145deg,rgba(13,20,23,.96),rgba(3,7,9,.98)); box-shadow:5px 5px 0 rgba(33,49,54,.58),inset 1px 1px rgba(237,242,237,.035); overflow:hidden; }
.format-sheet__main { min-width:0; padding:2.2rem; }
.format-sheet__eyebrow { margin-bottom:1rem; color:var(--format-color); font:.56rem/1 var(--mono); letter-spacing:.1em; }
.format-sheet__main h3,.artifact-workspace h3 { max-width:15ch; margin-bottom:.7rem; color:var(--bright); font:italic clamp(2.8rem,4.6vw,5.2rem)/.88 var(--serif); }
.format-sheet__dek { max-width:68ch; color:var(--muted); font:.67rem/1.6 var(--mono); }
.format-sheet__aside { padding:1.4rem; border-left:1px solid var(--line); }
.format-required { margin-top:1rem; padding:1rem; border:1px solid color-mix(in srgb,var(--format-color) 35%,var(--line)); background:color-mix(in srgb,var(--format-color) 4%,transparent); }
.format-required span,.margin-note span,.framework-card span,.artifact-inspector span,.case-timeline > span { color:var(--format-color); font:.55rem/1 var(--mono); letter-spacing:.12em; }
.format-required p,.margin-note p,.framework-card p { margin-top:.7rem; color:var(--muted); font:.62rem/1.55 var(--mono); }
.format-specimen__motion { display:grid; grid-template-columns:100px 1fr; gap:1rem; width:min(1220px,100%); margin:1.2rem auto 0; padding-top:1rem; border-top:1px solid var(--line); }

.format-sheet--explainer { display:grid; grid-template-columns:155px minmax(0,1fr) 220px; }
.format-sheet__rail { padding:1.5rem 1rem; border-right:1px solid var(--line); }
.format-sheet__rail > span { display:block; margin-bottom:1rem; color:var(--format-color); font:.52rem/1 var(--mono); }
.format-sheet__rail a { display:block; padding:.65rem 0; border-bottom:1px solid var(--line); color:var(--muted); font:.6rem/1.3 var(--mono); }
.format-sheet__rail a.is-active { color:var(--bright); }
.format-sheet__rail-figure { position:relative; height:140px; margin-top:2rem; }
.format-sheet__rail-figure::before { content:""; position:absolute; left:18px; top:0; bottom:0; border-left:1px dashed var(--format-color); opacity:.45; }
.format-sheet__rail-figure i { position:relative; display:block; width:7px; height:7px; margin:0 0 27px 15px; border:1px solid var(--format-color); border-radius:50%; background:var(--ink); }
.explainer-map { margin:2rem 0 1.2rem; padding:1rem; border:1px solid var(--line); background:radial-gradient(circle at center,rgba(216,198,170,.05),transparent 50%); }
.explainer-map svg { width:100%; }
.explainer-map > div { display:flex; justify-content:space-between; color:var(--muted); font:.5rem var(--mono); }.explainer-map > div span { color:var(--format-color); }
.specimen-lines { stroke:var(--line2); stroke-width:1.2; }
.specimen-nodes { fill:var(--ink); stroke:var(--format-color); stroke-width:1.5; }
.specimen-labels { fill:var(--muted); font:9px var(--mono); text-anchor:middle; }
.explainer-columns { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.explainer-columns > div { padding:1rem; border-top:1px solid var(--format-color); background:rgba(255,255,255,.015); }
.explainer-columns b { color:var(--format-color); font:.55rem var(--mono); }.explainer-columns p { margin-top:.7rem; color:var(--text); font:.8rem/1.5 var(--sans); }
.margin-note { padding:1rem; border-left:2px solid var(--format-color); background:rgba(255,255,255,.015); }
.explainer-orbit { position:relative; width:130px; height:130px; margin:3rem auto; border:1px dashed var(--line2); border-radius:50%; animation:specimen-spin 18s linear infinite; }
.explainer-orbit::before,.explainer-orbit::after { content:""; position:absolute; inset:25%; border:1px solid var(--line); border-radius:50%; }
.explainer-orbit i { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--format-color); }.explainer-orbit i:nth-child(1){left:10%;top:25%}.explainer-orbit i:nth-child(2){right:4%;top:50%}.explainer-orbit i:nth-child(3){left:45%;bottom:-3px}

.format-sheet--framework { display:grid; grid-template-columns:175px minmax(0,1fr) 220px; }
.framework-progress { padding:1.5rem; border-right:1px solid var(--line); }
.framework-progress > span { color:var(--format-color); font:.52rem var(--mono); }
.framework-progress ol { list-style:none; margin:1.5rem 0; padding:0; counter-reset:steps; }
.framework-progress li { position:relative; padding:.8rem 0 .8rem 1.3rem; border-left:1px solid var(--line2); color:var(--muted); font:.6rem var(--mono); }
.framework-progress li::before { content:""; position:absolute; left:-4px; top:12px; width:7px; height:7px; border-radius:50%; background:var(--ink); border:1px solid var(--line2); }
.framework-progress li.is-active { color:var(--bright); border-color:var(--format-color); }.framework-progress li.is-active::before { background:var(--format-color); border-color:var(--format-color); box-shadow:0 0 10px var(--format-color); }
.framework-dial { position:relative; display:grid; place-items:center; width:100px; height:100px; margin:3rem auto; border:1px dashed var(--format-color); border-radius:50%; }
.framework-dial i { position:absolute; inset:12px; border:1px solid var(--line2); border-radius:50%; border-top-color:var(--format-color); animation:specimen-spin 7s linear infinite; }.framework-dial b { color:var(--format-color); font:1rem var(--mono); }
.framework-steps { display:grid; grid-template-columns:repeat(4,1fr); margin:2rem 0; border:1px solid var(--line); }
.framework-steps div { position:relative; min-height:145px; padding:1rem; border-right:1px solid var(--line); }.framework-steps div:last-child{border:0}
.framework-steps div::after { content:"→"; position:absolute; right:-7px; top:50%; z-index:2; color:var(--line2); background:var(--panel); }.framework-steps div:last-child::after{display:none}
.framework-steps b { display:block; margin-bottom:1.5rem; color:var(--format-color); font:.65rem var(--mono); }.framework-steps span{color:var(--bright);font:.58rem var(--mono)}.framework-steps p{margin-top:.6rem;color:var(--muted);font:.6rem/1.5 var(--mono)}
.framework-steps .is-active { background:color-mix(in srgb,var(--format-color) 6%,transparent); }
.framework-matrix { border:1px solid var(--line); }
.framework-matrix header,.framework-matrix div { display:grid; grid-template-columns:1fr repeat(3,70px); align-items:center; min-height:42px; border-bottom:1px solid var(--line); }
.framework-matrix span,.framework-matrix b { padding:.7rem; color:var(--muted); font:.52rem var(--mono); }.framework-matrix i { width:16px;height:16px;margin:auto;border:1px solid var(--line2)}.framework-matrix i.on{background:var(--format-color);box-shadow:0 0 12px color-mix(in srgb,var(--format-color) 50%,transparent)}
.framework-card { padding:1rem; border:1px solid var(--line); }.framework-card strong{display:block;margin:1.2rem 0;color:var(--format-color);font:3.2rem/1 var(--serif)}

.format-sheet--artifact { display:grid; grid-template-columns:minmax(0,1fr) 270px; background:#071012; }
.artifact-workspace { min-width:0; padding:1.5rem; }
.artifact-workspace > header { display:flex; justify-content:space-between; gap:1rem; align-items:start; }
.artifact-workspace h3 { margin-top:.6rem; font-size:clamp(2.3rem,3.5vw,4rem); }
.artifact-workspace header span { color:var(--format-color); font:.55rem var(--mono); }
.artifact-actions { display:flex; gap:.5rem; }.artifact-actions button{padding:.65rem .8rem;border:1px solid var(--line2);background:transparent;color:var(--muted);font:.52rem var(--mono)}.artifact-actions button.is-primary{border-color:var(--format-color);color:var(--format-color)}
.artifact-tabs { display:flex; gap:1.5rem; margin-top:1.5rem; border-bottom:1px solid var(--line); }.artifact-tabs span{padding:.7rem 0;color:var(--muted);font:.52rem var(--mono)}.artifact-tabs .is-active{color:var(--format-color);border-bottom:1px solid var(--format-color)}
.artifact-code { position:relative; min-height:350px; padding:1.4rem; border:1px solid var(--line); border-top:0; background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(118,212,208,.035) 28px),#030709; color:var(--text); font:.65rem/1.7 var(--mono); }
.artifact-code span{display:block;margin-top:.6rem;color:var(--format-color);letter-spacing:.1em}.artifact-code p{margin:.3rem 0 1rem;color:var(--text)}
.artifact-cursor { display:inline-block; width:7px; height:13px; background:var(--format-color); animation:specimen-blink 1s steps(1) infinite; }
.artifact-workspace footer { display:flex; gap:2rem; padding:.8rem; border:1px solid var(--line); border-top:0; color:var(--muted); font:.48rem var(--mono); }
.artifact-inspector { padding:1.5rem; border-left:1px solid var(--line); background:rgba(255,255,255,.012); }
.artifact-inspector > div { padding-bottom:1.3rem; margin-bottom:1.3rem; border-bottom:1px solid var(--line); }
.artifact-inspector label { display:block; margin-top:1rem; color:var(--muted); font:.52rem var(--mono); }.artifact-inspector input,.artifact-inspector select{width:100%;margin-top:.35rem;padding:.6rem;border:1px solid var(--line2);background:var(--ink);color:var(--text);font:.55rem var(--mono)}
.artifact-output p { margin:.8rem 0; color:var(--bright); font:.75rem var(--sans); }.artifact-output i{display:block;width:100%;height:1px;margin:.6rem 0;background:var(--line2)}.artifact-output i:nth-of-type(2){width:75%}.artifact-output i:nth-of-type(3){width:45%}

.format-sheet--case-study { display:grid; grid-template-columns:minmax(0,1fr) 300px; }
.case-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin:2rem 0; border:1px solid var(--line); }
.case-metrics div { padding:1rem; border-right:1px solid var(--line); }.case-metrics div:last-child{border:0}.case-metrics span{display:block;color:var(--format-color);font:.5rem var(--mono)}.case-metrics strong{display:block;margin:.8rem 0;color:var(--bright);font:2.3rem/1 var(--serif)}.case-metrics small{color:var(--muted);font:.5rem var(--mono)}
.case-architecture { padding:1rem; border:1px solid var(--line); }.case-architecture svg{width:100%}.case-boxes{fill:var(--ink);stroke:var(--format-color);stroke-width:1}
.case-timeline { padding:1.5rem; border-left:1px solid var(--line); }
.case-timeline > div:not(.format-required) { position:relative; display:grid; grid-template-columns:30px 1fr; gap:.7rem; padding:1rem 0 1rem 1rem; border-left:1px solid var(--line2); }
.case-timeline > div:not(.format-required)::before { content:""; position:absolute; left:-4px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--ink);border:1px solid var(--line2)}
.case-timeline > div.is-active { border-color:var(--format-color); }.case-timeline > div.is-active::before{background:var(--format-color);box-shadow:0 0 12px var(--format-color)}
.case-timeline b{color:var(--format-color);font:.55rem var(--mono)}.case-timeline p{color:var(--muted);font:.58rem/1.5 var(--mono)}.case-timeline strong{display:block;margin-bottom:.35rem;color:var(--bright);font-weight:400}

.format-lab__matrix { padding:4rem 2rem 5rem; }.format-lab__matrix header{width:min(1220px,100%);margin:0 auto 1.5rem}.format-lab__matrix h2{margin-top:.6rem;color:var(--bright);font:italic 3rem/1 var(--serif)}
.format-matrix { width:min(1220px,100%); margin:auto; border:1px solid var(--line); }.format-matrix > div{display:grid;grid-template-columns:150px repeat(4,1fr);border-bottom:1px solid var(--line)}.format-matrix > div:last-child{border:0}.format-matrix span,.format-matrix b{padding:1rem;border-right:1px solid var(--line);color:var(--muted);font:.57rem/1.5 var(--mono)}.format-matrix b{color:var(--format-color)}.format-matrix__head span{color:var(--bright)}
@keyframes specimen-spin { to { transform:rotate(360deg); } }
@keyframes specimen-blink { 50% { opacity:0; } }
@media (max-width:1000px) {
  .format-lab__hero,.format-specimen__brief { grid-template-columns:1fr; }
  .format-sheet--explainer,.format-sheet--framework { grid-template-columns:130px minmax(0,1fr); }.format-sheet--explainer .format-sheet__aside,.format-sheet--framework .format-sheet__aside{display:none}
  .format-sheet--artifact,.format-sheet--case-study { grid-template-columns:1fr; }.artifact-inspector,.case-timeline{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:680px) {
  .format-lab { width:100%; border-inline:0; }.format-lab__hero{padding:2rem 1rem}.format-lab__hero h1{font-size:3.6rem}.format-lab__legend{grid-template-columns:1fr}
  .format-lab__nav{position:static;grid-template-columns:1fr 1fr}.format-lab__nav small{display:none}
  .format-specimen{padding:2.5rem .75rem}.format-sheet--explainer,.format-sheet--framework{grid-template-columns:1fr}.format-sheet__rail,.framework-progress{display:none}.format-sheet__main,.artifact-workspace{padding:1.2rem}
  .format-sheet__main h3{font-size:2.8rem}.explainer-columns,.framework-steps,.case-metrics{grid-template-columns:1fr}.framework-steps div,.case-metrics div{border-right:0;border-bottom:1px solid var(--line)}
  .artifact-workspace > header{display:block}.artifact-actions{margin-top:1rem}.artifact-tabs{gap:.7rem;overflow-x:auto}.artifact-inspector,.case-timeline{padding:1rem}
  .format-matrix{overflow-x:auto}.format-matrix > div{min-width:850px}.format-specimen__motion{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) {
  .explainer-orbit,.framework-dial i,.artifact-cursor { animation:none !important; }
}

@media (max-width:900px) {
  .topics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .topic-card:nth-child(2) { border-right:0; }
  .topic-card { border-bottom:1px solid var(--line); }
}
@media (max-width:560px) {
  .topics-grid { grid-template-columns:1fr; }
  .topic-card { border-right:0; }
  .topics-page__map { height:300px; }
}
@media (max-width:680px) {
  .page-home .site-nav,
  .page-home #main-content {
    width:100%;
  }
  .page-home .home-hero,
  .page-home .home-hero__left,
  .page-home .home-hero__stats,
  .page-home .home-hero__stats > div {
    min-width:0;
  }
  .page-home .home-hero__left {
    padding:1.6rem 1rem 1.25rem;
  }
  .page-home .home-hero__eyebrow {
    white-space:normal;
    line-height:1.7;
  }
  .page-home .home-hero__stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.85rem 0;
  }
  .page-home .home-hero__stats > div {
    margin:0;
    padding:0 .75rem 0 0;
  }
  .page-home .home-hero__stats > div:nth-child(even),
  .page-home .home-hero__stats > div:last-child {
    border-right:0;
  }
  .page-home .home-hero__stats > div:last-child {
    grid-column:1 / -1;
  }
  .page-home .home-hero__map {
    min-height:300px;
    padding:0;
  }
  .page-home .home-hero__right {
    display:none;
  }
  .proposal-wall {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"restore" "paper" "trade" "project" "technical" "stack" "recent";
  }
  .proposal-card--restore,
  .proposal-card--mini {
    grid-template-columns:1fr;
  }
  .proposal-footer {
    grid-template-columns:1fr 1fr;
    padding:1rem;
  }
  .proposal-footer svg {
    display:none;
  }
}
@media (prefers-reduced-motion:reduce) {
  .knowledge-map .map-orbits,
  .knowledge-map .map-satellites,
  .knowledge-map .map-cluster,
  .knowledge-map .map-network,
  .knowledge-map .map-core-glow,
  .knowledge-map .map-dot--minor,
  .knowledge-map .map-portal__ring,
  .knowledge-map .map-portal__sparks,
  .knowledge-map .map-portal__sparks path { animation:none !important; }
  .proposal-card svg,
  .index-proposal__visual svg,
  .entry-hero-figure svg,
  .topic-card { transition:none !important; }
}

/* 34. AUTHORITATIVE SITE-WIDE DESIGN SYSTEM
   This final layer intentionally resolves earlier proposal iterations. */
body,
body.page-home,
body.page-index,
body.page-formats,
body.page-topics,
body.page-about {
  background-color:var(--ink);
  color:var(--text);
  font-family:var(--sans);
}

.site-nav,
.site-footer {
  background:rgba(3,7,9,.94);
  color:var(--text);
}
.site-nav__logo,
.site-nav__link,
.site-nav__search,
.site-footer,
.site-footer__link { font-family:var(--mono); }
.site-nav__link.active { border-bottom-color:var(--gold); }
.site-footer__link { color:var(--muted); font-size:.6rem; letter-spacing:.1em; transition:color .2s; }
.site-footer__link:hover { color:var(--bright); }
.site-footer__patent { color:var(--faint); }
.site-footer__patent rect,
.site-footer__patent line { fill:none; stroke:currentColor; stroke-width:.75; }
.site-footer__patent text { fill:currentColor; font:5px var(--mono); }
.site-footer__patent circle { fill:var(--gold); }
.site-footer__patent .site-footer__curve { fill:none; stroke:var(--gold); stroke-width:1.5; stroke-linecap:round; }

.t-display,
.t-heading,
h1,
h2,
h3,
.card__title,
.index-proposal__copy h2,
.entry-main__title { font-family:var(--serif); }
.t-label,
.badge,
.tag,
.topic-chip,
.topic-text,
.fig__label,
.status-block,
.sticky-note__label { font-family:var(--mono); }

/* Format identity is always attached to the badge itself. */
.badge--explainer { color:var(--format-explainer) !important; border-color:color-mix(in srgb,var(--format-explainer) 58%,var(--line)) !important; }
.badge--framework { color:var(--format-framework) !important; border-color:color-mix(in srgb,var(--format-framework) 58%,var(--line)) !important; }
.badge--artifact { color:var(--format-artifact) !important; border-color:color-mix(in srgb,var(--format-artifact) 58%,var(--line)) !important; }
.badge--case-study { color:var(--format-case-study) !important; border-color:color-mix(in srgb,var(--format-case-study) 58%,var(--line)) !important; }

.entry-page[class*="format--"] .entry-insight__label,
.entry-page[class*="format--"] .entry-hero-figure figcaption span {
  color:var(--format-color);
  border-color:color-mix(in srgb,var(--format-color) 55%,var(--line));
}
.entry-page[class*="format--"] .entry-flow-nodes rect { stroke:var(--format-color); }
.entry-page[class*="format--"] .entry-flow-lines { stroke:color-mix(in srgb,var(--format-color) 45%,var(--line2)); }
.entry-sidebar-right .status-block a { color:var(--text); }
.entry-sidebar-topics { flex-direction:column; gap:4px; align-items:flex-start; }
.related-item,
.related-work__item { text-decoration:none; }
.related-item .badge { padding:1px 5px; font-size:.55rem; }
.related-work__item .badge { font-size:.55rem; }
.entry-main__warning { color:var(--coral); }
.entry-prompt-wrap { margin-bottom:2rem; }
.entry-back { margin-top:3rem; padding-top:1.5rem; border-top:1px solid var(--line); }
.entry-back a { color:var(--muted); transition:color .2s; }
.entry-back a:hover { color:var(--bright); }
.patent-panel__fig svg { opacity:.6; }

/* 35. ENTRY EXPLAINER COMPONENTS */
.entry-body a {
  color:var(--cyan);
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,var(--cyan) 38%,transparent);
  text-underline-offset:3px;
}
.entry-body a:hover { color:var(--bright); text-decoration-color:var(--cyan); }
.entry-body h3 {
  max-width:72ch;
  margin:1.8rem 0 .65rem;
  color:var(--bright);
  font:400 1.35rem/1.25 var(--serif);
}
.entry-body ul {
  max-width:72ch;
  margin:0 0 1.25rem;
  padding-left:1.25rem;
}
.entry-body ul li {
  margin:.4rem 0;
  color:var(--muted);
  font:.85rem/1.65 var(--sans);
}
.entry-body blockquote {
  max-width:68ch;
  margin:1.4rem 0;
  padding:.25rem 0 .25rem 1.25rem;
  border-left:2px solid var(--format-color);
  color:var(--bright);
  font:italic 1.25rem/1.45 var(--serif);
}
.entry-body blockquote p { color:inherit; font:inherit; margin:0; }
.entry-body table {
  width:100%;
  margin:1.25rem 0 1.8rem;
  border-collapse:collapse;
  background:rgba(13,20,23,.62);
  font:.68rem/1.55 var(--mono);
}
.entry-body th,
.entry-body td {
  padding:.75rem;
  border:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}
.entry-body th { color:var(--format-color); font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.entry-body td { color:var(--muted); }
.entry-body td code { white-space:nowrap; }

.memory-hero { overflow:hidden; }
.memory-hero svg { max-height:none; }
.memory-hero__orbits circle,
.memory-hero__inputs path,
.memory-hero__file-lines path {
  stroke:color-mix(in srgb,var(--format-color) 38%,var(--line));
  stroke-width:1;
}
.memory-hero__orbits { transform-origin:450px 178px; animation:memory-orbit 24s linear infinite; }
.memory-hero__context rect {
  fill:var(--ink);
  stroke:var(--format-color);
  stroke-width:1.2;
  filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cyan) 20%,transparent));
}
.memory-hero__context text,
.memory-hero__input-labels text,
.memory-hero__files text,
.memory-hero > svg > text {
  fill:var(--muted);
  font:9px var(--mono);
  letter-spacing:.06em;
}
.memory-hero__context text { text-anchor:middle; }
.memory-hero__context .memory-hero__core-title,
.memory-hero__input-labels .memory-hero__label,
.memory-hero > svg > .memory-hero__label { fill:var(--format-color); }
.memory-hero__files rect {
  fill:color-mix(in srgb,var(--panel) 88%,transparent);
  stroke:color-mix(in srgb,var(--format-color) 46%,var(--line));
}
.memory-hero__files g {
  transition:filter .25s ease;
}
.memory-hero__files g:hover {
  filter:brightness(1.25);
}
.memory-hero__files text:first-of-type { fill:var(--bright); }

.memory-layers {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:1.5rem 0 2rem;
}
.memory-layers article {
  min-height:190px;
  padding:1rem;
  border:1px solid var(--line);
  background:linear-gradient(155deg,rgba(17,27,30,.86),rgba(8,12,14,.8));
  box-shadow:3px 3px 0 rgba(33,49,54,.45);
}
.memory-layers article.is-authoritative {
  border-color:color-mix(in srgb,var(--cyan) 55%,var(--line));
  background:linear-gradient(155deg,rgba(118,212,208,.09),rgba(8,12,14,.82));
}
.memory-layers span,
.memory-layers small {
  display:block;
  color:var(--faint);
  font:.55rem/1.5 var(--mono);
  letter-spacing:.08em;
}
.memory-layers strong {
  display:block;
  margin:2rem 0 .6rem;
  color:var(--bright);
  font:400 1.25rem/1.2 var(--serif);
}
.memory-layers p { min-height:5.2em; margin:0 0 1rem; color:var(--muted); font:.72rem/1.7 var(--sans); }
.memory-layers .is-authoritative span,
.memory-layers .is-authoritative small { color:var(--cyan); }

.file-stack {
  display:grid;
  gap:7px;
  margin:1.4rem 0 2rem;
}
.file-stack article {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  padding:.85rem 1rem;
  border:1px solid var(--line);
  background:rgba(13,20,23,.66);
  transition:transform .2s,border-color .2s,background .2s;
}
.file-stack article:hover {
  transform:translateX(4px);
  border-color:color-mix(in srgb,var(--cyan) 48%,var(--line));
  background:rgba(118,212,208,.05);
}
.file-stack b { color:var(--format-color); font:.65rem var(--mono); }
.file-stack strong { display:block; color:var(--bright); font:.78rem var(--mono); }
.file-stack span { display:block; margin-top:.25rem; color:var(--muted); font:.7rem/1.5 var(--sans); }
.file-stack em { color:var(--faint); font:.56rem/1.4 var(--mono); text-align:right; }

.download-panel {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);
  gap:1.2rem;
  margin:1.4rem 0 2rem;
  padding:1.25rem;
  border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));
  background:radial-gradient(circle at 15% 30%,rgba(118,212,208,.09),transparent 40%),var(--panel);
  box-shadow:4px 4px 0 rgba(33,49,54,.58);
}
.download-panel span { color:var(--cyan); font:.58rem var(--mono); letter-spacing:.12em; }
.download-panel strong { display:block; margin:.8rem 0 .45rem; color:var(--bright); font:400 1.3rem/1.25 var(--serif); }
.download-panel p { margin:0; color:var(--muted); font:.72rem/1.65 var(--sans); }
.download-panel__links { display:grid; gap:5px; }
.download-panel__links a {
  display:flex;
  justify-content:space-between;
  padding:.55rem .7rem;
  border:1px solid var(--line);
  color:var(--text);
  text-decoration:none;
  font:.62rem var(--mono);
}
.download-panel__links a::after { content:"DOWN"; color:var(--cyan); font-size:.52rem; }
.download-panel__links a:hover { border-color:var(--cyan); background:rgba(118,212,208,.05); }
.download-panel__links a.is-primary {
  margin-bottom:.35rem;
  border-color:var(--cyan);
  background:rgba(118,212,208,.08);
  color:var(--bright);
}
.download-panel__links a[href$=".zip"]::after { content:"ZIP"; }
.download-panel__links a[href$=".md"]::after { content:"MD"; }
.download-panel__links a[href$=".csv"]::after { content:"CSV"; }

.prompt-card {
  margin:1.4rem 0 2rem;
  border:1px solid color-mix(in srgb,var(--purple) 36%,var(--line));
  background:linear-gradient(145deg,rgba(199,125,255,.055),rgba(13,20,23,.76));
  box-shadow:4px 4px 0 rgba(33,49,54,.58);
}
.prompt-card header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.65rem .8rem;
  border-bottom:1px solid var(--line);
}
.prompt-card header span { color:var(--purple); font:.57rem var(--mono); letter-spacing:.12em; }
.prompt-card .copy-btn { position:static; flex:0 0 auto; }
.prompt-card pre {
  max-height:430px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--text);
  white-space:pre-wrap;
}

.context-router {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin:1.4rem 0 2rem;
}
.context-router div {
  min-height:105px;
  padding:1rem;
  border:1px solid var(--line);
  background:rgba(13,20,23,.68);
}
.context-router span,
.context-router b { display:block; }
.context-router span { color:var(--muted); font:.65rem/1.5 var(--sans); }
.context-router b { margin-top:1.25rem; color:var(--cyan); font:.62rem/1.5 var(--mono); }

@keyframes memory-orbit { to { transform:rotate(360deg); } }

@media (max-width:768px) {
  .entry-page { display:block; min-width:0; }
  .entry-sidebar-left,
  .entry-sidebar-right { display:none; }
  .entry-main {
    width:100%;
    min-width:0;
    max-width:none;
    padding:1.5rem 1rem 2rem;
  }
  .entry-main__type-row { gap:.75rem; margin-bottom:1rem; }
  .entry-main__title {
    max-width:10ch;
    font-size:clamp(2.8rem,14vw,4rem);
    line-height:.92;
  }
  .entry-main__abstract { max-width:100%; }
  .entry-main__meta-bar { flex-wrap:wrap; gap:.75rem 1rem; }
  .entry-insight-grid { grid-template-columns:1fr; }
  .site-nav {
    grid-template-columns:auto 1fr;
    gap:1rem;
    padding-inline:1rem;
  }
  .site-nav__links { gap:1rem; justify-content:flex-end; }
  .site-nav__right { display:none; }
  .entry--project-memory .memory-hero { margin-inline:0; overflow:hidden; }
  .entry--project-memory .memory-hero svg { min-width:0; }
  .memory-layers { grid-template-columns:1fr; }
  .memory-layers article { min-height:auto; }
  .memory-layers strong { margin-top:1rem; }
  .memory-layers p { min-height:0; }
  .file-stack article { grid-template-columns:34px minmax(0,1fr); }
  .file-stack em { display:none; }
  .download-panel,
  .context-router { grid-template-columns:1fr; }
  .entry-body table { display:block; overflow-x:auto; white-space:nowrap; }
}

@media (max-width:480px) {
  .site-nav__links { gap:.7rem; }
  .site-nav__link { font-size:.55rem; letter-spacing:.09em; }
  .entry-main__title { max-width:11ch; }
  .entry-hero-figure { padding:.65rem; }
  .entry-hero-figure figcaption { gap:.5rem; font-size:.52rem; }
  .prompt-card header { align-items:flex-start; }
}

@media (prefers-reduced-motion:reduce) {
  .memory-hero__orbits,
  .memory-hero__files g { animation:none !important; transition:none; }
  .file-stack article { transition:none; }
}

.topic-chip,
.topic-text {
  background:color-mix(in srgb,var(--topic-color,var(--line)) 5%,transparent);
}

.about-page {
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  min-height:calc(100vh - var(--nav-h));
}
.about-page__main {
  max-width:980px;
  padding:clamp(2rem,5vw,5rem);
  border-right:1px solid var(--line);
}
.about-page__main > .t-label { color:var(--gold); margin-bottom:1.2rem; }
.about-page__title {
  max-width:11ch;
  color:var(--bright);
  font:italic clamp(4rem,9vw,8rem)/.84 var(--serif);
  letter-spacing:-.04em;
}
.about-page__role {
  margin:1.4rem 0 2rem;
  color:var(--muted);
  font:.7rem/1.7 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.about-page__main .t-body { max-width:70ch; margin-bottom:1.2rem; font-family:var(--sans); font-size:.92rem; }
.about-page__links {
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  margin-top:2rem;
  padding-top:1.5rem;
  border-top:1px solid var(--line);
}
.about-page__links a:first-child { color:var(--gold); }
.about-page__links a:hover { color:var(--bright); }
.about-page__domains {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:3rem;
  border:1px solid var(--line);
}
.about-page__domains a {
  display:flex;
  justify-content:space-between;
  gap:1rem;
  padding:1.2rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--topic-color) 3%,transparent);
  color:var(--topic-color);
  transition:background .2s;
}
.about-page__domains a:hover { background:color-mix(in srgb,var(--topic-color) 9%,transparent); }
.about-page__domains a:nth-child(even) { border-right:0; }
.about-page__domains a:nth-last-child(-n+2) { border-bottom:0; }
.about-page__domains span { font:500 .68rem var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.about-page__domains b { font:400 .5rem var(--mono); }
.about-page__rail { display:flex; flex-direction:column; gap:1.5rem; padding:2rem 1.5rem; }
.about-page__map { min-height:300px; border:1px solid var(--line); padding:1rem; }
.about-page__map .map-container { height:260px; }
.about-page__map .knowledge-map { width:100%; height:100%; }

@media (max-width:960px) {
  .about-page { grid-template-columns:1fr; }
  .about-page__main { max-width:none; border-right:0; border-bottom:1px solid var(--line); }
  .about-page__rail { display:grid; grid-template-columns:1fr 1fr; }
  .about-page__map { grid-row:span 2; }
}
@media (max-width:680px) {
  .about-page__main { padding:2rem 1rem; }
  .about-page__title { font-size:clamp(3.5rem,19vw,5.5rem); }
  .about-page__domains,
  .about-page__rail { grid-template-columns:1fr; }
  .about-page__domains a { border-right:0; border-bottom:1px solid var(--line) !important; }
  .about-page__domains a:last-child { border-bottom:0 !important; }
  .site-footer__bottom { gap:1rem; flex-direction:column; }
}

/* 35. COLLECTION-DRIVEN CURATION SURFACES */
.curation-board {
  width:min(1880px,calc(100vw - 44px));
  margin:auto;
  border-inline:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.curation-board__intro {
  display:grid;
  grid-template-columns:1.1fr 1fr auto;
  align-items:end;
  gap:2rem;
  padding:2.2rem 2rem;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 70% 30%,rgba(118,212,208,.05),transparent 32%);
}
.curation-board__intro span,
.curation-board__intro a,
.curation-topic b,
.curation-format span {
  color:var(--gold);
  font:.58rem/1.4 var(--mono);
  letter-spacing:.1em;
}
.curation-board__intro h2 {
  max-width:15ch;
  margin-top:.5rem;
  color:var(--bright);
  font:italic clamp(2.3rem,4vw,4rem)/.95 var(--serif);
}
.curation-board__intro p {
  max-width:62ch;
  color:var(--muted);
  font:.68rem/1.65 var(--mono);
}
.curation-board__topics,
.curation-board__formats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.curation-board__latest {
  display:grid;
  grid-template-columns:90px minmax(0,1fr) minmax(230px,.6fr);
  gap:1.5rem;
  align-items:center;
  min-height:250px;
  padding:1.6rem 2rem;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 82% 50%,color-mix(in srgb,var(--topic-color) 9%,transparent),transparent 30%),var(--ink);
  transition:background .25s;
}
.curation-board__latest:hover {
  background:radial-gradient(circle at 82% 50%,color-mix(in srgb,var(--topic-color) 15%,transparent),transparent 34%),var(--panel);
}
.curation-board__latest-icon {
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  border:1px solid color-mix(in srgb,var(--format-color) 55%,var(--line));
  box-shadow:4px 4px 0 rgba(33,49,54,.55);
}
.curation-board__latest-icon svg { width:38px; fill:none; stroke:var(--format-color); }
.curation-board__latest-copy span,
.curation-board__latest-copy b { color:var(--topic-color); font:.58rem/1.5 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.curation-board__latest-copy h3 { max-width:21ch; margin:.55rem 0; color:var(--bright); font:italic clamp(2rem,3.3vw,3.7rem)/.95 var(--serif); }
.curation-board__latest-copy p { max-width:70ch; margin-bottom:.8rem; color:var(--muted); font:.7rem/1.65 var(--mono); }
.curation-board__latest-figure {
  position:relative;
  height:150px;
  padding:.65rem;
  border:1px solid var(--line);
  background:radial-gradient(circle at center,color-mix(in srgb,var(--topic-color) 10%,transparent),transparent 55%);
  overflow:hidden;
}
.curation-topic,
.curation-format {
  min-height:190px;
  padding:1.3rem;
  border-right:1px solid var(--line);
  background:linear-gradient(145deg,color-mix(in srgb,var(--topic-color,var(--format-color)) 4%,var(--panel)),var(--ink));
  transition:background .2s,transform .2s;
}
.curation-topic:last-child,
.curation-format:last-child { border-right:0; }
.curation-topic:hover,
.curation-format:hover {
  background:linear-gradient(145deg,color-mix(in srgb,var(--topic-color,var(--format-color)) 10%,var(--panel)),var(--ink));
  transform:translateY(-3px);
}
.curation-topic .topic-card__orb { width:38px; height:38px; margin-bottom:1.5rem; }
.curation-topic .topic-card__orb::before { width:18px; height:18px; margin:9px; }
.curation-topic .topic-card__orb::after { margin:14px; }
.curation-topic > span,
.curation-format > span { color:var(--topic-color,var(--format-color)); font:500 .7rem var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.curation-topic p,
.curation-format p { margin:.7rem 0 1rem; color:var(--muted); font:.66rem/1.6 var(--sans); }
.curation-topic b { color:var(--topic-color); }
.curation-board__formats { border-top:1px solid var(--line); }
.curation-format { min-height:130px; }
.curation-format svg { width:28px; height:28px; margin-bottom:1rem; fill:none; stroke:var(--format-color); stroke-width:1; }
.curation-format > span { color:var(--format-color); }

.index-proposal__empty {
  min-height:430px;
  display:grid;
  place-content:center;
  justify-items:start;
  padding:3rem;
  border-bottom:1px solid var(--line);
  background:radial-gradient(circle at 50% 50%,rgba(118,212,208,.04),transparent 35%);
}
.index-proposal__empty span { color:var(--cyan); font:.55rem var(--mono); letter-spacing:.12em; }
.index-proposal__empty h2 { max-width:14ch; margin:.8rem 0; color:var(--bright); font:italic clamp(2.5rem,5vw,5rem)/.92 var(--serif); }
.index-proposal__empty p { max-width:55ch; color:var(--muted); font:.68rem/1.7 var(--mono); }
.index-proposal__visual--generic { display:grid; place-items:center; }
.index-proposal__visual--generic svg { width:44px !important; height:44px !important; fill:none; stroke:var(--format-color); stroke-width:1; }

.entry-preview {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.entry-preview__orbits,
.entry-preview__inputs,
.entry-preview__connections {
  stroke:color-mix(in srgb,var(--topic-color) 42%,var(--line));
  stroke-width:1;
}
.entry-preview__orbits {
  transform-origin:142px 95px;
  animation:memory-orbit 24s linear infinite;
}
.entry-preview__core rect {
  fill:var(--ink);
  stroke:var(--topic-color);
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--topic-color) 24%,transparent));
}
.entry-preview__core text,
.entry-preview__files text {
  fill:var(--muted);
  font:9px var(--mono);
  letter-spacing:.04em;
}
.entry-preview__core text { text-anchor:middle; }
.entry-preview__core text:first-of-type { fill:var(--bright); }
.entry-preview__files rect {
  fill:color-mix(in srgb,var(--panel) 88%,transparent);
  stroke:color-mix(in srgb,var(--topic-color) 55%,var(--line));
}
.entry-preview__compact-nodes rect,
.ai-system-hero__nodes rect {
  fill:color-mix(in srgb,var(--panel) 88%,transparent);
  stroke:var(--format-color);
  stroke-width:1;
}
.entry-preview__compact-nodes text,
.ai-system-hero__nodes text,
.ai-system-hero__labels text {
  fill:var(--muted);
  font:9px var(--mono);
  letter-spacing:.04em;
  text-anchor:middle;
}
.entry-preview__compact-nodes g,
.ai-system-hero__nodes g {
  transition:filter .2s ease,transform .2s ease;
}
.entry-preview__compact-nodes g:hover,
.ai-system-hero__nodes g:hover { filter:brightness(1.35); }
.entry-preview__gate-line {
  stroke:var(--coral);
  stroke-dasharray:3 4;
  animation:publishing-gate-scan 2.8s linear infinite;
}
.entry-preview__gate-label text {
  fill:var(--coral);
  font:8px var(--mono);
  letter-spacing:.08em;
  text-anchor:middle;
}
.publishing-hero__rail {
  stroke:color-mix(in srgb,var(--format-color) 55%,var(--line2));
  stroke-width:1;
}
.publishing-hero__nodes rect {
  fill:var(--ink);
  stroke:var(--format-color);
  stroke-width:1;
}
.publishing-hero__nodes text {
  fill:var(--bright);
  font:11px var(--mono);
  letter-spacing:.06em;
  text-anchor:middle;
}
.publishing-hero__gate path {
  stroke:var(--coral);
  stroke-width:1;
  stroke-dasharray:4 5;
  animation:publishing-gate-scan 2.8s linear infinite;
}
.publishing-hero__gate circle {
  fill:var(--ink);
  stroke:var(--coral);
  animation:publishing-gate-pulse 2.8s ease-in-out infinite;
}
.publishing-hero__gate text,
.publishing-hero__checks text,
.publishing-hero__note {
  fill:var(--muted);
  font:9px var(--mono);
  letter-spacing:.07em;
  text-anchor:middle;
}
.publishing-hero__gate text { fill:var(--coral); }
.publishing-hero__checks text { fill:var(--format-color); }
.publishing-hero__note { fill:var(--faint); }
.entry-publishing-strip {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.35rem;
  margin-bottom:.85rem;
}
.entry-publishing-strip span {
  min-width:0;
  padding:.55rem .3rem;
  border:1px solid color-mix(in srgb,var(--format-color) 50%,var(--line));
  background:color-mix(in srgb,var(--format-color) 5%,transparent);
  color:var(--text);
  font:.55rem/1.3 var(--mono);
  letter-spacing:.06em;
  text-align:center;
}

@keyframes publishing-gate-scan {
  to { stroke-dashoffset:-18; }
}
@keyframes publishing-gate-pulse {
  0%,100% { opacity:.55; }
  50% { opacity:1; filter:drop-shadow(0 0 7px var(--coral)); }
}
.ai-system-hero__rail {
  stroke:color-mix(in srgb,var(--format-color) 48%,var(--line));
  stroke-width:1;
}
.ai-system-hero__labels text { fill:var(--format-color); }
.entry-preview__files g {
  animation:entry-preview-file 4s ease-in-out infinite;
}
.entry-preview__files g:nth-child(2) { animation-delay:.2s; }
.entry-preview__files g:nth-child(3) { animation-delay:.4s; }
.entry-preview__files g:nth-child(4) { animation-delay:.6s; }
.entry-preview__files g:nth-child(5) { animation-delay:.8s; }
.curation-board__latest-figure .entry-preview { min-width:300px; }
.index-proposal__visual .entry-preview { width:100% !important; height:100% !important; }

@keyframes entry-preview-file {
  0%,70%,100% { opacity:.58; }
  15%,45% { opacity:1; }
}

@media (max-width:900px) {
  .curation-board__intro { grid-template-columns:1fr; align-items:start; }
  .curation-board__latest { grid-template-columns:70px minmax(0,1fr); padding:1.4rem; }
  .curation-board__latest-figure {
    display:block;
    grid-column:1 / -1;
    height:135px;
    margin-top:.35rem;
  }
  .curation-board__topics,
  .curation-board__formats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .curation-topic:nth-child(2),
  .curation-format:nth-child(2) { border-right:0; }
  .curation-topic,
  .curation-format { border-bottom:1px solid var(--line); }
}

@media (max-width:680px) {
  .page-index .index-proposal__entry .index-proposal__visual {
    display:grid;
    grid-column:1 / -1;
    grid-row:3;
    width:100%;
    height:116px;
    margin-top:.35rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .entry-preview__orbits,
  .entry-preview__files g,
  .entry-preview__gate-line,
  .publishing-hero__gate path,
  .publishing-hero__gate circle { animation:none !important; }
}
@media (max-width:560px) {
  .curation-board { width:100%; border-inline:0; }
  .curation-board__intro { padding:1.5rem 1rem; }
  .curation-board__topics,
  .curation-board__formats { grid-template-columns:1fr; }
  .curation-board__latest { grid-template-columns:1fr; }
  .curation-topic,
  .curation-format { border-right:0; }
}

/* 36. AUTHORITATIVE MOBILE-FIRST ENTRY SYSTEM
   Phone is the default. Larger layouts progressively add rails. */
.page-entry .site-nav {
  position:sticky;
  top:0;
  height:auto;
  min-height:78px;
  grid-template-columns:1fr;
  gap:.65rem;
  padding:.7rem 1rem .55rem;
}
.page-entry .site-nav__logo { font-size:.72rem; letter-spacing:.24em; }
.page-entry .site-nav__links {
  width:100%;
  justify-content:space-between;
  gap:.65rem;
  padding-top:.45rem;
  border-top:1px solid var(--line);
}
.page-entry .site-nav__link { font-size:.55rem; letter-spacing:.09em; }
.page-entry .site-nav__right { display:none; }

body.page-entry .site-nav {
  grid-template-columns:1fr auto;
  min-height:66px;
  padding:10px 16px;
}
body.page-entry .site-nav .site-nav__links {
  grid-column:2;
  width:auto;
  gap:4px;
  margin:0;
  padding:0;
  border:0;
}

.page-entry .entry-page {
  display:block;
  min-width:0;
  min-height:0;
}
.page-entry .entry-sidebar-left,
.page-entry .entry-sidebar-right { display:none; }
.page-entry .entry-main {
  width:100%;
  min-width:0;
  max-width:none;
  padding:1.25rem 1rem 2.5rem;
}
.page-entry .entry-main__type-row {
  flex-wrap:wrap;
  gap:.65rem;
  margin-bottom:1rem;
}
.page-entry .entry-main__title {
  max-width:11ch;
  margin-bottom:.9rem;
  font-size:clamp(2.65rem,13vw,3.4rem);
  line-height:.92;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.page-entry .entry-main__abstract {
  max-width:100%;
  margin-bottom:1.25rem;
  padding-bottom:1.25rem;
  font-size:.75rem;
  line-height:1.75;
}
.page-entry .entry-main__meta-bar {
  flex-wrap:wrap;
  gap:.55rem 1rem;
  margin:.8rem 0;
}
.page-entry .entry-mobile-tools {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:0 0 1rem;
  border:1px solid var(--line);
  background:var(--line);
}
.page-entry .entry-mobile-tools a {
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:.65rem .45rem;
  background:var(--ink);
  color:var(--muted);
  font:.56rem/1.3 var(--mono);
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}
.page-entry .entry-mobile-tools a[class*="topic--"] { color:var(--topic-color); }
.page-entry .entry-mobile-tools a:hover { color:var(--bright); background:var(--panel); }

.page-entry .entry-hero-figure {
  margin:1rem 0 1.25rem;
  padding:.7rem;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-color:var(--line2) transparent;
}
.page-entry .entry-hero-figure figcaption {
  position:sticky;
  left:0;
  width:max-content;
  max-width:100%;
  gap:.45rem;
  font-size:.52rem;
  line-height:1.5;
}
.page-entry .entry-hero-figure figcaption::after {
  content:"SWIPE";
  margin-left:auto;
  color:var(--faint);
}
.page-entry .entry-hero-figure svg {
  width:680px;
  max-width:none;
  min-width:680px;
  max-height:none;
}
.page-entry .entry-insight-grid {
  grid-template-columns:1fr;
  gap:8px;
  margin-bottom:1.75rem;
}
.page-entry .entry-insight { padding:.9rem; }
.page-entry .entry-insight p,
.page-entry .entry-insight li { font-size:.68rem; }
.page-entry .entry-contract-strip,
.page-entry .entry-ledger-strip,
.page-entry .entry-test-strip {
  display:grid;
  gap:.35rem;
  margin-bottom:.85rem;
}
.page-entry .entry-contract-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-entry .entry-ledger-strip { grid-template-columns:repeat(4,minmax(0,1fr)); }
.page-entry .entry-test-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
.page-entry .entry-contract-strip span,
.page-entry .entry-ledger-strip span,
.page-entry .entry-test-strip span,
.page-entry .entry-test-strip b {
  min-width:0;
  padding:.55rem .3rem;
  border:1px solid color-mix(in srgb,var(--format-color) 50%,var(--line));
  background:color-mix(in srgb,var(--format-color) 5%,transparent);
  color:var(--text);
  font:.55rem/1.3 var(--mono);
  letter-spacing:.06em;
  text-align:center;
}
.page-entry .entry-ledger-strip i { display:none; }
.page-entry .entry-test-strip b {
  grid-column:1 / -1;
  color:var(--format-color);
}
.page-entry .entry-continuity-loop {
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.35rem;
}
.page-entry .entry-continuity-loop span {
  min-width:0;
  padding:.55rem .2rem;
  text-align:center;
}
.page-entry .entry-continuity-loop i { display:none; }

.page-entry .entry-body h2 {
  margin-top:2.2rem;
  font-size:.69rem;
  line-height:1.5;
}
.page-entry .entry-body h3 {
  margin-top:1.65rem;
  font-size:1.35rem;
}
.page-entry .entry-body p {
  max-width:none;
  margin-bottom:1.1rem;
  font-size:1rem;
  line-height:1.75;
}
.page-entry .entry-body ul,
.page-entry .entry-body ol { max-width:none; padding-left:1.2rem; }
.page-entry .entry-body ul li,
.page-entry .entry-body ol li { font-size:.86rem; line-height:1.75; }
.page-entry .entry-body blockquote { font-size:1.25rem; }
.page-entry .entry-body pre {
  padding:1rem;
  font-size:.78rem;
  line-height:1.65;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.page-entry .entry-body table {
  display:block;
  overflow-x:auto;
  white-space:nowrap;
  overscroll-behavior-inline:contain;
}
.page-entry .entry-body th,
.page-entry .entry-body td { min-width:150px; padding:.7rem; }

.page-entry .memory-layers { grid-template-columns:1fr; gap:8px; }
.page-entry .memory-layers article { min-height:auto; }
.page-entry .memory-layers strong { margin-top:1rem; }
.page-entry .memory-layers p { min-height:0; font-size:.82rem; }
.page-entry .file-stack article {
  grid-template-columns:32px minmax(0,1fr);
  gap:.7rem;
  padding:.8rem;
}
.page-entry .file-stack em { display:none; }
.page-entry .download-panel,
.page-entry .context-router { grid-template-columns:1fr; }
.page-entry .download-panel { padding:1rem; }
.page-entry .download-panel__links a {
  min-height:44px;
  align-items:center;
  font-size:.65rem;
}
.page-entry .prompt-card header {
  align-items:flex-start;
  padding:.7rem;
}
.page-entry .prompt-card header span { max-width:16ch; line-height:1.5; }
.page-entry .prompt-card .copy-btn {
  min-height:40px;
  padding:.5rem .65rem;
}
.page-entry .prompt-card pre {
  max-height:520px;
  padding:1rem;
  overflow:auto;
  overscroll-behavior:contain;
}
.page-entry .prompt-card pre code {
  display:block;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.page-entry .context-router div { min-height:auto; }
.page-entry .faq-item__q {
  min-height:52px;
  gap:1rem;
  padding:1rem 0;
  font-size:.9rem;
  line-height:1.45;
}
.page-entry .faq-item__a { font-size:.9rem; }
.page-entry .related-work__grid { grid-template-columns:1fr; }
.page-entry .related-work__item { min-height:88px; border-right:0; border-bottom:1px solid var(--line); }
.page-entry .related-work__item:last-child { border-bottom:0; }
.page-entry .entry-back a {
  display:flex;
  min-height:44px;
  align-items:center;
}

.page-entry .site-footer {
  grid-template-columns:1fr;
  gap:1.25rem;
  padding:1.25rem 1rem;
}
.page-entry .site-footer__center { display:none; }
.page-entry .site-footer__meta { text-align:left; }

@media (min-width:700px) {
  .page-entry .site-nav {
    min-height:52px;
    grid-template-columns:1fr auto 1fr;
    gap:1rem;
    padding:0 1.5rem;
  }
  .page-entry .site-nav__links {
    width:auto;
    justify-content:center;
    gap:1.8rem;
    padding-top:0;
    border-top:0;
  }
  .page-entry .site-nav__link { font-size:.62rem; letter-spacing:.12em; }
  .page-entry .site-nav__right { display:flex; }
  .page-entry .entry-main {
    max-width:850px;
    margin-inline:auto;
    padding:2.25rem 2.5rem 3.5rem;
  }
  .page-entry .entry-main__title {
    max-width:14ch;
    font-size:clamp(3.6rem,7vw,4.5rem);
  }
  .page-entry .entry-main__abstract { max-width:70ch; }
  .page-entry .entry-mobile-tools { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .page-entry .entry-contract-strip { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .page-entry .entry-ledger-strip { grid-template-columns:repeat(7,auto); align-items:center; }
  .page-entry .entry-ledger-strip i { display:block; color:var(--faint); font-style:normal; }
  .page-entry .entry-test-strip { grid-template-columns:repeat(3,minmax(0,1fr)) auto; align-items:center; }
  .page-entry .entry-test-strip b { grid-column:auto; }
  .page-entry .entry-publishing-strip { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .page-entry .entry-continuity-loop {
    grid-template-columns:repeat(9,auto);
    gap:.45rem;
  }
  .page-entry .entry-continuity-loop span { padding:.45rem .55rem; }
  .page-entry .entry-continuity-loop i { display:block; }
  .page-entry .entry-hero-figure { overflow:visible; }
  .page-entry .entry-hero-figure figcaption { position:static; width:auto; }
  .page-entry .entry-hero-figure figcaption::after { display:none; }
  .page-entry .entry-hero-figure svg {
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .page-entry .entry-insight-grid { grid-template-columns:1.25fr .75fr; }
  .page-entry .memory-layers { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-entry .memory-layers article { min-height:190px; }
  .page-entry .memory-layers p { min-height:5.2em; }
  .page-entry .file-stack article { grid-template-columns:48px minmax(0,1fr) auto; }
  .page-entry .file-stack em { display:block; }
  .page-entry .download-panel { grid-template-columns:minmax(0,1fr) minmax(210px,.7fr); }
  .page-entry .context-router { grid-template-columns:1fr 1fr; }
  .page-entry .related-work__grid { grid-template-columns:repeat(3,1fr); }
  .page-entry .related-work__item { border-right:1px solid var(--line); border-bottom:0; }
  .page-entry .related-work__item:last-child { border-right:0; }
}

@media (min-width:1100px) {
  .page-entry .entry-page {
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
  }
  .page-entry .entry-sidebar-left {
    display:block;
    position:sticky;
    top:52px;
    height:calc(100vh - 52px);
  }
  .page-entry .entry-main {
    max-width:960px;
    margin-inline:0;
    padding:2rem clamp(2rem,4vw,4rem) 4rem;
  }
  .page-entry .entry-main__title { max-width:16ch; font-size:clamp(3.7rem,5vw,5rem); }
  .page-entry .entry-mobile-tools { display:none; }
}

@media (min-width:1320px) {
  .page-entry .entry-page { grid-template-columns:190px minmax(0,1fr) 255px; }
  .page-entry .entry-sidebar-right {
    display:flex;
    position:sticky;
    top:52px;
    height:calc(100vh - 52px);
  }
}

/* 37. NEURAL OBSERVATORY HOMEPAGE
   Isolated from the shared publication palette and layouts. */
.page-home {
  --obs-ink:#050815;
  --obs-panel:#071222;
  --obs-panel2:#09172a;
  --obs-line:#244a72;
  --obs-line-soft:#17314e;
  --obs-white:#f3f4fa;
  --obs-text:#b3bdd1;
  --obs-muted:#708098;
  --obs-cyan:#45dfff;
  --obs-violet:#bd68ff;
  --obs-pink:#f33ca4;
  --obs-coral:#ff6f69;
  --obs-mint:#73efbc;
  background:
    radial-gradient(circle at 50% 12%,rgba(49,72,183,.13),transparent 31%),
    linear-gradient(180deg,#030713,#07101d 70%,#050914);
  color:var(--obs-white);
}
.page-home .topic--ai-systems { --topic-color:var(--obs-cyan); }
.page-home .topic--invention-ip { --topic-color:var(--obs-violet); }
.page-home .topic--trading-systems { --topic-color:var(--obs-coral); }
.page-home .topic--building-systems { --topic-color:var(--obs-mint); }
.page-home > .site-nav { display:none; }
.page-home #main-content {
  width:100%;
  max-width:none;
  min-width:0;
  border:0;
  background:transparent;
}
.observatory-home {
  width:min(1880px,100%);
  margin:0 auto;
  padding:15px 24px 34px;
  font-family:var(--mono);
}
.observatory-card,
.observatory-nav {
  border:1px solid var(--obs-line);
  border-radius:13px;
  background:
    linear-gradient(145deg,rgba(12,31,54,.76),rgba(5,11,26,.9));
  box-shadow:
    inset 0 1px 0 rgba(130,213,255,.05),
    0 10px 32px rgba(0,0,0,.18);
}
.observatory-card {
  position:relative;
  min-width:0;
  overflow:hidden;
}
.observatory-card::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset -1px 0 0 rgba(189,104,255,.18);
}
.observatory-card > * { position:relative; z-index:1; }
.observatory-nav {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:55px;
  margin-bottom:9px;
  padding:0 30px;
  border-color:color-mix(in srgb,var(--obs-cyan) 55%,var(--obs-violet));
}
.observatory-nav__logo {
  color:var(--obs-white);
  font:800 1.75rem/1 var(--sans);
  letter-spacing:-.06em;
}
.observatory-nav__logo span { color:var(--obs-pink); }
.observatory-nav__links {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4rem;
}
.observatory-nav__links a {
  display:flex;
  min-height:44px;
  align-items:center;
  gap:.7rem;
  color:var(--obs-text);
  font:.74rem/1 var(--mono);
}
.observatory-nav__links a:hover { color:var(--obs-white); }
.observatory-nav__links i { color:var(--obs-white); font-size:1rem; font-style:normal; }
.observatory-nav__links i svg {
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.observatory-button {
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  justify-self:end;
  padding:.55rem 1.5rem;
  border-radius:999px;
  background:linear-gradient(120deg,var(--obs-pink),var(--obs-coral));
  box-shadow:0 0 23px rgba(243,60,164,.5);
  color:#fff;
  font:500 .72rem/1 var(--sans);
}
.observatory-label {
  margin:0;
  color:var(--obs-cyan);
  font:500 .62rem/1.4 var(--mono);
  letter-spacing:.12em;
}
.observatory-top {
  display:grid;
  grid-template-columns:minmax(420px,.63fr) minmax(670px,1fr);
  gap:12px;
  min-height:426px;
}
.observatory-intro {
  padding:20px 28px 16px;
  border-color:color-mix(in srgb,var(--obs-cyan) 65%,var(--obs-violet));
}
.observatory-intro h1 {
  margin:12px 0 7px;
  color:var(--obs-white);
  font:800 clamp(3.3rem,4.4vw,4.8rem)/.86 var(--sans);
  letter-spacing:-.075em;
}
.observatory-intro h1 em {
  display:block;
  margin-top:.08em;
  color:var(--obs-pink);
  font:500 .72em/.95 var(--serif);
  letter-spacing:0;
}
.observatory-intro__copy {
  max-width:56ch;
  margin:8px 0 13px;
  color:var(--obs-text);
  font:.7rem/1.65 var(--mono);
}
.observatory-facets {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  padding-top:12px;
  border-top:1px solid var(--obs-line-soft);
}
.observatory-facet { min-width:0; color:var(--topic-color); }
.observatory-facet__icon {
  display:grid;
  width:42px;
  height:38px;
  align-items:center;
  margin-bottom:2px;
}
.observatory-facet__icon svg {
  width:42px;
  height:38px;
  overflow:visible;
  stroke-width:1.8;
}
.observatory-facet__icon img {
  width:48px;
  height:44px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:screen;
}
.observatory-facet b {
  display:block;
  min-height:2.2em;
  color:var(--topic-color);
  font:500 .58rem/1.3 var(--mono);
}
.observatory-facet small {
  display:block;
  color:var(--obs-text);
  font:.54rem/1.55 var(--mono);
}
.observatory-map-card {
  min-height:426px;
  padding:12px 14px;
  border-color:color-mix(in srgb,var(--obs-cyan) 65%,var(--obs-line));
  background:
    radial-gradient(circle at 50% 50%,rgba(102,51,255,.14),transparent 35%),
    linear-gradient(145deg,rgba(7,24,43,.94),rgba(4,11,23,.96));
}
.observatory-map-image {
  position:absolute !important;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}
.observatory-map-hotspots {
  position:absolute !important;
  inset:0;
  z-index:4 !important;
  pointer-events:none;
}
.observatory-map-hotspots a {
  position:absolute;
  width:32%;
  height:42%;
  border:1px solid transparent;
  border-radius:45%;
  pointer-events:auto;
}
.observatory-map-hotspots a:nth-child(1) { top:5%; left:7%; }
.observatory-map-hotspots a:nth-child(2) { top:5%; right:7%; }
.observatory-map-hotspots a:nth-child(3) { bottom:5%; left:7%; }
.observatory-map-hotspots a:nth-child(4) { right:7%; bottom:5%; }
.observatory-map-hotspots span {
  position:absolute;
  left:50%;
  bottom:4px;
  opacity:0;
  transform:translate(-50%,5px);
  padding:.35rem .55rem;
  border:1px solid var(--topic-color);
  border-radius:999px;
  background:rgba(2,7,19,.9);
  color:var(--topic-color);
  font:500 .48rem/1 var(--obs-mono);
  white-space:nowrap;
  transition:opacity .2s,transform .2s;
}
.observatory-map-hotspots a:hover,
.observatory-map-hotspots a:focus-visible {
  border-color:color-mix(in srgb,var(--topic-color) 60%,transparent);
  background:radial-gradient(circle,color-mix(in srgb,var(--topic-color) 8%,transparent),transparent 65%);
  outline:0;
}
.observatory-map-hotspots a:hover span,
.observatory-map-hotspots a:focus-visible span {
  opacity:1;
  transform:translate(-50%,0);
}
.observatory-map-card__head { position:absolute; z-index:4; top:13px; left:23px; }
.observatory-map-card__head span {
  display:block;
  margin-top:2px;
  color:var(--obs-muted);
  font:.49rem/1 var(--mono);
  letter-spacing:.08em;
}
.observatory-map-card__coordinates {
  position:absolute;
  z-index:4;
  top:16px;
  right:17px;
  color:var(--obs-muted);
  font:.47rem/1 var(--mono);
}
.observatory-constellation { width:100%; height:100%; min-height:397px; overflow:visible; }
.observatory-constellation .obs-grid path {
  fill:none;
  stroke:rgba(72,126,171,.11);
  stroke-width:.7;
  stroke-dasharray:2 6;
}
.observatory-constellation .obs-paths {
  fill:none;
  stroke:rgba(142,121,216,.42);
  stroke-width:.8;
  stroke-dasharray:2 5;
}
.observatory-constellation .obs-cluster {
  fill:none;
  stroke:currentColor;
  stroke-width:1;
}
.observatory-constellation .obs-cluster path { opacity:.62; }
.observatory-constellation .obs-cluster circle {
  r:2.6px;
  fill:currentColor;
  filter:drop-shadow(0 0 4px currentColor);
}
.observatory-constellation .obs-cluster circle.hub {
  r:8px;
  fill:var(--obs-panel);
  stroke-width:2;
}
.observatory-constellation .obs-cluster text {
  fill:currentColor;
  stroke:none;
  font:500 12px var(--mono);
  letter-spacing:.06em;
}
.observatory-constellation .obs-ai { color:var(--obs-cyan); }
.observatory-constellation .obs-ip { color:var(--obs-violet); }
.observatory-constellation .obs-trading { color:var(--obs-coral); }
.observatory-constellation .obs-building { color:var(--obs-mint); }
.observatory-constellation .obs-core circle:first-child {
  fill:var(--obs-ink);
  stroke:var(--obs-violet);
  stroke-width:1.5;
}
.observatory-constellation .obs-core circle:nth-child(2) {
  fill:none;
  stroke:rgba(243,60,164,.35);
  stroke-dasharray:2 5;
}
.observatory-constellation .obs-core text {
  fill:var(--obs-white);
  font:700 15px var(--sans);
  text-anchor:middle;
}
.observatory-note {
  position:absolute;
  z-index:5;
  right:16px;
  bottom:57px;
  width:145px;
  padding:12px;
  transform:rotate(-3deg);
  background:linear-gradient(145deg,#ff967e,#ff6f69);
  box-shadow:0 10px 24px rgba(255,111,105,.25);
  color:#1d0a17;
  font:500 .52rem/1.55 var(--mono);
}
.observatory-note::before {
  content:"";
  position:absolute;
  top:-7px;
  left:48px;
  width:44px;
  height:14px;
  background:rgba(230,204,177,.55);
}
.observatory-map-legend {
  position:absolute;
  z-index:4;
  left:22px;
  bottom:15px;
  display:flex;
  gap:1.2rem;
  color:var(--obs-muted);
  font:.44rem/1 var(--mono);
}
.observatory-topics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:10px;
}
.observatory-topic-card {
  min-height:232px;
  padding:15px 17px 14px;
  border-color:color-mix(in srgb,var(--topic-color) 72%,var(--obs-line));
}
.observatory-topic-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 25%,color-mix(in srgb,var(--topic-color) 11%,transparent),transparent 35%);
  pointer-events:none;
}
.observatory-topic-card__head {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42%;
  min-height:105px;
  gap:.6rem;
}
.observatory-topic-card__number {
  margin:0 0 .45rem;
  color:var(--topic-color);
  font:500 .72rem/1.2 var(--mono);
  letter-spacing:.04em;
}
.observatory-topic-card__head span {
  display:block;
  color:var(--obs-text);
  font:.61rem/1.5 var(--mono);
}
.observatory-topic-card__art {
  display:grid;
  align-items:center;
  color:var(--topic-color);
}
.observatory-topic-card__art svg {
  width:100%;
  max-height:95px;
  overflow:visible;
  stroke-width:1.4;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--topic-color) 45%,transparent));
}
.observatory-topic-card__art img {
  width:100%;
  height:108px;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:screen;
}
.observatory-topic-card__art .topic-art__nodes circle {
  fill:var(--obs-panel);
  stroke:currentColor;
}
.observatory-topic-card__art .topic-art--trading .topic-art__candles path:nth-child(odd) { stroke:var(--obs-cyan); }
.observatory-topic-card__art .topic-art--trading .topic-art__candles path:nth-child(even),
.observatory-topic-card__art .topic-art--trading .topic-art__axis,
.observatory-topic-card__art .topic-art--trading .topic-art__curve { stroke:var(--obs-coral); }
.observatory-topic-card__art .topic-art--trading text {
  fill:var(--obs-coral);
  font:500 9px var(--obs-mono);
}
.observatory-topic-card__entries { border-top:1px solid var(--obs-line-soft); }
.observatory-topic-card__entries a,
.observatory-topic-card__entries > span {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.6rem;
  padding:.35rem 0;
  border-bottom:1px solid var(--obs-line-soft);
  color:var(--obs-text);
  font:.48rem/1.35 var(--mono);
}
.observatory-topic-card__entries b { font-weight:400; }
.observatory-topic-card__entries small { color:var(--obs-muted); font-size:.44rem; letter-spacing:.05em; }
.observatory-topic-card__more {
  display:block;
  margin-top:.58rem;
  color:var(--topic-color);
  font:500 .51rem/1 var(--mono);
  letter-spacing:.07em;
}
.observatory-bottom {
  display:grid;
  grid-template-columns:1.22fr .95fr .88fr;
  gap:12px;
  margin-top:10px;
}
.observatory-bottom .observatory-card { min-height:230px; }
.observatory-latest {
  padding:15px 23px;
  border-color:color-mix(in srgb,var(--obs-cyan) 67%,var(--obs-line));
}
.observatory-latest h2,
.observatory-path h2,
.observatory-subscribe h2 {
  margin:.25rem 0;
  color:var(--obs-white);
  font:700 1.08rem/1.12 var(--sans);
  letter-spacing:-.025em;
}
.observatory-latest__meta {
  color:var(--obs-cyan);
  font:.52rem/1.4 var(--mono);
}
.observatory-latest__meta i { margin:0 .45rem; color:var(--obs-muted); font-style:normal; }
.observatory-latest__body {
  display:grid;
  grid-template-columns:1.15fr .95fr;
  align-items:center;
  gap:1rem;
  margin-top:.55rem;
}
.observatory-latest__body p {
  color:var(--obs-text);
  font:.56rem/1.65 var(--mono);
}
.observatory-latest__visual {
  height:96px;
  overflow:hidden;
  color:var(--obs-cyan);
}
.observatory-latest__visual .entry-preview { width:100%; height:100%; }
.home-latest-art {
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:lighten;
}
.home-latest-art g { stroke-width:1.2; }
.home-latest-art text {
  fill:var(--obs-white);
  stroke:none;
  font:500 10px var(--obs-mono);
  text-anchor:middle;
}
.home-latest-art text.sub {
  fill:var(--obs-text);
  font-size:7px;
}
.home-latest-art__frame { opacity:.75; }
.observatory-card-link {
  position:absolute;
  right:22px;
  bottom:15px;
  color:var(--topic-color,var(--obs-cyan));
  font:500 .52rem/1 var(--mono);
  letter-spacing:.08em;
}
.observatory-path {
  padding:15px 22px;
  border-color:color-mix(in srgb,var(--obs-violet) 68%,var(--obs-line));
}
.observatory-path .observatory-label,
.observatory-path .observatory-card-link { color:var(--obs-violet); }
.observatory-path > p:not(.observatory-label) {
  margin:.2rem 0 .7rem;
  color:var(--obs-text);
  font:.57rem/1.4 var(--mono);
}
.observatory-path__steps {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.45rem;
}
.observatory-path__steps::before {
  content:"";
  position:absolute;
  top:24px;
  left:10%;
  right:10%;
  border-top:1px dashed var(--obs-violet);
}
.observatory-path__steps a { position:relative; z-index:1; min-width:0; text-align:center; }
.observatory-path__steps i {
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  margin:0 auto .35rem;
  border:1px solid currentColor;
  border-radius:50%;
  background:var(--obs-panel);
  box-shadow:0 0 15px currentColor;
  color:var(--obs-cyan);
  font:normal 1rem/1 var(--mono);
}
.observatory-path__steps i:has(img) {
  width:58px;
  height:58px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.observatory-path__steps i:has(.observatory-path-icon) {
  width:62px;
  height:62px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.observatory-path__steps i svg {
  width:29px;
  height:29px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.observatory-path__steps i img {
  width:58px;
  height:58px;
  max-width:none;
  object-fit:contain;
  mix-blend-mode:lighten;
}
.observatory-path__steps .observatory-path-icon {
  width:62px;
  height:62px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px currentColor);
}
.observatory-path-icon__halo {
  opacity:.26;
  stroke-width:5;
}
.observatory-path-icon__ring {
  fill:color-mix(in srgb,currentColor 9%,var(--obs-panel));
  stroke-width:1.5;
}
.observatory-path__steps a:nth-child(2) i { color:var(--obs-violet); }
.observatory-path__steps a:nth-child(3) i { color:var(--obs-coral); }
.observatory-path__steps a:nth-child(4) i { color:var(--obs-mint); }
.observatory-path__steps b,
.observatory-path__steps small {
  display:block;
  color:var(--obs-text);
  font:.49rem/1.35 var(--mono);
  font-weight:400;
}
.observatory-path__steps small { margin-top:.2rem; color:var(--obs-muted); }
.observatory-subscribe {
  padding:15px 20px 12px;
  border-color:color-mix(in srgb,var(--obs-pink) 65%,var(--obs-line));
}
.observatory-subscribe .observatory-label { color:var(--obs-pink); }
.observatory-subscribe__body {
  display:grid;
  grid-template-columns:75px 1fr;
  gap:.8rem;
  align-items:start;
}
.observatory-subscribe__body p {
  margin:.45rem 0 .6rem;
  color:var(--obs-text);
  font:.56rem/1.55 var(--mono);
}
.observatory-subscribe .observatory-button { justify-self:start; min-height:30px; padding:.45rem 1.2rem; font-size:.62rem; }
.observatory-beacon {
  position:relative;
  height:130px;
  color:var(--obs-pink);
}
.observatory-beacon i {
  position:absolute;
  left:50%;
  top:35px;
  width:28px;
  height:28px;
  transform:translate(-50%,-50%);
  border:1px solid currentColor;
  border-radius:50%;
}
.observatory-beacon i:nth-child(2) { width:52px; height:52px; border-inline-color:transparent; }
.observatory-beacon i:nth-child(3) { width:76px; height:76px; border-inline-color:transparent; }
.observatory-beacon b {
  position:absolute;
  left:50%;
  top:40px;
  width:58px;
  height:82px;
  transform:translateX(-50%);
  border:1px solid var(--obs-violet);
  clip-path:polygon(50% 0,100% 100%,0 100%);
}
.observatory-subscribe__foot {
  position:absolute;
  left:20px;
  right:20px;
  bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--obs-muted);
  font:.48rem/1 var(--mono);
}
.observatory-subscribe__foot div { display:flex; }
.observatory-subscribe__foot i {
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  margin-left:-4px;
  border:1px solid var(--obs-line);
  border-radius:50%;
  background:var(--obs-panel2);
  color:var(--obs-white);
  font:.42rem/1 var(--mono);
  font-style:normal;
}
.observatory-subscribe__foot i:last-child { background:var(--obs-pink); }
.observatory-subscribe__foot > img {
  width:108px;
  height:auto;
  mix-blend-mode:lighten;
}

@keyframes obs-cluster-breathe { 50% { opacity:.68; } }
@keyframes obs-core-pulse { 50% { filter:drop-shadow(0 0 10px var(--obs-violet)); } }
.observatory-constellation .obs-cluster { animation:obs-cluster-breathe 6s ease-in-out infinite; }
.observatory-constellation .obs-ip,.observatory-constellation .obs-building { animation-delay:-3s; }
.observatory-constellation .obs-core { animation:obs-core-pulse 3.5s ease-in-out infinite; }

@media (max-width:1200px) {
  .observatory-nav__links { gap:2rem; }
  .observatory-top { grid-template-columns:1fr; }
  .observatory-map-card {
    min-height:0;
    aspect-ratio:1024 / 486;
  }
  .observatory-topics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .observatory-bottom { grid-template-columns:1fr 1fr; }
  .observatory-subscribe { grid-column:1 / -1; }
}
@media (max-width:720px) {
  .observatory-home { padding:8px; }
  .observatory-nav { grid-template-columns:1fr auto; min-height:52px; padding:0 15px; }
  .observatory-nav__logo { font-size:1.35rem; }
  .observatory-nav__links { display:none; }
  .observatory-button { min-height:38px; padding:.5rem 1rem; }
  .observatory-intro { padding:20px 16px; }
  .observatory-intro h1 {
    font-size:clamp(2.72rem,12vw,3.45rem);
    overflow-wrap:normal;
    word-break:normal;
  }
  .observatory-intro__copy { font-size:.68rem; }
  .observatory-facets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .observatory-facet small { font-size:.58rem; }
  .observatory-map-card { min-height:0; padding:6px; }
  .observatory-constellation {
    width:100%;
    min-width:0;
    min-height:330px;
    transform:none;
  }
  .observatory-note { display:none; }
  .observatory-map-card__coordinates { display:none; }
  .observatory-map-legend { gap:.6rem; font-size:.38rem; }
  .observatory-topics,
  .observatory-bottom { grid-template-columns:1fr; }
  .observatory-topic-card { min-height:245px; }
  .observatory-latest__body { grid-template-columns:1fr; }
  .observatory-latest__body p { display:none; }
  .observatory-latest__visual { height:105px; }
  .observatory-path__steps { grid-template-columns:repeat(2,1fr); gap:.8rem; }
  .observatory-path__steps::before { display:none; }
  .observatory-path { min-height:330px !important; }
  .observatory-subscribe__body { grid-template-columns:65px 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .observatory-constellation .obs-cluster,
  .observatory-constellation .obs-core { animation:none !important; }
}

/* 38. NEURAL OBSERVATORY REFERENCE-FIDELITY PASS */
.page-home {
  --obs-ink:#020713;
  --obs-panel:#061224;
  --obs-panel2:#08172c;
  --obs-line:#28618f;
  --obs-line-soft:#183654;
  --obs-white:#f4f5fb;
  --obs-text:#b9c2d5;
  --obs-muted:#78879e;
  --obs-cyan:#25d9ff;
  --obs-violet:#bd62ff;
  --obs-pink:#f23a9f;
  --obs-coral:#ff675e;
  --obs-mint:#68eab0;
  --obs-mono:"DM Mono","Courier New",monospace;
}
.observatory-home {
  background:
    radial-gradient(circle at 28% 18%,rgba(0,137,255,.075),transparent 28%),
    radial-gradient(circle at 76% 32%,rgba(141,51,255,.065),transparent 34%);
  font-family:var(--obs-mono);
}
.observatory-card,
.observatory-nav {
  border-width:1.25px;
  background:linear-gradient(145deg,rgba(7,20,39,.98),rgba(3,11,24,.99));
  box-shadow:inset 0 0 30px rgba(25,100,175,.035),0 8px 24px rgba(0,0,0,.28);
}
.observatory-nav__logo { font-size:1.95rem; }
.observatory-nav__links a { font:500 .76rem/1 var(--obs-mono); }
.observatory-button { font-weight:600; font-size:.74rem; }
.observatory-label { font:500 .64rem/1.4 var(--obs-mono); }
.observatory-intro h1 { font-size:clamp(3.5rem,4.6vw,5rem); }
.observatory-intro h1 {
  margin-bottom:0;
  font-size:clamp(3.3rem,4.4vw,4.8rem);
}
.observatory-intro {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:32px 34px;
}
.observatory-intro h1 em { font-size:.72em; }
.observatory-intro__copy { font:500 .72rem/1.68 var(--obs-mono); }
.observatory-intro__copy { margin-top:3px; margin-bottom:8px; }
.observatory-facet__icon { width:48px; height:44px; margin-bottom:4px; }
.observatory-facet__icon svg {
  width:48px;
  height:44px;
  stroke-width:1.7;
  filter:drop-shadow(0 0 3px currentColor);
}
.observatory-facet b { font:500 .59rem/1.3 var(--obs-mono); }
.observatory-facet small { font:400 .55rem/1.58 var(--obs-mono); }
.observatory-map-card {
  background:
    radial-gradient(circle at 50% 50%,rgba(102,51,255,.18),transparent 38%),
    radial-gradient(circle at 20% 20%,rgba(24,173,255,.08),transparent 28%),
    linear-gradient(145deg,rgba(7,24,43,.96),rgba(4,11,23,.98));
}
.observatory-map-card__head span { font:.52rem/1 var(--obs-mono); }
.observatory-map-card__coordinates { font:.49rem/1 var(--obs-mono); }
.observatory-constellation .obs-grid path { stroke:rgba(72,126,171,.2); }
.observatory-constellation .obs-paths { stroke:rgba(142,121,216,.44); }
.observatory-constellation .obs-inference {
  fill:none;
  stroke:rgba(145,124,220,.35);
  stroke-width:.75;
  stroke-dasharray:1.5 4;
}
.observatory-constellation .obs-satellite-lines {
  fill:none;
  stroke:currentColor;
  stroke-width:.65;
  opacity:.48;
}
.observatory-constellation .obs-particles circle {
  r:1.6px;
  fill:var(--obs-violet);
  opacity:.75;
  filter:drop-shadow(0 0 4px var(--obs-violet));
}
.observatory-constellation .obs-particles circle.ai { fill:var(--obs-cyan); }
.observatory-constellation .obs-particles circle.ip { fill:var(--obs-violet); }
.observatory-constellation .obs-particles circle.trading { fill:var(--obs-coral); }
.observatory-constellation .obs-particles circle.building { fill:var(--obs-mint); }
.observatory-constellation .obs-cluster { stroke-width:1.05; }
.observatory-constellation .obs-cluster path { opacity:.7; }
.observatory-constellation .obs-cluster circle {
  r:2.75px;
  filter:drop-shadow(0 0 5px currentColor);
}
.observatory-constellation .obs-cluster circle.hub { r:9px; stroke-width:2.4; }
.observatory-constellation .obs-labels text {
  fill:currentColor;
  stroke:none;
  font:700 11px var(--obs-mono);
  letter-spacing:.06em;
}
.observatory-constellation .obs-ai-label { color:var(--obs-cyan); }
.observatory-constellation .obs-ip-label { color:var(--obs-violet); }
.observatory-constellation .obs-trading-label { color:var(--obs-coral); }
.observatory-constellation .obs-building-label { color:var(--obs-mint); }
.observatory-constellation .obs-core text { font:800 16px var(--sans); }
.observatory-note { font:700 .53rem/1.62 var(--obs-mono); }
.observatory-map-legend { font:.47rem/1 var(--obs-mono); }
.observatory-topic-card__head { grid-template-columns:minmax(0,1fr) 47%; }
.observatory-topic-card__number { font:500 .73rem/1.2 var(--obs-mono); }
.observatory-topic-card__head span { font:400 .62rem/1.52 var(--obs-mono); }
.observatory-topic-card__art svg {
  max-height:108px;
  stroke-width:1.5;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--topic-color) 58%,transparent));
}
.observatory-topic-card__entries a,
.observatory-topic-card__entries > span { font:400 .49rem/1.38 var(--obs-mono); }
.observatory-topic-card__entries small { font-size:.45rem; }
.observatory-topic-card__more { font:500 .52rem/1 var(--obs-mono); }
.observatory-latest h2,
.observatory-path h2,
.observatory-subscribe h2 { font-size:1.17rem; }
.observatory-latest__meta { font:500 .53rem/1.4 var(--obs-mono); }
.observatory-latest__body p { font:400 .57rem/1.67 var(--obs-mono); }
.observatory-card-link { font:500 .53rem/1 var(--obs-mono); }
.observatory-path > p:not(.observatory-label) { font:400 .58rem/1.4 var(--obs-mono); }
.observatory-path__steps i { font-family:var(--obs-mono); }
.observatory-path__steps b,
.observatory-path__steps small { font:400 .5rem/1.36 var(--obs-mono); }
.observatory-subscribe__body p { font:400 .57rem/1.56 var(--obs-mono); }
.observatory-subscribe__foot { font:400 .49rem/1 var(--obs-mono); }
.observatory-subscribe__foot i { font:.44rem/1 var(--obs-mono); }
.observatory-beacon {
  width:82px;
  height:132px;
  object-fit:contain;
  overflow:visible;
  mix-blend-mode:lighten;
}

@media (max-width:720px) {
  .observatory-nav__logo { font-size:1.45rem; }
  .observatory-intro h1 { font-size:clamp(2.5rem,11vw,3.2rem); }
  .observatory-intro__copy { font-size:.67rem; }
  .observatory-facet small { font-size:.56rem; }
  .observatory-constellation .obs-labels { display:none; }
  .observatory-map-hotspots span { display:none; }
  .observatory-intro {
    justify-content:flex-start;
    padding:24px 18px;
  }
}

/* 38. NEURAL OBSERVATORY INTERNAL PAGES
   Shared visual shell for the archive, entries, topics, formats, and about. */
body:not(.page-home) {
  --obs-ink:#020713;
  --obs-panel:#061224;
  --obs-panel2:#08172c;
  --obs-line:#28618f;
  --obs-line-soft:#183654;
  --obs-white:#f4f5fb;
  --obs-text:#b9c2d5;
  --obs-muted:#78879e;
  --obs-cyan:#25d9ff;
  --obs-violet:#bd62ff;
  --obs-pink:#f23a9f;
  --obs-coral:#ff675e;
  --obs-mint:#68eab0;
  --obs-mono:"DM Mono","Courier New",monospace;
  --ink:var(--obs-ink);
  --panel:var(--obs-panel);
  --panel2:var(--obs-panel2);
  --line:var(--obs-line-soft);
  --line2:var(--obs-line);
  --bright:var(--obs-white);
  --text:var(--obs-text);
  --muted:var(--obs-muted);
  --cyan:var(--obs-cyan);
  --purple:var(--obs-violet);
  --coral:var(--obs-coral);
  --green:var(--obs-mint);
  background:
    radial-gradient(circle at 50% 0,rgba(62,80,190,.15),transparent 28rem),
    linear-gradient(180deg,#030713,#07101d 72%,#050914);
  color:var(--obs-white);
}
body:not(.page-home) .topic--ai-systems { --topic-color:var(--obs-cyan); }
body:not(.page-home) .topic--invention-ip { --topic-color:var(--obs-violet); }
body:not(.page-home) .topic--trading-systems { --topic-color:var(--obs-coral); }
body:not(.page-home) .topic--building-systems { --topic-color:var(--obs-mint); }
body:not(.page-home) #main-content {
  width:min(1880px,calc(100% - 48px));
  max-width:none;
  margin:0 auto;
  border:0;
  background:transparent;
}
body:not(.page-home) .site-nav {
  position:relative;
  z-index:50;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  width:min(1880px,calc(100% - 48px));
  height:auto;
  min-height:55px;
  margin:15px auto 9px;
  padding:0 30px;
  border:1px solid color-mix(in srgb,var(--obs-cyan) 55%,var(--obs-violet));
  border-radius:13px;
  background:linear-gradient(145deg,rgba(12,31,54,.76),rgba(5,11,26,.9));
  box-shadow:inset 0 1px 0 rgba(130,213,255,.05),0 10px 32px rgba(0,0,0,.18);
}
body:not(.page-home) .site-nav__logo {
  display:flex;
  align-items:center;
  min-height:44px;
  color:var(--obs-white);
  font:800 1.95rem/1 var(--sans);
  letter-spacing:-.06em;
}
body:not(.page-home) .site-nav__logo span { color:var(--obs-pink); }
body:not(.page-home) .site-nav__links { display:flex; justify-content:center; gap:4rem; }
body:not(.page-home) .site-nav__links li { display:block; }
body:not(.page-home) .site-nav__link {
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:44px;
  padding:0;
  border:0;
  color:var(--obs-text);
  font:500 .76rem/1 var(--obs-mono);
  letter-spacing:.02em;
  text-transform:none;
}
body:not(.page-home) .site-nav__link i { display:grid; width:16px; color:var(--obs-white); }
body:not(.page-home) .site-nav__link i svg { width:16px; height:16px; }
body:not(.page-home) .site-nav__link:hover,
body:not(.page-home) .site-nav__link.active { color:var(--obs-white); }
body:not(.page-home) .site-nav__right { justify-self:end; }
.site-nav__subscribe {
  display:grid;
  min-width:126px;
  min-height:36px;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(100deg,var(--obs-pink),var(--obs-coral));
  box-shadow:0 0 22px rgba(243,60,164,.35);
  color:white;
  font:700 .7rem/1 var(--sans);
}
body:not(.page-home) .site-footer {
  width:min(1880px,calc(100% - 48px));
  margin:10px auto 24px;
  padding:22px 26px 14px;
  border:1px solid var(--obs-line);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(12,31,54,.72),rgba(5,11,26,.9));
}
.site-footer__tagline strong { color:var(--obs-white); font:800 1.35rem/1 var(--sans); letter-spacing:-.05em; }
.site-footer__tagline strong span { color:var(--obs-pink); }
.site-footer__tagline p { margin:.45rem 0 .7rem; color:var(--obs-text); font:.55rem/1.4 var(--obs-mono); }
.site-footer__center > span { color:var(--obs-cyan); font:.55rem/1 var(--obs-mono); letter-spacing:.12em; }

body:not(.page-home) .index-proposal,
body:not(.page-home) .topics-page,
body:not(.page-home) .about-page,
body:not(.page-home) .format-lab,
body:not(.page-home) .entry-page {
  border:0;
  background:transparent;
}
.index-proposal {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:10px;
}
.index-proposal__main,
.index-proposal__rail,
.topics-page__hero,
.topics-page__map,
.about-page__main,
.about-page__rail,
.format-lab,
.entry-main,
.entry-sidebar-left,
.entry-sidebar-right {
  border:1px solid var(--obs-line);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(12,31,54,.72),rgba(5,11,26,.9));
  box-shadow:inset 0 1px 0 rgba(130,213,255,.05),0 10px 32px rgba(0,0,0,.14);
}
.index-proposal__hero {
  padding:42px 42px 30px;
  border-bottom:1px solid var(--obs-line);
  background:radial-gradient(circle at 78% 40%,rgba(69,223,255,.1),transparent 30%);
}
.index-proposal__hero > span,
.entry-main__observatory {
  display:block;
  margin-bottom:.7rem;
  color:var(--obs-cyan);
  font:500 .57rem/1 var(--obs-mono);
  letter-spacing:.12em;
}
.index-proposal__hero h1 {
  color:var(--obs-white);
  font:800 clamp(4rem,8vw,8.5rem)/.78 var(--sans);
  letter-spacing:-.09em;
}
.index-proposal__hero p { max-width:70ch; color:var(--obs-text); font:.68rem/1.65 var(--obs-mono); }
.index-proposal__controls { border-color:var(--obs-line); background:rgba(3,9,20,.58); }
.index-proposal__control-group button,
.index-proposal__search { border-radius:6px; }
.index-proposal__entry {
  margin:7px;
  border:1px solid var(--obs-line-soft);
  border-radius:9px;
  background:rgba(7,18,34,.66);
  transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;
}
.index-proposal__entry:hover {
  border-color:var(--format-color);
  background:color-mix(in srgb,var(--format-color) 5%,var(--obs-panel));
  box-shadow:0 0 22px color-mix(in srgb,var(--format-color) 12%,transparent);
  transform:translateY(-1px);
}
.index-proposal__copy h2 { color:var(--obs-white); font-family:var(--sans); font-weight:700; letter-spacing:-.025em; }
.index-proposal__visual { border-radius:7px; background:rgba(4,12,25,.82); }
.index-proposal__rail { padding:17px; }
.index-proposal__rail > section { border:1px solid var(--obs-line-soft); border-radius:9px; background:rgba(4,12,25,.6); }
.index-proposal__map img { display:block; width:100%; margin-top:.7rem; border-radius:6px; }
.index-proposal__note { background:linear-gradient(145deg,rgba(190,104,255,.12),rgba(7,18,34,.72)) !important; }
.index-proposal__footer { display:none; }

.topics-page { display:grid; gap:10px; }
.topics-page__hero { padding:52px; }
.topics-page__hero .t-label { color:var(--obs-cyan); }
.topics-page__hero .t-display {
  max-width:10ch;
  margin:.7rem 0 1rem;
  color:var(--obs-white);
  font:800 clamp(4rem,9vw,9rem)/.82 var(--sans);
  letter-spacing:-.09em;
}
.topics-page__hero .t-body { max-width:70ch; color:var(--obs-text); font:.7rem/1.7 var(--obs-mono); }
.topics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; border:0; }
.topic-card {
  position:relative;
  display:flex;
  min-height:370px;
  flex-direction:column;
  padding:20px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--topic-color) 65%,var(--obs-line));
  border-radius:13px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--topic-color) 7%,var(--obs-panel)),rgba(5,11,26,.95));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--topic-color) 14%,transparent);
}
.topic-card:hover { transform:translateY(-3px); box-shadow:0 0 30px color-mix(in srgb,var(--topic-color) 16%,transparent); }
.topic-card img { width:100%; height:190px; object-fit:contain; mix-blend-mode:lighten; }
.topic-card small { margin:.5rem 0; color:var(--topic-color); font:.5rem/1 var(--obs-mono); letter-spacing:.1em; }
.topic-card__label { color:var(--topic-color); font:700 1.05rem/1.2 var(--obs-mono); }
.topic-card p { color:var(--obs-text); font:.66rem/1.55 var(--obs-mono); }
.topic-card > span { margin-top:auto; color:var(--topic-color); }
.topics-page__map { padding:12px; overflow:hidden; }
.topics-page__map img { display:block; width:100%; border-radius:8px; }

.about-page { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:10px; }
.about-page__main { padding:clamp(30px,5vw,70px); }
.about-page__title { color:var(--obs-white); font:800 clamp(4rem,8vw,8rem)/.82 var(--sans); letter-spacing:-.08em; }
.about-page__role { color:var(--obs-pink); font:500 1.1rem/1.4 var(--obs-mono); }
.about-page__main .t-body { color:var(--obs-text); font:.92rem/1.85 var(--sans); }
.about-page__links a,
.about-page__domains a { border-radius:7px; }
.about-page__rail { padding:16px; }
.about-page__map { min-height:0; padding:10px; border-radius:8px; }
.about-page__map .fig__label { position:static; display:block; width:auto; margin:0; white-space:normal; }
.about-page__map img { display:block; width:100%; margin-top:.7rem; border-radius:6px; }

.format-lab { overflow:hidden; }
.format-lab__hero { border-color:var(--obs-line); background:radial-gradient(circle at 75% 40%,rgba(189,104,255,.12),transparent 32%); }
.format-lab__hero h1 { color:var(--obs-white); font-family:var(--sans); font-style:normal; font-weight:800; letter-spacing:-.07em; }
.format-lab__nav { top:8px; border:1px solid var(--obs-line); border-radius:9px; background:rgba(5,11,26,.92); }
.format-specimen { margin:10px; overflow:hidden; border:1px solid var(--obs-line); border-radius:11px; background:rgba(7,18,34,.6); }
.format-sheet,
.format-lab__matrix { background:rgba(4,12,25,.6); }

.entry-page {
  display:grid;
  grid-template-columns:185px minmax(0,1fr) 260px;
  gap:10px;
  align-items:start;
}
.entry-sidebar-left,
.entry-sidebar-right { position:sticky; top:10px; overflow:hidden; padding:16px; }
.entry-main { padding:clamp(22px,4vw,60px); overflow:hidden; }
.entry-main__title {
  max-width:19ch;
  color:var(--obs-white);
  font:800 clamp(3.2rem,6vw,7rem)/.88 var(--sans);
  letter-spacing:-.075em;
}
.entry-main__abstract { max-width:72ch; color:var(--obs-text); font:.76rem/1.7 var(--obs-mono); }
.entry-main__type-row,
.entry-main__meta-bar { border-color:var(--obs-line-soft); }
.entry-hero-figure,
.entry-insight,
.callout,
.faq,
.related-work__grid,
.prompt-block {
  border-color:var(--obs-line);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(9,25,45,.78),rgba(4,11,25,.92));
  box-shadow:inset 0 1px 0 rgba(130,213,255,.04);
}
.entry-hero-figure { overflow:hidden; }
.entry-body { max-width:780px; margin-inline:auto; }
.entry-body h2 { color:var(--obs-white); font:700 1.8rem/1.15 var(--sans); letter-spacing:-.035em; }
.entry-body h3 { color:var(--format-color); font-family:var(--obs-mono); }
.entry-body p,
.entry-body li { color:var(--obs-text); font-size:1rem; line-height:1.8; }
.entry-body blockquote { border-radius:8px; background:color-mix(in srgb,var(--format-color) 7%,var(--obs-panel)); }
.entry-sidebar-section,
.entry-pullquote { border-color:var(--obs-line-soft); }
.entry-paper-panel { border:1px solid color-mix(in srgb,var(--obs-coral) 50%,var(--obs-line)); border-radius:7px; }
.status-block,
.sticky-note { border-radius:8px; }
.related-work__item { background:rgba(4,12,25,.55); }

@media (max-width:1200px) {
  body:not(.page-home) .site-nav__links { gap:2rem; }
  .index-proposal { grid-template-columns:1fr; }
  .index-proposal__rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .entry-page { grid-template-columns:minmax(0,1fr) 250px; }
  .entry-sidebar-left { display:none; }
  .topics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-page { grid-template-columns:1fr; }
  .about-page__rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  body:not(.page-home) #main-content,
  body:not(.page-home) .site-nav,
  body:not(.page-home) .site-footer { width:calc(100% - 16px); }
  body:not(.page-home) .site-nav { grid-template-columns:1fr auto; min-height:52px; padding:8px 15px 0; }
  body:not(.page-home) .site-nav__logo { font-size:1.45rem; }
  body:not(.page-home) .site-nav__links {
    grid-column:1 / -1;
    display:flex;
    width:100%;
    justify-content:space-between;
    gap:.4rem;
    margin-top:7px;
    padding-top:4px;
    border-top:1px solid var(--obs-line-soft);
  }
  body:not(.page-home) .site-nav__link { gap:.3rem; font-size:.58rem; }
  body:not(.page-home) .site-nav__link i { width:13px; }
  body:not(.page-home) .site-nav__link i svg { width:13px; height:13px; }
  .site-nav__subscribe { min-width:100px; }
  body:not(.page-home) .site-footer { display:block; }
  .site-footer__center,.site-footer__meta { margin-top:1rem; text-align:left; }
  .index-proposal__hero,.topics-page__hero,.about-page__main,.entry-main { padding:24px 18px; }
  .index-proposal__hero h1,.topics-page__hero .t-display,.about-page__title { font-size:clamp(3rem,16vw,5rem); }
  .index-proposal__rail { grid-template-columns:1fr; }
  .index-proposal__entry { border-radius:8px; }
  .topics-grid,.about-page,.entry-page { grid-template-columns:1fr; }
  .about-page__rail { display:flex; }
  .topic-card { min-height:310px; }
  .topic-card img { height:150px; }
  .entry-sidebar-right { position:static; }
  .entry-main__title { font-size:clamp(2.8rem,13vw,4.8rem); }
  .entry-body p,.entry-body li { font-size:1rem; }
  .format-lab__hero { padding:2rem 1rem; }
  .format-lab__hero h1 { font-size:clamp(3rem,14vw,5rem); }
  .format-lab__nav { grid-template-columns:1fr 1fr; position:static; }
}

/* 39. DEPLOYMENT-READY RESPONSIVE CONTRACT
   Final authority for the Neural Observatory production pages. */
:where(a,button,input,select,[tabindex]):focus-visible {
  outline:2px solid var(--obs-cyan,var(--cyan));
  outline-offset:3px;
}

button,
input,
select { font:inherit; }

body:not(.page-home) {
  font-family:var(--sans);
  overflow-x:hidden;
}

body:not(.page-home) #main-content,
body:not(.page-home) .site-nav,
body:not(.page-home) .site-footer {
  width:min(1520px,calc(100% - 32px));
}

body:not(.page-home) .site-nav {
  position:relative;
  height:auto;
  min-height:64px;
  padding:8px 20px;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
}

body:not(.page-home) .site-nav::after { content:none; }
body:not(.page-home) .site-nav__links {
  position:static;
  transform:none;
  gap:clamp(1.25rem,4vw,4rem);
}
body:not(.page-home) .site-nav__right {
  position:static;
  justify-self:end;
}
body:not(.page-home) .site-nav__link {
  min-height:44px;
  padding:.5rem .25rem;
  font-size:.78rem;
}
.site-nav__subscribe {
  min-width:124px;
  min-height:44px;
  padding:.65rem 1.1rem;
  font-size:.8rem;
}

body:not(.page-home) .site-footer {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:1.5rem;
}
body:not(.page-home) .site-footer__meta { text-align:right; }
body:not(.page-home) .site-footer__bottom { grid-column:1 / -1; }
body:not(.page-home) .site-footer,
body:not(.page-home) .site-footer a,
body:not(.page-home) .site-footer p,
body:not(.page-home) .site-footer span { font-size:.75rem; }
body:not(.page-home) .site-footer__link {
  display:inline-flex;
  align-items:center;
  min-height:44px;
}

/* Archive */
.page-index .index-proposal {
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  min-height:0;
  gap:10px;
  padding:0;
}
.page-index .index-proposal__main {
  min-width:0;
  padding:0;
  border:1px solid var(--obs-line);
}
.page-index .index-proposal__hero {
  height:auto;
  min-height:0;
  padding:clamp(28px,4vw,54px);
}
.page-index .index-proposal__hero h1 {
  font:800 clamp(4rem,9vw,8rem)/.85 var(--sans);
  letter-spacing:-.08em;
}
.page-index .index-proposal__hero p {
  max-width:70ch;
  margin-top:1rem;
  font:400 1rem/1.65 var(--sans);
}
.page-index .index-proposal__controls {
  height:auto;
  min-height:0;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1rem;
  padding:14px;
  font-size:.72rem;
}
.page-index .index-proposal__control-group {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  white-space:normal;
}
.page-index .index-proposal__controls button,
.page-index .index-proposal__search {
  min-height:44px;
}
.page-index .index-proposal__controls button {
  padding:.65rem .8rem;
  font-size:.7rem;
}
.page-index .index-proposal__search {
  width:min(260px,100%);
  height:44px;
  margin-left:auto;
}
.page-index .index-proposal__search input {
  height:100%;
  padding:0 .75rem;
  outline:revert;
  outline-color:transparent;
  font-size:.75rem;
}
.page-index .index-proposal__head,
.page-index .index-proposal__entry {
  grid-template-columns:110px 90px minmax(260px,1fr) 170px 120px 54px;
}
.page-index .index-proposal__head {
  height:auto;
  min-height:42px;
  padding:8px 14px;
  font-size:.65rem;
}
.page-index .index-proposal__entry {
  min-height:130px;
  margin:8px;
  padding:14px;
  gap:12px;
}
.page-index .index-proposal__entry time,
.page-index .index-proposal__read,
.page-index .index-proposal__type { font-size:.68rem; }
.page-index .index-proposal__copy { padding-right:0; }
.page-index .index-proposal__copy h2 {
  margin-bottom:.45rem;
  font:700 1.12rem/1.25 var(--sans);
}
.page-index .index-proposal__copy p {
  font:400 .82rem/1.55 var(--sans);
}
.page-index .index-proposal__visual {
  width:100%;
  height:92px;
}
.page-index .index-proposal__tags {
  padding:0;
  gap:.4rem;
}
.page-index .index-proposal__tags span { font-size:.62rem; }
.page-index .index-proposal__rail {
  display:block;
  min-width:0;
  padding:12px;
}
.page-index .index-proposal__rail section {
  padding:14px;
  margin-bottom:10px;
}
.page-index .index-proposal__rail h2 { font-size:.72rem; }
.page-index .index-proposal__glance button,
.page-index .index-proposal__stats div {
  min-height:44px;
  height:auto;
  font-size:.72rem;
}
.page-index .index-proposal__glance a {
  display:flex;
  align-items:center;
  min-height:44px;
  font-size:.72rem;
}
.page-index .index-proposal__map img {
  height:auto;
  aspect-ratio:1024 / 486;
  object-fit:contain;
}
.page-index .index-proposal__note {
  transform:none;
  padding:28px 18px 18px !important;
  color:var(--obs-text);
}
.page-index .index-proposal__note h2 { color:var(--obs-coral); }
.page-index .index-proposal__note p {
  color:var(--obs-white);
  font:500 .82rem/1.65 var(--sans);
}
.page-index .index-proposal__clip { top:-5px; right:28px; }
.page-index .index-proposal__entry[hidden] { display:none !important; }
.page-index .index-proposal__results {
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin:0;
  padding:0 18px;
  border-top:1px solid var(--obs-line-soft);
  color:var(--obs-muted);
  font:.72rem/1 var(--obs-mono);
}
.page-index .index-proposal__no-results {
  min-height:180px;
  display:grid;
  place-content:center;
  gap:.6rem;
  padding:24px;
  text-align:center;
  border-top:1px solid var(--obs-line-soft);
  color:var(--obs-text);
}
.page-index .index-proposal__no-results[hidden] { display:none !important; }
.page-index .index-proposal__no-results strong {
  color:var(--obs-white);
  font:700 1.2rem/1.2 var(--sans);
}
.page-index .index-proposal__no-results span { font:.78rem/1.5 var(--obs-mono); }
.page-index .index-proposal__globe { display:none !important; }

/* Topics */
body.page-topics {
  min-height:100%;
  overflow:visible !important;
}
html:has(body.page-topics) {
  overflow-x:hidden;
  overflow-y:auto;
}
.topics-page {
  width:100%;
  max-width:none;
  gap:10px;
  overflow:visible;
}
.topics-page__top {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,1.4fr);
  align-items:stretch;
  gap:10px;
}
.topics-page__hero {
  max-width:none;
  min-height:0;
  margin-bottom:0;
  padding:clamp(28px,4vw,50px);
  border:1px solid var(--obs-line);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(12,31,54,.72),rgba(5,11,26,.9));
  box-shadow:inset 0 1px 0 rgba(130,213,255,.05),0 10px 32px rgba(0,0,0,.14);
}
.topics-page__hero .t-display {
  max-width:none;
  margin:.7rem 0 1rem;
  font-size:clamp(3.5rem,7vw,7rem);
  line-height:.88;
}
.topics-page__hero .t-body {
  max-width:72ch;
  font:400 1rem/1.65 var(--sans);
}
.topics-about,
.topics-page__section-head {
  border:1px solid var(--obs-line);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(12,31,54,.72),rgba(5,11,26,.9));
  box-shadow:inset 0 1px 0 rgba(130,213,255,.05),0 10px 32px rgba(0,0,0,.14);
}
.topics-about {
  padding:clamp(26px,3vw,42px);
  scroll-margin-top:20px;
}
.topics-about > .t-label,
.topics-page__section-head .t-label { color:var(--obs-pink); }
.topics-about h2 {
  margin:.8rem 0 1.2rem;
  color:var(--obs-white);
  font:700 clamp(1.7rem,3vw,2.7rem)/1.05 var(--sans);
  letter-spacing:-.04em;
}
.topics-about > p:not(.t-label) {
  margin-bottom:1rem;
  color:var(--obs-text);
  font:400 .92rem/1.7 var(--sans);
}
.topics-about__links {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1.4rem 0;
}
.topics-about__links a {
  min-height:44px;
  display:flex;
  align-items:center;
  padding:.6rem .8rem;
  border:1px solid var(--obs-line);
  border-radius:6px;
  color:var(--obs-cyan);
  font:.7rem/1 var(--obs-mono);
}
.topics-about .status-block { margin-top:1.2rem; }
.topics-page__section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:18px 22px;
}
.topics-page__section-head p { margin:0; }
.topics-page__section-head > p:last-child {
  color:var(--obs-text);
  font:400 .85rem/1.5 var(--sans);
}
.topics-grid {
  width:100%;
  max-width:none;
  align-items:stretch;
  padding:1px;
  overflow:visible;
}
.topic-card {
  min-height:0;
  padding:18px;
}
.topics-grid .topic-card:last-child {
  border-right:1px solid color-mix(in srgb,var(--topic-color) 65%,var(--obs-line));
}
.topic-card img {
  width:100%;
  height:auto;
  aspect-ratio:500 / 333;
  object-fit:contain;
}
.topic-card small { font-size:.68rem; }
.topic-card__label { font-size:1rem; }
.topic-card p { font:400 .85rem/1.55 var(--sans); }
.topic-card > span {
  display:flex;
  align-items:center;
  min-height:44px;
  font-size:.7rem;
}
.topics-page__map {
  height:auto;
  padding:12px;
  overflow:visible;
}
.topics-page__map img {
  width:100%;
  height:auto;
  aspect-ratio:1024 / 486;
  object-fit:contain;
}

/* Entries */
.entry-page {
  grid-template-columns:190px minmax(0,1fr) 260px;
  gap:10px;
}
.entry-sidebar-left,
.entry-sidebar-right {
  position:sticky;
  top:10px;
  max-height:calc(100vh - 20px);
  overflow:auto;
  scrollbar-width:thin;
}
.entry-main {
  min-width:0;
  padding:clamp(24px,4vw,56px);
  overflow:visible;
}
.entry-main__title {
  max-width:18ch;
  margin-bottom:1rem;
  font-size:clamp(3rem,5.7vw,6.5rem);
  line-height:.94;
}
.entry-main__abstract {
  max-width:70ch;
  font:400 1rem/1.7 var(--sans);
}
.entry-main__observatory,
.entry-main__meta,
.entry-main__meta-bar,
.entry-sidebar-section__label,
.entry-sidebar-section__val,
.share-link,
.related-item,
.badge { font-size:.7rem; }
.badge { min-height:28px; padding:.4rem .55rem; }
.entry-sidebar-section { padding-block:1rem; }
.entry-sidebar-topics a,
.share-links a { min-height:44px; display:flex; align-items:center; }
.entry-hero-figure {
  max-width:100%;
  overflow:auto;
}
.entry-hero-figure figcaption { font-size:.7rem; }
.entry-hero-figure svg {
  display:block;
  width:100%;
  min-width:680px;
  height:auto;
}
.entry-insight-grid {
  height:auto;
  align-items:stretch;
}
.entry-insight {
  min-width:0;
  overflow:auto;
}
.entry-insight__label { font-size:.7rem; }
.entry-insight p,
.entry-insight li { font-size:.82rem; }
.entry-paper-panel {
  transform:none;
  margin-bottom:1rem;
}
.entry-paper-panel__label { font-size:.7rem; }
.entry-paper-panel p { font:500 .82rem/1.6 var(--sans); }
.entry-pullquote p { font-size:1rem; }
.status-block__label,
.status-block__line,
.callout__label,
.callout__body { font-size:.72rem; }
.faq-item__q {
  width:100%;
  min-height:52px;
  padding:1rem 0;
  border:0;
  background:transparent;
  color:var(--bright);
  text-align:left;
  font-size:1rem;
}
.related-work__item { min-height:100px; }
.related-work__item-title { font-family:var(--sans); font-size:.9rem; }
.copy-btn { min-height:44px; }

/* About and Format Lab */
.about-page__main { padding:clamp(28px,4vw,58px); }
.about-page__title { font-size:clamp(3.5rem,7vw,7rem); line-height:.9; }
.about-page__role { font-size:1rem; }
.about-page__main .t-body { font-size:1rem; line-height:1.75; }
.about-page__links a,
.about-page__domains a {
  min-height:52px;
  display:flex;
  align-items:center;
}
.about-page__domains span { font-size:.8rem; }
.about-page__domains b { font-size:.7rem; }
.about-page__rail { min-width:0; }
.about-page__map img { aspect-ratio:1024 / 486; object-fit:contain; }
.sticky-note__label { font-size:.7rem; }
.sticky-note__text { font-size:.88rem; line-height:1.65; }

.page-formats .site-footer { display:grid; }
.format-lab__hero {
  padding:clamp(28px,4vw,54px);
  gap:2rem;
}
.format-lab__hero > *,
.format-lab__intro,
.format-lab__legend,
.format-specimen,
.format-sheet,
.format-sheet > *,
.format-sheet__main { min-width:0; max-width:100%; }
.format-lab__hero h1 { font-size:clamp(3.5rem,7vw,7rem); }
.format-lab__intro p,
.format-specimen__brief p,
.format-specimen__motion p { font:400 .9rem/1.65 var(--sans); }
.format-lab__legend span,
.format-lab__nav a,
.format-specimen__brief span,
.format-specimen__motion span,
.format-sheet__eyebrow,
.format-required,
.format-matrix span,
.format-matrix b { font-size:.7rem; }
.format-lab__nav a { min-height:72px; }
.format-specimen { padding:clamp(28px,4vw,58px) clamp(14px,3vw,36px); }
.format-specimen__brief { align-items:start; }
.format-specimen__brief h2 { font-size:clamp(2rem,4vw,3.6rem); }
.format-sheet__main h3,
.artifact-workspace h3 { font-size:clamp(2rem,4vw,4rem); }
.format-sheet__dek,
.format-sheet__main p,
.artifact-workspace p,
.artifact-inspector p,
.case-timeline p { font-size:.82rem; line-height:1.6; }
.format-matrix { overflow-x:auto; }
.format-matrix > div { min-width:820px; }

/* Homepage mobile navigation and touch targets */
@media (max-width:720px) {
  .observatory-nav {
    grid-template-columns:1fr auto;
    min-height:0;
    padding:10px 14px;
  }
  .observatory-nav__links {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    width:100%;
    gap:.25rem;
    padding-top:8px;
  }
  .observatory-nav__links a {
    min-height:44px;
    justify-content:center;
    gap:.25rem;
    font-size:.62rem;
  }
  .observatory-button { min-height:44px; }
}

@media (max-width:1200px) {
  .page-index .index-proposal { grid-template-columns:1fr; }
  .page-index .index-proposal__rail {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .page-index .index-proposal__rail section { margin:0; }
  .page-index .index-proposal__head,
  .page-index .index-proposal__entry {
    grid-template-columns:92px 80px minmax(240px,1fr) 150px 52px;
  }
  .page-index .index-proposal__visual { display:none; }
  .page-index .index-proposal__tags { display:none; }
  .entry-page { grid-template-columns:minmax(0,1fr) 260px; }
  .entry-sidebar-left { display:none; }
  .topics-page__top { grid-template-columns:1fr; }
}

@media (max-width:900px) {
  body:not(.page-home) .site-nav {
    grid-template-columns:1fr auto;
    padding:8px 14px;
  }
  body:not(.page-home) .site-nav__links {
    grid-column:1 / -1;
    width:100%;
    justify-content:space-between;
    gap:.5rem;
    border-top:1px solid var(--obs-line-soft);
  }
  body:not(.page-home) .site-nav__link { font-size:.7rem; }
  body:not(.page-home) .site-footer { grid-template-columns:1fr 1fr; }
  body:not(.page-home) .site-footer__center { display:none; }
  .page-index .index-proposal__head { display:none; }
  .page-index .index-proposal__entry {
    grid-template-columns:82px minmax(0,1fr) 52px;
    min-height:0;
  }
  .page-index .index-proposal__entry time { grid-column:1; grid-row:1; }
  .page-index .index-proposal__type { grid-column:1; grid-row:2; }
  .page-index .index-proposal__copy { grid-column:2; grid-row:1 / span 2; }
  .page-index .index-proposal__read { grid-column:3; grid-row:1 / span 2; }
  .page-index .index-proposal__visual { display:none; }
  .entry-page { grid-template-columns:1fr; }
  .entry-sidebar-right {
    position:static;
    max-height:none;
    overflow:visible;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .entry-paper-panel,
  .entry-pullquote,
  .entry-sidebar-right .status-block,
  .entry-sidebar-right .callout { margin:0; }
}

@media (max-width:680px) {
  body:not(.page-home) #main-content,
  body:not(.page-home) .site-nav,
  body:not(.page-home) .site-footer { width:calc(100% - 16px); }
  body:not(.page-home) .site-nav__logo { font-size:1.4rem; }
  body:not(.page-home) .site-nav__links li { flex:1; }
  body:not(.page-home) .site-nav__link {
    justify-content:center;
    min-height:44px;
    font-size:.62rem;
  }
  .site-nav__subscribe { min-width:96px; }
  body:not(.page-home) .site-footer {
    display:block;
    padding:18px;
  }
  body:not(.page-home) .site-footer__meta { margin-top:1rem; text-align:left; }
  .page-index .index-proposal__hero h1 { font-size:clamp(3.4rem,19vw,5rem); }
  .page-index .index-proposal__controls { display:grid; }
  .page-index .index-proposal__control-group {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-index .index-proposal__control-group > span { grid-column:1 / -1; }
  .page-index .index-proposal__search { width:100%; margin:0; }
  .page-index .index-proposal__entry {
    grid-template-columns:70px minmax(0,1fr);
    margin:7px;
    padding:13px;
  }
  .page-index .index-proposal__read { display:none; }
  .page-index .index-proposal__copy h2 { font-size:1rem; }
  .page-index .index-proposal__copy p {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .page-index .index-proposal__rail { grid-template-columns:1fr; }
  .topics-page__hero .t-display { font-size:clamp(3rem,16vw,4.8rem); }
  .topics-page__section-head {
    display:block;
    padding:18px;
  }
  .topics-page__section-head > p:last-child { margin-top:.6rem; }
  .topics-grid { grid-template-columns:1fr; }
  .topic-card img { max-height:240px; }
  .entry-main { padding:24px 16px; }
  .entry-main__title { font-size:clamp(2.6rem,13vw,4.2rem); }
  .entry-main__type-row,
  .entry-main__meta-bar { flex-wrap:wrap; }
  .entry-mobile-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .entry-mobile-tools a { min-height:44px; }
  .entry-hero-figure { margin-inline:0; }
  .entry-hero-figure::after,
  .format-matrix::after {
    content:"Swipe to inspect";
    display:block;
    padding:.6rem;
    color:var(--obs-muted);
    font:.65rem/1 var(--obs-mono);
    text-align:right;
  }
  .entry-insight-grid { grid-template-columns:1fr; }
  .entry-sidebar-right { grid-template-columns:1fr; }
  .about-page__rail { display:grid; grid-template-columns:1fr; }
  .about-page__domains { grid-template-columns:1fr; }
  .format-lab__hero,
  .format-specimen__brief { grid-template-columns:1fr; }
  .format-lab__nav { grid-template-columns:1fr 1fr; }
  .format-sheet--explainer,
  .format-sheet--framework,
  .format-sheet--artifact,
  .format-sheet--case-study { grid-template-columns:1fr; }
  .format-lab__hero h1,
  .format-sheet__main h3,
  .artifact-workspace h3 { overflow-wrap:anywhere; }
  .framework-matrix header,
  .framework-matrix div { grid-template-columns:minmax(0,1fr) repeat(3,minmax(38px,1fr)); }
  .framework-matrix span,
  .framework-matrix b { min-width:0; padding:.45rem; overflow-wrap:anywhere; }
  .format-matrix {
    display:grid;
    gap:10px;
    overflow:visible;
    border:0;
  }
  .format-matrix > div {
    min-width:0;
    grid-template-columns:1fr;
    overflow:hidden;
    border:1px solid var(--obs-line);
    border-radius:8px;
  }
  .format-matrix__head { display:none !important; }
  .format-matrix span,
  .format-matrix b {
    border-right:0;
    border-bottom:1px solid var(--obs-line-soft);
  }
  .format-matrix span::before {
    display:block;
    margin-bottom:.25rem;
    color:var(--obs-muted);
    font:.62rem/1 var(--obs-mono);
    letter-spacing:.08em;
  }
  .format-matrix span:nth-child(2)::before { content:"PRIMARY PROMISE"; }
  .format-matrix span:nth-child(3)::before { content:"REQUIRED VISUAL"; }
  .format-matrix span:nth-child(4)::before { content:"REQUIRED EVIDENCE"; }
  .format-matrix span:nth-child(5)::before { content:"PRIMARY ACTION"; }
  .format-matrix::after { content:none; }
}

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

/* 40. PROMPT DECK HOMEPAGE
   A fresh homepage experiment: collection-driven post cards with a light,
   framework-free interaction layer. */
.page-home {
  --deck-bg:#020716;
  --deck-panel:#071225;
  --deck-panel-strong:#0a1830;
  --deck-line:#214469;
  --deck-line-hot:#2edbff;
  --deck-text:#c7d2e6;
  --deck-muted:#78879e;
  --deck-white:#f6f7fb;
  --deck-cyan:#35dcff;
  --deck-violet:#b05cff;
  --deck-pink:#ff3eaa;
  --deck-coral:#ff6b5d;
  --deck-mint:#63efae;
  --deck-gold:#ffd166;
  --deck-x:0;
  --deck-y:0;
  background:
    radial-gradient(circle at 78% 16%,rgba(176,92,255,.20),transparent 25%),
    radial-gradient(circle at 18% 36%,rgba(53,220,255,.16),transparent 32%),
    linear-gradient(135deg,#010511 0%,#061226 55%,#020612 100%);
  color:var(--deck-white);
  overflow-x:hidden;
}

.page-home::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.36;
  background-image:
    linear-gradient(rgba(79,120,170,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,120,170,.12) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 18%,#000 0 34%,transparent 78%);
}

.page-home > .site-nav,
.page-home .site-footer { display:none; }

.page-home #main-content {
  width:100%;
  max-width:none;
  border:0;
  background:transparent;
}

.deck-home {
  width:min(1680px,calc(100vw - 32px));
  margin:0 auto;
  padding:18px 0 34px;
  font-family:var(--mono);
}

.deck-nav,
.deck-panel {
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--deck-line) 72%,var(--deck-violet));
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(53,220,255,.10),transparent 38%),
    linear-gradient(145deg,rgba(8,21,43,.88),rgba(2,7,18,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(176,92,255,.14),
    0 22px 70px rgba(0,0,0,.33);
}

.deck-panel::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(53,220,255,.18),transparent 38%,rgba(255,62,170,.14));
  opacity:.42;
  mix-blend-mode:screen;
}

.deck-panel > * { position:relative; z-index:1; }

.deck-nav {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:64px;
  margin-bottom:10px;
  padding:0 22px 0 28px;
  border-color:color-mix(in srgb,var(--deck-cyan) 50%,var(--deck-violet));
}

.deck-nav__logo {
  color:var(--deck-white);
  font:800 clamp(1.8rem,2.4vw,2.35rem)/1 var(--sans);
  letter-spacing:-.075em;
}

.deck-nav__logo span { color:var(--deck-pink); }

.deck-nav__links {
  display:flex;
  gap:clamp(1.5rem,4vw,4.2rem);
  align-items:center;
}

.deck-nav__links a,
.deck-nav__button,
.deck-intro__actions a,
.deck-intro__actions button,
.deck-subscribe-card a {
  color:var(--deck-text);
  font:600 .78rem/1 var(--sans);
  letter-spacing:.08em;
  text-transform:none;
  text-decoration:none;
}

.deck-nav__links a:hover,
.deck-intro__actions a:hover { color:var(--deck-white); }

.deck-nav__button,
.deck-subscribe-card a {
  justify-self:end;
  display:inline-grid;
  min-height:44px;
  place-items:center;
  padding:0 1.5rem;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(90deg,var(--deck-pink),#ff7b55);
  box-shadow:0 0 28px rgba(255,62,170,.45);
}

.deck-hero {
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);
  gap:10px;
}

.deck-intro {
  min-height:590px;
  padding:clamp(28px,4vw,52px);
}

.deck-kicker {
  margin:0 0 1rem;
  color:var(--deck-cyan);
  font:700 .78rem/1 var(--mono);
  letter-spacing:.22em;
}

.deck-intro h1 {
  margin:0;
  color:var(--deck-white);
  font:800 clamp(4.2rem,7.2vw,7.4rem)/.82 var(--sans);
  letter-spacing:-.085em;
  text-transform:uppercase;
}

.deck-intro h1 em {
  display:block;
  margin-top:.08em;
  color:var(--deck-pink);
  font:italic 500 clamp(3.5rem,6.4vw,6.6rem)/.9 var(--serif);
  letter-spacing:-.065em;
  text-transform:none;
}

.deck-intro__copy {
  width:min(58ch,100%);
  margin:1.4rem 0 0;
  color:var(--deck-text);
  font:600 clamp(.92rem,1.25vw,1.12rem)/1.75 var(--mono);
}

.deck-intro__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:2rem;
}

.deck-intro__actions a,
.deck-intro__actions button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 20px;
  border:1px solid rgba(53,220,255,.35);
  border-radius:999px;
  background:rgba(5,15,31,.74);
  cursor:pointer;
}

.deck-intro__actions button {
  color:var(--deck-cyan);
  box-shadow:0 0 22px rgba(53,220,255,.14);
}

.deck-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin:2.4rem 0 0;
  padding-top:1.4rem;
  border-top:1px solid rgba(117,156,196,.22);
}

.deck-stats div {
  padding-right:1rem;
  border-right:1px solid rgba(117,156,196,.18);
}

.deck-stats div:last-child { border-right:0; }
.deck-stats dt { color:var(--deck-white); font:800 1.35rem/1 var(--sans); }
.deck-stats dd { margin:.4rem 0 0; color:var(--deck-muted); font:700 .62rem/1 var(--mono); letter-spacing:.18em; text-transform:uppercase; }

.deck-stage-panel {
  min-height:590px;
  padding:22px;
}

.deck-stage-panel__top {
  display:flex;
  justify-content:space-between;
  gap:2rem;
  align-items:flex-start;
}

.deck-stage-panel__top h2 {
  max-width:24ch;
  margin:0;
  color:var(--deck-white);
  font:800 clamp(2rem,3vw,3.5rem)/.98 var(--sans);
  letter-spacing:-.065em;
}

.deck-stage-panel__top > p {
  width:min(34ch,42%);
  margin:0;
  color:var(--deck-text);
  font:500 .9rem/1.65 var(--mono);
}

.post-deck {
  position:relative;
  height:430px;
  margin-top:18px;
  perspective:1300px;
}

.post-deck__orbit {
  position:absolute;
  inset:28px 8% 32px;
  border:1px dashed rgba(176,92,255,.32);
  border-radius:50%;
  opacity:.65;
  transform:rotate(-9deg);
}

.post-deck__orbit::before,
.post-deck__orbit::after {
  content:"";
  position:absolute;
  inset:12%;
  border:1px dashed rgba(53,220,255,.24);
  border-radius:50%;
}

.post-deck__orbit::after {
  inset:24%;
  border-color:rgba(99,239,174,.22);
  animation:deckOrbit 16s linear infinite;
}

.post-deck__track {
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}

.deck-card {
  --card-color:var(--deck-cyan);
  --base-x:0%;
  --base-y:0%;
  --base-r:0deg;
  --hover-lift:0px;
  position:absolute;
  top:42px;
  left:50%;
  display:grid;
  grid-template-rows:auto auto auto 1fr auto auto;
  width:min(340px,42%);
  min-height:300px;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--card-color) 70%,transparent);
  border-radius:18px;
  color:var(--deck-white);
  text-decoration:none;
  background:
    radial-gradient(circle at calc(50% + (var(--deck-x) * 18%)) calc(0% + (var(--deck-y) * 12%)),color-mix(in srgb,var(--card-color) 22%,transparent),transparent 42%),
    linear-gradient(155deg,rgba(8,23,48,.96),rgba(4,10,24,.96));
  box-shadow:
    0 0 34px color-mix(in srgb,var(--card-color) 22%,transparent),
    0 22px 58px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.08);
  transform:
    translate3d(calc(-50% + var(--base-x) + (var(--deck-x) * 10px)), calc(var(--base-y) + var(--hover-lift) + (var(--deck-y) * 8px)), 0)
    rotate(var(--base-r))
    rotateY(calc(var(--deck-x) * -4deg))
    rotateX(calc(var(--deck-y) * 3deg));
  transition:transform .38s ease, box-shadow .38s ease, opacity .38s ease, border-color .38s ease;
  will-change:transform;
}

.deck-card::before {
  content:"";
  position:absolute;
  inset:12px;
  z-index:-1;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.045);
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:18px 18px;
  opacity:.55;
}

.deck-card:nth-child(1) { --base-x:-48%; --base-y:26px; --base-r:-10deg; z-index:2; }
.deck-card:nth-child(2) { --base-x:-25%; --base-y:8px; --base-r:-4deg; z-index:4; }
.deck-card:nth-child(3) { --base-x:0%; --base-y:-2px; --base-r:1deg; z-index:6; }
.deck-card:nth-child(4) { --base-x:25%; --base-y:10px; --base-r:5deg; z-index:5; }
.deck-card:nth-child(5) { --base-x:48%; --base-y:28px; --base-r:10deg; z-index:3; }
.deck-card:nth-child(6) { --base-x:67%; --base-y:55px; --base-r:14deg; z-index:1; opacity:.82; }

.deck-card.is-active,
.deck-card:hover,
.deck-card:focus-visible {
  --hover-lift:-18px;
  z-index:40;
  opacity:1;
  border-color:var(--card-color);
  box-shadow:
    0 0 46px color-mix(in srgb,var(--card-color) 42%,transparent),
    0 28px 72px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.deck-card--explainer { --card-color:var(--deck-cyan); }
.deck-card--framework { --card-color:var(--deck-violet); }
.deck-card--artifact { --card-color:var(--deck-gold); }
.deck-card--case-study { --card-color:var(--deck-mint); }

.deck-card__number,
.deck-card__format,
.deck-card__meta,
.deck-card__open {
  font-family:var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}

.deck-card__number {
  color:var(--card-color);
  font-size:.84rem;
  font-weight:800;
}

.deck-card__format {
  justify-self:start;
  margin-top:.7rem;
  padding:.35rem .5rem;
  border:1px solid color-mix(in srgb,var(--card-color) 58%,transparent);
  border-radius:999px;
  color:var(--card-color);
  font-size:.58rem;
}

.deck-card h3 {
  margin:1rem 0 0;
  max-width:16ch;
  color:var(--deck-white);
  font:800 clamp(1.35rem,1.8vw,1.85rem)/1.02 var(--sans);
  letter-spacing:-.055em;
}

.deck-card p {
  margin:.9rem 0 1rem;
  color:var(--deck-text);
  font:500 .78rem/1.55 var(--mono);
}

.deck-card__meta {
  color:var(--deck-muted);
  font-size:.6rem;
}

.deck-card__open {
  margin-top:1.1rem;
  color:var(--card-color);
  font-size:.62rem;
}

.deck-utility-grid {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(320px,.8fr);
  gap:10px;
  margin-top:10px;
}

.deck-path-card,
.deck-use-card,
.deck-subscribe-card {
  min-height:270px;
  padding:24px;
}

.deck-path-card h2,
.deck-subscribe-card h2 {
  margin:0;
  color:var(--deck-white);
  font:800 clamp(1.8rem,2.8vw,3rem)/1.02 var(--sans);
  letter-spacing:-.065em;
}

.deck-path-card > p,
.deck-subscribe-card p {
  margin:.7rem 0 0;
  color:var(--deck-text);
  font:500 .86rem/1.65 var(--mono);
}

.deck-path {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:1.4rem 0 0;
  padding:0;
  list-style:none;
}

.deck-path a,
.deck-use-card__grid div {
  display:block;
  min-height:0;
  padding:20px;
  border:1px solid rgba(117,156,196,.18);
  border-radius:14px;
  background:rgba(5,14,29,.72);
  color:var(--deck-text);
  text-decoration:none;
}

.deck-path b,
.deck-use-card__grid b {
  display:block;
  color:var(--deck-white);
  font:800 .88rem/1.2 var(--sans);
}

.deck-path span,
.deck-use-card__grid span {
  display:block;
  margin-top:.55rem;
  color:var(--deck-muted);
  font:500 .7rem/1.45 var(--mono);
}

.deck-use-card__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.deck-subscribe-card {
  border-color:color-mix(in srgb,var(--deck-pink) 62%,var(--deck-line));
}

.deck-subscribe-card a {
  margin-top:1.4rem;
  min-width:180px;
}

@keyframes deckOrbit {
  to { transform:rotate(360deg); }
}

@media (max-width:1180px) {
  .deck-hero,
  .deck-utility-grid { grid-template-columns:1fr; }
  .deck-intro,
  .deck-stage-panel { min-height:auto; }
  .post-deck { height:410px; }
  .deck-stage-panel__top > p { width:min(46ch,100%); }
}

@media (max-width:760px) {
  .deck-home {
    width:calc(100vw - 18px);
    padding-top:9px;
  }

  .deck-nav {
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }

  .deck-nav__links {
    grid-column:1 / -1;
    order:3;
    width:100%;
    gap:0;
    justify-content:space-between;
    overflow-x:auto;
    padding-top:8px;
    border-top:1px solid rgba(117,156,196,.18);
  }

  .deck-nav__links a {
    min-height:38px;
    padding:0 .55rem;
    white-space:nowrap;
    font-size:.72rem;
  }

  .deck-nav__button {
    display:none;
  }

  .deck-intro,
  .deck-stage-panel,
  .deck-path-card,
  .deck-use-card,
  .deck-subscribe-card {
    padding:20px;
    border-radius:16px;
  }

  .deck-intro h1 {
    font-size:clamp(3.5rem,17vw,5.2rem);
  }

  .deck-intro h1 em {
    font-size:clamp(3rem,14vw,4.8rem);
  }

  .deck-intro__copy,
  .deck-stage-panel__top > p,
  .deck-card p {
    overflow-wrap:anywhere;
  }

  .deck-intro__copy {
    max-width:32ch;
    font-size:.82rem;
    line-height:1.62;
  }

  .deck-stage-panel__top h2 {
    font-size:clamp(1.75rem,9vw,2.5rem);
    max-width:13ch;
  }

  .deck-stage-panel__top > p {
    max-width:34ch;
    font-size:.75rem;
    line-height:1.6;
  }

  .deck-intro__actions {
    display:grid;
    grid-template-columns:1fr;
  }

  .deck-intro__actions a,
  .deck-intro__actions button {
    width:100%;
    text-align:center;
  }

  .deck-stats,
  .deck-use-card__grid,
  .deck-path {
    grid-template-columns:1fr 1fr;
  }

  .deck-stage-panel__top {
    display:block;
  }

  .deck-stage-panel__top > p {
    width:100%;
    margin-top:1rem;
  }

  .post-deck {
    height:auto;
    margin-inline:-20px;
    padding:12px 20px 20px;
    overflow-x:auto;
    perspective:none;
  }

  .post-deck__orbit { display:none; }

  .post-deck__track {
    position:relative;
    display:flex;
    gap:12px;
    min-width:max-content;
    transform-style:flat;
  }

  .deck-card,
  .deck-card:nth-child(n) {
    position:relative;
    inset:auto;
    width:78vw;
    max-width:340px;
    min-height:300px;
    opacity:1;
    transform:none;
  }
}

@media (max-width:480px) {
  .deck-stats,
  .deck-use-card__grid,
  .deck-path { grid-template-columns:1fr; }
  .deck-stats div { border-right:0; border-bottom:1px solid rgba(117,156,196,.16); padding:0 0 .8rem; }
  .deck-stats div:last-child { border-bottom:0; }
}

@media (prefers-reduced-motion:reduce) {
  .post-deck__orbit::after { animation:none; }
  .deck-card { transform:translate3d(calc(-50% + var(--base-x)), var(--base-y), 0) rotate(var(--base-r)); }
}

/* 41. MOBILE-FIRST DECK + CINEMATIC ENTRY SYSTEM
   One selected card owns the foreground. Articles share one premium reading
   surface while keeping their format-specific diagrams and components. */

/* Homepage: selected-card deck */
.page-home .deck-nav {
  grid-template-columns:1fr;
  gap:10px;
  padding:14px 16px;
}

.page-home .deck-nav__links {
  grid-column:1;
  width:100%;
  justify-content:flex-start;
  gap:4px;
  overflow-x:auto;
  padding-top:8px;
  border-top:1px solid rgba(117,156,196,.18);
  scrollbar-width:none;
}

.page-home .deck-nav__links::-webkit-scrollbar { display:none; }
.page-home .deck-nav__links a { flex:0 0 auto; min-height:40px; padding:0 12px; }
.page-home .deck-intro { min-height:0; padding:28px 20px; }
.page-home .deck-intro h1 { font-size:clamp(3.25rem,16vw,5rem); }
.page-home .deck-intro h1 em { font-size:clamp(2.85rem,14vw,4.5rem); }
.page-home .deck-intro__copy { max-width:38ch; font-size:.9rem; line-height:1.7; }

.deck-intro__note {
  margin:.9rem 0 0;
  color:var(--deck-cyan);
  font:600 .68rem/1.6 var(--mono);
  letter-spacing:.08em;
}

.page-home .deck-stats { grid-template-columns:1fr 1fr; gap:0; }
.page-home .deck-stats div {
  min-width:0;
  padding:12px 8px 12px 0;
  border-right:0;
  border-bottom:1px solid rgba(117,156,196,.16);
}

.page-home .deck-stage-panel { min-height:0; padding:22px 16px 18px; }
.page-home .deck-stage-panel__top { display:block; }
.page-home .deck-stage-panel__top h2 { max-width:13ch; font-size:clamp(2rem,10vw,3rem); }
.page-home .deck-stage-panel__top > p { width:100%; max-width:38ch; margin-top:1rem; font-size:.8rem; }

.page-home .post-deck {
  height:474px;
  margin:14px -4px 0;
  overflow:hidden;
  perspective:none;
  touch-action:pan-y;
  user-select:none;
}

.page-home .post-deck__orbit {
  inset:42px 2% 54px;
  opacity:.36;
  transform:rotate(-7deg);
}

.page-home .post-deck__track {
  position:absolute;
  inset:0 0 58px;
  display:block;
  min-width:0;
  transform-style:flat;
}

.page-home .deck-card,
.page-home .deck-card:nth-child(n) {
  position:absolute;
  inset:12px auto auto 50%;
  width:min(82vw,350px);
  height:380px;
  min-height:380px;
  padding:22px;
  opacity:0;
  z-index:1;
  transform:translate3d(-50%,16px,0) scale(.92);
  transition:transform .46s cubic-bezier(.22,1,.36,1), opacity .28s ease, box-shadow .35s ease, border-color .35s ease;
  pointer-events:none;
  will-change:transform,opacity;
}

.page-home .deck-card.is-active,
.page-home .deck-card.is-active:hover,
.page-home .deck-card.is-active:focus-within {
  z-index:20;
  opacity:1;
  transform:translate3d(-50%,0,0) scale(1);
  pointer-events:auto;
}

.page-home .deck-card.is-prev {
  z-index:10;
  opacity:.68;
  transform:translate3d(calc(-50% - 30px),10px,0) rotate(-2.5deg) scale(.965);
  pointer-events:auto;
}

.page-home .deck-card.is-next {
  z-index:9;
  opacity:.68;
  transform:translate3d(calc(-50% + 30px),10px,0) rotate(2.5deg) scale(.965);
  pointer-events:auto;
}

.page-home .deck-card.is-buried-left {
  opacity:0;
  transform:translate3d(calc(-50% - 56px),20px,0) rotate(-5deg) scale(.92);
}

.page-home .deck-card.is-buried-right {
  opacity:0;
  transform:translate3d(calc(-50% + 56px),20px,0) rotate(5deg) scale(.92);
}

.deck-card__select {
  position:absolute;
  inset:0;
  z-index:8;
  width:100%;
  height:100%;
  border-radius:inherit;
  cursor:pointer;
}

.deck-card.is-active .deck-card__select { pointer-events:none; }
.page-home .deck-card:not(.is-active) > :not(.deck-card__select) { opacity:.18; }
.page-home .deck-card.is-active > :not(.deck-card__select) { opacity:1; transition:opacity .25s ease .12s; }

.page-home .deck-card__open {
  position:relative;
  z-index:12;
  display:flex;
  min-height:44px;
  align-items:center;
  justify-content:space-between;
  margin-top:1rem;
  padding:0 12px;
  border:1px solid color-mix(in srgb,var(--card-color) 45%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--card-color) 8%,transparent);
  pointer-events:auto;
}

.page-home .deck-card h3 { font-size:clamp(1.25rem,6.4vw,1.65rem); }
.page-home .deck-card p {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}

.post-deck__controls {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}

.post-deck__controls button {
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border:1px solid rgba(53,220,255,.34);
  border-radius:50%;
  color:var(--deck-white);
  background:rgba(5,15,31,.92);
  box-shadow:0 0 22px rgba(53,220,255,.12);
}

.post-deck__controls p { min-width:58px; color:var(--deck-muted); font:700 .66rem/1 var(--mono); letter-spacing:.18em; text-align:center; }
.page-home .deck-utility-grid { grid-template-columns:1fr; }
.page-home .deck-path-card,
.page-home .deck-use-card,
.page-home .deck-standard-card { min-height:0; padding:24px 20px; }
.page-home .deck-path { grid-template-columns:1fr; }
.page-home .deck-use-card__grid { grid-template-columns:1fr; }

.deck-standard-card { border-color:color-mix(in srgb,var(--deck-gold) 54%,var(--deck-line)); }
.deck-standard-card h2 {
  margin:0;
  color:var(--deck-white);
  font:800 clamp(2rem,9vw,3rem)/1 var(--sans);
  letter-spacing:-.065em;
}
.deck-standard-card > p { margin:.8rem 0 0; color:var(--deck-text); font:500 .84rem/1.7 var(--mono); }
.deck-standard-card a { display:inline-flex; min-height:44px; align-items:center; margin-top:1.25rem; color:var(--deck-gold); font:700 .7rem/1 var(--mono); letter-spacing:.08em; }

.deck-manifesto {
  display:grid;
  gap:26px;
  margin-top:10px;
  padding:30px 20px;
  border-color:color-mix(in srgb,var(--deck-violet) 50%,var(--deck-line));
}
.deck-manifesto h2 { margin:0; max-width:19ch; color:var(--deck-white); font:800 clamp(2.4rem,11vw,4.6rem)/.95 var(--sans); letter-spacing:-.075em; }
.deck-manifesto__copy { display:grid; gap:1rem; color:var(--deck-text); font:500 .9rem/1.75 var(--mono); }
.deck-manifesto__proof { display:grid; gap:8px; }
.deck-manifesto__proof div { padding:16px; border:1px solid rgba(117,156,196,.2); border-radius:14px; background:rgba(5,14,29,.64); }
.deck-manifesto__proof dt { color:var(--deck-white); font:800 1rem/1 var(--sans); }
.deck-manifesto__proof dd { margin:.5rem 0 0; color:var(--deck-muted); font:500 .7rem/1.5 var(--mono); }

@media (min-width:760px) {
  .page-home .deck-nav { grid-template-columns:1fr auto; align-items:center; padding:0 28px; }
  .page-home .deck-nav__links { grid-column:2; width:auto; justify-content:flex-end; gap:clamp(1rem,3vw,3.2rem); padding-top:0; border-top:0; }
  .page-home .deck-intro { padding:clamp(34px,5vw,62px); }
  .page-home .deck-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .page-home .deck-stats div { border-right:1px solid rgba(117,156,196,.16); border-bottom:0; }
  .page-home .deck-stage-panel { padding:28px; }
  .page-home .deck-stage-panel__top { display:flex; }
  .page-home .deck-stage-panel__top > p { width:min(34ch,42%); margin-top:0; }
  .page-home .post-deck { height:492px; }
  .page-home .post-deck__track { inset:0 0 62px; }
  .page-home .deck-card,
  .page-home .deck-card:nth-child(n) { width:370px; height:388px; min-height:388px; }
  .page-home .deck-card.is-prev { transform:translate3d(calc(-50% - 122px),16px,0) rotate(-4deg) scale(.95); }
  .page-home .deck-card.is-next { transform:translate3d(calc(-50% + 122px),16px,0) rotate(4deg) scale(.95); }
  .page-home .deck-card.is-buried-left { opacity:.08; transform:translate3d(calc(-50% - 172px),30px,0) rotate(-7deg) scale(.88); }
  .page-home .deck-card.is-buried-right { opacity:.08; transform:translate3d(calc(-50% + 172px),30px,0) rotate(7deg) scale(.88); }
  .page-home .deck-path { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .page-home .deck-use-card__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .deck-manifesto { grid-template-columns:1.15fr .85fr; padding:clamp(34px,5vw,64px); }
  .deck-manifesto__proof { grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (min-width:1180px) {
  .page-home .deck-hero { grid-template-columns:minmax(390px,.78fr) minmax(620px,1.22fr); }
  .page-home .deck-intro,
  .page-home .deck-stage-panel { min-height:650px; }
  .page-home .deck-intro h1 { font-size:clamp(4.5rem,6.2vw,7rem); }
  .page-home .deck-intro h1 em { font-size:clamp(3.8rem,5.6vw,6.2rem); }
  .page-home .deck-utility-grid { grid-template-columns:1.12fr .9fr .78fr; }
}

/* Shared cinematic article template */
.page-entry {
  --ink:#020716;
  --panel:#071225;
  --panel2:#0a1830;
  --line:#1e3b5b;
  --line2:#386387;
  --bright:#f5f7fb;
  --text:#c7d2e6;
  --muted:#8292aa;
  --faint:#53657f;
  --cyan:#35dcff;
  --gold:#ffd166;
  --coral:#ff6b5d;
  --green:#63efae;
  background:
    radial-gradient(circle at 78% 10%,rgba(176,92,255,.16),transparent 26%),
    radial-gradient(circle at 16% 22%,rgba(53,220,255,.12),transparent 30%),
    linear-gradient(145deg,#010511,#061226 58%,#020612);
  color:var(--text);
  overflow-x:hidden;
}

.page-entry::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.22;
  background-image:linear-gradient(rgba(79,120,170,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,120,170,.12) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 16%,#000,transparent 72%);
}

.page-entry .site-nav,
.page-entry #main-content,
.page-entry .site-footer { width:min(1580px,calc(100% - 16px)); border-color:var(--line); }
.page-entry #main-content { overflow:visible; background:transparent; }
.page-entry .site-nav {
  min-height:66px;
  grid-template-columns:1fr auto;
  gap:14px;
  padding:10px 16px;
  border:1px solid var(--line);
  border-radius:0 0 16px 16px;
  background:rgba(2,7,22,.9);
  backdrop-filter:blur(18px);
}
.page-entry .site-nav__logo { color:var(--bright); font:800 1.35rem/1 var(--sans); letter-spacing:-.06em; }
.page-entry .site-nav__links { width:auto; gap:4px; padding:0; border:0; }
.page-entry .site-nav__links { grid-column:auto; margin-top:0; }
.page-entry .site-nav__link { min-height:44px; padding:0 10px; color:var(--muted); font:600 .68rem/1 var(--sans); letter-spacing:.04em; }
.page-entry .site-nav__link i { display:none; }
.page-entry .site-nav__right { display:none; }

.cinema-progress { position:fixed; top:0; right:0; left:0; z-index:140; height:2px; background:transparent; }
.cinema-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,var(--format-color),#b05cff,#ff3eaa); box-shadow:0 0 16px var(--format-color); }
.cinema-entry { width:min(1580px,calc(100% - 16px)); margin:8px auto 0; }

.cinema-hero {
  position:relative;
  display:grid;
  gap:22px;
  min-height:calc(100svh - 90px);
  padding:30px 18px 18px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--format-color) 48%,var(--line));
  border-radius:20px;
  background:linear-gradient(145deg,rgba(8,21,43,.92),rgba(2,7,18,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 28px 80px rgba(0,0,0,.36);
}
.cinema-hero__glow { position:absolute; top:-20%; right:-25%; width:80vw; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--format-color) 22%,transparent),transparent 67%); filter:blur(18px); animation:cinemaDrift 14s ease-in-out infinite alternate; }
.cinema-hero__grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(rgba(92,132,179,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(92,132,179,.12) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.cinema-hero > *:not(.cinema-hero__glow,.cinema-hero__grid) { position:relative; z-index:1; }
.cinema-eyebrow { margin:0 0 1rem; color:var(--format-color); font:700 .68rem/1.4 var(--mono); letter-spacing:.18em; }
.cinema-hero__badges { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:1rem; }
.cinema-hero__badges time { color:var(--muted); font:500 .65rem/1 var(--mono); letter-spacing:.08em; }
.cinema-hero h1 { max-width:15ch; margin:0; color:var(--bright); font:800 clamp(2.75rem,12vw,4.6rem)/.92 var(--sans); letter-spacing:-.075em; text-wrap:balance; overflow-wrap:anywhere; }
.cinema-hero__abstract { max-width:62ch; margin:1.4rem 0 0; color:var(--text); font:500 1rem/1.7 var(--sans); }
.cinema-hero__meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:1.25rem; }
.cinema-hero__meta span { padding:7px 10px; border:1px solid rgba(117,156,196,.2); border-radius:999px; color:var(--muted); font:600 .6rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.cinema-hero__actions { display:grid; gap:8px; margin-top:1.4rem; }
.cinema-hero__actions a { display:flex; min-height:46px; align-items:center; justify-content:space-between; padding:0 14px; border:1px solid color-mix(in srgb,var(--format-color) 44%,var(--line)); border-radius:999px; color:var(--bright); background:color-mix(in srgb,var(--format-color) 7%,transparent); font:700 .72rem/1 var(--mono); letter-spacing:.05em; }
.cinema-hero__note { padding:18px; border:1px solid color-mix(in srgb,var(--format-color) 38%,var(--line)); border-radius:16px; background:rgba(3,10,24,.75); }
.cinema-hero__note span { color:var(--format-color); font:700 .62rem/1 var(--mono); letter-spacing:.16em; }
.cinema-hero__note p { margin:.8rem 0 0; color:var(--text); font:italic 1.2rem/1.45 var(--serif); }
.cinema-hero__visual { min-width:0; align-self:end; overflow:hidden; border:1px solid rgba(117,156,196,.18); border-radius:16px; background:rgba(2,8,19,.68); }
.page-entry .cinema-hero__visual .entry-hero-figure { margin:0; padding:12px; overflow:hidden; border:0; box-shadow:none; background:transparent; }
.page-entry .cinema-hero__visual .entry-hero-figure figcaption { position:static; width:auto; max-width:100%; white-space:normal; }
.page-entry .cinema-hero__visual .entry-hero-figure figcaption::after { display:none; }
.page-entry .cinema-hero__visual .entry-hero-figure svg { width:100%; min-width:0; max-width:100%; }

.cinema-layout { display:block; scroll-margin-top:76px; }
.cinema-rail { display:grid; gap:18px; margin:10px 0; padding:20px; border:1px solid var(--line); border-radius:16px; background:rgba(5,15,31,.84); }
.cinema-rail__section { display:grid; gap:8px; }
.cinema-rail__label { color:var(--faint); font:700 .6rem/1 var(--mono); letter-spacing:.16em; }
.cinema-rail__section strong { color:var(--bright); font:800 1.05rem/1.2 var(--sans); }
.cinema-rail__section a { color:var(--topic-color); font:600 .72rem/1.4 var(--mono); }
.cinema-toc { min-width:0; }
.cinema-toc ol { display:grid; gap:1px; margin-top:10px; counter-reset:toc; }
.cinema-toc li { counter-increment:toc; }
.cinema-toc a { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; padding:8px 0; border-bottom:1px solid rgba(117,156,196,.14); color:var(--muted); font:500 .68rem/1.45 var(--mono); }
.cinema-toc a::before { content:counter(toc,decimal-leading-zero); color:var(--format-color); }
.cinema-rail__share { grid-template-columns:1fr 1fr; }
.cinema-rail__share .cinema-rail__label { grid-column:1 / -1; }
.cinema-rail__share a { display:flex; min-height:44px; align-items:center; justify-content:center; border:1px solid rgba(117,156,196,.18); border-radius:999px; color:var(--text); }

.cinema-story { min-width:0; padding:22px 18px 54px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,rgba(6,17,35,.94),rgba(2,7,18,.97)); box-shadow:0 30px 90px rgba(0,0,0,.28); }
.page-entry .cinema-story .entry-insight-grid { margin:0 0 34px; }
.page-entry .cinema-story .entry-insight { border-color:rgba(117,156,196,.2); border-radius:14px; background:rgba(5,15,31,.74); }
.page-entry .cinema-story .entry-body h2 { scroll-margin-top:90px; margin-top:3.4rem; color:var(--format-color); font:700 .78rem/1.5 var(--mono); letter-spacing:.14em; text-transform:uppercase; }
.page-entry .cinema-story .entry-body h3 { margin-top:2.2rem; color:var(--bright); font:800 clamp(1.5rem,7vw,2rem)/1.12 var(--sans); letter-spacing:-.04em; }
.page-entry .cinema-story .entry-body p { max-width:72ch; margin-bottom:1.3rem; color:var(--text); font:500 1rem/1.82 var(--sans); }
.page-entry .cinema-story .entry-body li { color:var(--text); font:500 .95rem/1.75 var(--sans); }
.page-entry .cinema-story .entry-body strong { color:var(--bright); }
.page-entry .cinema-story .entry-body blockquote { margin:2.2rem 0; padding:1.2rem 0 1.2rem 1.3rem; border-left:2px solid var(--format-color); color:var(--bright); font:italic clamp(1.4rem,6vw,2rem)/1.35 var(--serif); }
.page-entry .cinema-story .entry-body pre { border-radius:12px; border-color:rgba(117,156,196,.24); background:#01050d; }
.page-entry .cinema-story .callout,
.page-entry .cinema-story .prompt-card,
.page-entry .cinema-story .download-panel,
.page-entry .cinema-story .memory-layers article,
.page-entry .cinema-story .file-stack article,
.page-entry .cinema-story .context-router div { border-radius:14px; }
.cinema-artifact { margin-bottom:2.2rem; border-radius:16px; }
.cinema-artifact > div { display:grid; gap:6px; padding:16px; }
.cinema-artifact > div span { color:var(--format-color); font:700 .6rem/1 var(--mono); letter-spacing:.14em; }
.cinema-artifact > div b { color:var(--bright); font:700 1rem/1.35 var(--sans); }
.cinema-faq,
.cinema-related { margin-top:4rem; padding-top:2rem; border-top:1px solid var(--line); }
.page-entry .cinema-related .related-work__grid { grid-template-columns:1fr; }
.page-entry .cinema-related .related-work__item { min-height:112px; border:1px solid var(--line); border-radius:12px; background:rgba(5,15,31,.72); }
.cinema-margin { display:none; }

.page-entry .site-footer { margin-top:10px; border:1px solid var(--line); border-radius:16px 16px 0 0; background:rgba(2,7,18,.9); }

@keyframes cinemaDrift { to { transform:translate3d(-8%,8%,0) scale(1.12); } }

@media (min-width:760px) {
  .page-entry .site-nav { grid-template-columns:1fr auto; padding:0 24px; }
  .page-entry .site-nav__logo { font-size:1.6rem; }
  .cinema-entry { margin-top:10px; }
  .cinema-hero { min-height:720px; grid-template-columns:minmax(0,1fr) minmax(250px,.38fr); padding:clamp(36px,5vw,70px); }
  .cinema-hero__copy { align-self:center; }
  .cinema-hero h1 { font-size:clamp(4.8rem,8vw,7.6rem); }
  .cinema-hero__abstract { font-size:1.12rem; }
  .cinema-hero__actions { grid-template-columns:auto auto; justify-content:start; }
  .cinema-hero__actions a { min-width:190px; }
  .cinema-hero__note { align-self:center; }
  .cinema-hero__visual { grid-column:1 / -1; }
  .cinema-layout { display:grid; grid-template-columns:220px minmax(0,820px); justify-content:center; gap:10px; margin-top:10px; }
  .cinema-rail { position:sticky; top:76px; align-self:start; max-height:calc(100vh - 92px); margin:0; overflow:auto; }
  .cinema-story { padding:clamp(34px,5vw,68px); }
  .page-entry .cinema-story .entry-insight-grid { grid-template-columns:1.25fr .75fr; }
  .page-entry .cinema-related .related-work__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
}

@media (min-width:1240px) {
  .cinema-hero {
    min-height:760px;
    grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);
    grid-template-rows:auto 1fr;
    align-items:center;
  }
  .cinema-hero__copy { grid-column:1; grid-row:1 / -1; }
  .cinema-hero h1 { max-width:11ch; font-size:clamp(4.8rem,6.2vw,6.3rem); }
  .cinema-hero__note { grid-column:2; grid-row:1; align-self:end; }
  .cinema-hero__visual { grid-column:2; grid-row:2; align-self:start; }
  .cinema-layout { grid-template-columns:220px minmax(0,820px) 250px; }
  .cinema-margin { position:sticky; top:76px; display:grid; align-self:start; gap:10px; }
  .cinema-margin > div,
  .cinema-margin > .callout { padding:20px; border:1px solid var(--line); border-radius:16px; background:rgba(5,15,31,.84); }
  .cinema-margin__quote > span { display:block; color:var(--format-color); font:500 3rem/1 var(--serif); }
  .cinema-margin__quote p { margin:.4rem 0 0; color:var(--bright); font:italic 1.2rem/1.5 var(--serif); }
  .cinema-margin__author { display:grid; gap:10px; }
  .cinema-margin__author strong { color:var(--bright); font:800 1.2rem/1.2 var(--sans); }
  .cinema-margin__author p { color:var(--muted); font:500 .74rem/1.65 var(--mono); }
  .cinema-margin__author a { color:var(--format-color); font:700 .66rem/1 var(--mono); }
}

@media (prefers-reduced-motion:reduce) {
  .cinema-hero__glow { animation:none; }
  .page-home .deck-card,
  .page-home .deck-card:nth-child(n) { transition:none; }
}

/* Simple post reader: topic navigation and a quiet reading column. */
.page-entry { background:var(--ink); overflow-x:clip; }
.page-entry #main-content { width:100%; max-width:none; margin:0; border:0; }
.reader-shell { display:grid; grid-template-columns:minmax(0,1fr); min-height:100vh; font-family:var(--sans); }
.reader-shell a { text-decoration:none; }
.reader-shell a:focus-visible, .reader-shell summary:focus-visible, .reader-shell input:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.reader-skip { position:fixed; top:8px; left:8px; z-index:100; padding:12px 18px; background:var(--panel2); color:var(--cyan); transform:translateY(-150%); }
.reader-skip:focus { transform:none; }
.reader-site,.reader-posts { min-width:0; background:var(--panel); border-bottom:1px solid var(--line); }
.reader-site { padding:16px 20px 0; }
.reader-brand { display:inline-block; margin-bottom:16px; color:var(--bright); font:500 2rem/1 var(--serif); letter-spacing:-.05em; }
.reader-brand span { color:var(--cyan); }
.reader-disclosure > summary { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--bright); font:700 .92rem/1.5 var(--sans); cursor:pointer; list-style:none; }
.reader-disclosure > summary::-webkit-details-marker { display:none; }
.reader-disclosure > summary::after { content:'+'; color:var(--muted); }
.reader-disclosure[open] > summary::after { content:'−'; }
.reader-site__content { padding:12px 0 24px; }
.reader-links { display:grid; gap:4px; }
.reader-links a { min-height:44px; display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:5px; color:var(--text); font:600 .88rem/1.5 var(--sans); }
.reader-links a:hover,.reader-post:hover { background:var(--panel2); color:var(--bright); }
.reader-links a span,.reader-links small { margin-left:auto; color:var(--muted); font-size:.72rem; }
.reader-links a.is-selected { background:var(--panel2); color:var(--cyan); }
.reader-links i { width:7px; height:7px; flex:none; border-radius:50%; background:var(--topic-color,var(--cyan)); }
.reader-label { display:block; margin:28px 12px 10px; color:var(--muted); font:500 .72rem/1.5 var(--sans); }
.reader-site__note { margin:48px 12px 0; color:var(--muted); font:400 .76rem/1.8 var(--sans); }
.reader-posts { padding:4px 20px; }
.reader-posts summary span { color:var(--muted); font:400 .72rem/1 var(--mono); margin-left:auto; }
.reader-posts__content { padding:10px 0 24px; }
.reader-search { display:block; margin:0 8px 20px; }
.reader-search[hidden],.reader-post[hidden],.reader-empty[hidden] { display:none; }
.reader-search .reader-label { margin:0 0 8px; }
.reader-search input { width:100%; min-height:44px; padding:10px 12px; background:var(--ink); border:1px solid var(--line); border-radius:5px; color:var(--text); font:400 .8rem/1.5 var(--sans); }
.reader-search input::placeholder { color:var(--muted); }
.reader-post { display:block; margin-bottom:8px; padding:14px 12px; border-radius:5px; color:var(--text); }
.reader-post strong { display:block; font:600 .88rem/1.55 var(--sans); }
.reader-post > span { display:block; margin-top:7px; color:var(--muted); font:400 .69rem/1.6 var(--sans); }
.reader-post.is-current { background:var(--line); color:var(--bright); box-shadow:inset 2px 0 var(--cyan); }
.reader-all { display:flex; justify-content:space-between; min-height:44px; align-items:center; margin:24px 12px 0; color:var(--muted); font:500 .75rem/1.5 var(--sans); }
.reader-empty { padding:12px; color:var(--muted); font-size:.85rem; }
.reader-article { width:100%; min-width:0; max-width:800px; margin:0 auto; padding:36px 22px 64px; outline:none; }
.reader-meta { color:var(--muted); font:500 .74rem/1.7 var(--sans); }
.reader-meta a { color:inherit; }
.reader-header h1 { margin:16px 0 22px; color:var(--bright); font:700 clamp(1.8rem,4vw,2.55rem)/1.2 var(--sans); letter-spacing:-.04em; overflow-wrap:break-word; }
.reader-intro { color:var(--text); font:500 1rem/1.85 var(--sans); }
.reader-byline { margin:22px 0 36px; color:var(--muted); font:400 .73rem/1.8 var(--sans); }
.reader-byline span { margin:0 7px; }
.page-entry .cinema-story.reader-story { padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.page-entry .reader-story .entry-body h2 { margin:2.6rem 0 1rem; color:var(--bright); font:700 clamp(1.4rem,3vw,1.85rem)/1.3 var(--sans); letter-spacing:-.025em; text-transform:none; scroll-margin-top:24px; }
.page-entry .reader-story .entry-body h3 { margin:2rem 0 .8rem; font:700 1.2rem/1.4 var(--sans); letter-spacing:-.02em; }
.page-entry .reader-story .entry-body p,.page-entry .reader-story .entry-body li { font:400 1rem/1.85 var(--sans); }
.page-entry .reader-story .entry-body a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.reader-story .entry-body { padding:0; min-width:0; }
.reader-story .entry-body > :first-child { margin-top:0; }
.reader-story .entry-body img,.reader-story .entry-body svg { max-width:100%; }
.reader-story .entry-body pre { max-width:100%; overflow:auto; }
.reader-story .entry-body table { font-size:.9rem; }
.reader-story .cinema-related { margin-top:48px; }
.page-entry .reader-story .cinema-related .related-work__grid { display:grid; grid-template-columns:1fr; }
.page-entry .reader-story .cinema-related .related-work__item { border:0; border-bottom:1px solid var(--line); border-radius:0; background:none; padding:16px 0; min-height:0; }
.reader-author { margin-top:48px; padding-top:24px; border-top:1px solid var(--line); font:400 .8rem/1.8 var(--sans); color:var(--muted); }
.reader-author strong { color:var(--bright); }
.reader-author a { display:inline-flex; align-items:center; min-height:44px; color:var(--cyan); }
@media (min-width:800px) {
  .reader-shell { grid-template-columns:210px minmax(0,1fr); }
  .reader-site { grid-column:1; grid-row:1 / 3; position:sticky; top:0; height:100dvh; overflow-y:auto; border-right:1px solid var(--line); border-bottom:0; padding:32px 16px; }
  .reader-site > details > summary { display:none; }
  .reader-site__content { padding-top:30px; }
  .reader-posts { grid-column:2; }
  .reader-article { grid-column:2; padding:48px 36px 80px; }
}
@media (min-width:1180px) {
  .reader-shell { grid-template-columns:220px 280px minmax(0,1fr); align-items:start; }
  .reader-site { grid-row:1; }
  .reader-posts { position:sticky; top:0; height:100dvh; overflow-y:auto; border-right:1px solid var(--line); border-bottom:0; padding:28px 16px; }
  .reader-posts > details > summary { padding:0 12px; margin-bottom:24px; cursor:default; }
  .reader-posts > details > summary::after { display:none; }
  .reader-article { grid-column:3; padding:64px 48px 100px; }
}
@media (prefers-reduced-motion:reduce) { .reader-shell * { scroll-behavior:auto; } }

/* Remove the prior cinematic canvas from the simple reader. */
body.page-entry::before { display:none; }
body.page-entry #main-content { width:100% !important; margin:0 !important; }

/* Shared spacing: comfortable insets, natural heights, and consistent controls. */
.page-home .deck-utility-grid { gap:20px; }
.page-home .deck-path-card, .page-home .deck-use-card { padding:clamp(24px,3vw,40px); }
.page-home .deck-path-card h2 { line-height:1.2; letter-spacing:-.04em; }
.page-home .deck-path, .page-home .deck-use-card__grid { gap:12px; margin-top:24px; }
.page-home .deck-path a, .page-home .deck-use-card__grid div { min-height:0; padding:20px; }
.page-home .deck-path b, .page-home .deck-use-card__grid b { line-height:1.45; }
.page-home .deck-path span, .page-home .deck-use-card__grid span { font-family:var(--sans); font-size:.85rem; line-height:1.6; }
.page-entry .reader-story .faq { padding:24px; border:1px solid var(--line); }
.page-entry .reader-story .faq__label { line-height:1.6; margin-bottom:20px; }
.page-entry .reader-story .faq-item__q { width:100%; text-align:left; gap:20px; padding:20px 0; }
.page-entry .reader-story .faq-item__toggle { flex:none; }
.page-entry .reader-story .faq-item__a { padding:0 0 20px; line-height:1.8; }
.page-entry .reader-story .cinema-related .related-work__grid { gap:12px; border:0; background:none; box-shadow:none; }
.page-entry .reader-story .cinema-related .related-work__item { padding:20px; border:1px solid var(--line); border-radius:10px; background:var(--panel); box-shadow:none; }
.page-entry .reader-story .related-work__item-title { font-size:1rem; line-height:1.55; margin:12px 0; }
.page-entry .reader-story .related-work__item-date { font-size:.72rem; line-height:1.6; }
.page-entry .reader-story .entry-back { margin-top:28px; }
.lost-card { position:relative; isolation:isolate; max-width:800px; margin:clamp(32px,8vw,100px) auto; padding:clamp(24px,5vw,64px); border:1px solid var(--line); border-radius:20px; background:linear-gradient(130deg,#0b2839,#090b19); overflow:hidden; }
.lost-card__number { display:block; color:var(--cyan); font:800 clamp(5rem,15vw,9rem)/1 var(--sans); letter-spacing:-.07em; margin-bottom:32px; }
.lost-card h1 { font:700 clamp(1.8rem,5vw,3rem)/1.2 var(--sans); letter-spacing:-.04em; margin:16px 0 24px; }
.lost-card > p:not(.t-label) { max-width:50ch; color:var(--muted); line-height:1.8; }
.lost-card__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.lost-card__actions a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; border:1px solid var(--line); border-radius:999px; color:var(--cyan); font:600 .9rem/1.5 var(--sans); }
.lost-card__actions a:hover { background:var(--panel2); }

@media (min-width:800px) {
  .page-home .deck-utility-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-home .deck-path-card { grid-column:1 / -1; }
  .page-home .deck-path a { height:100%; }
}

/* Shared navigation and content conventions across all production routes. */
.site-skip { position:fixed; top:8px; left:8px; z-index:100; padding:12px 18px; background:var(--panel2); color:var(--cyan); transform:translateY(-150%); }
.site-skip:focus { transform:none; }
body:not(.page-home):not(.page-entry) .site-nav { grid-template-columns:auto minmax(0,1fr); gap:24px; }
body:not(.page-home):not(.page-entry) .site-nav__links { justify-content:flex-end; gap:16px; }
body:not(.page-home) .site-nav__link { font:600 .82rem/1.5 var(--sans); }
.site-nav__link i svg { fill:none; stroke:currentColor; stroke-width:1.6; }
.reader-brand { font:800 1.65rem/1.2 var(--sans); letter-spacing:-.06em; }
.reader-brand span { color:var(--obs-pink,var(--cyan)); }
.specimen-sections span { display:block; padding:12px 0; border-bottom:1px solid var(--line); color:var(--muted); font:.75rem/1.5 var(--mono); }
.specimen-sections .is-active { color:var(--bright); }
.artifact-actions a { display:inline-flex; align-items:center; min-height:44px; padding:12px 16px; border:1px solid var(--format-color); color:var(--format-color); font:600 .75rem/1.5 var(--sans); }
.artifact-inputs { margin:16px 0 0; }
.artifact-inputs > div { margin-top:16px; }
.artifact-inputs dt { color:var(--muted); font:.75rem/1.5 var(--sans); }
.artifact-inputs dd { margin:8px 0 0; padding:12px; border:1px solid var(--line); color:var(--text); font:.8rem/1.5 var(--mono); }

/* One readable article presentation, with content that fits its column. */
.page-entry .reader-article { --format-color:var(--cyan); }
.page-entry .reader-story .entry-body table { display:table; table-layout:fixed; width:100%; max-width:100%; overflow:visible; white-space:normal; font:.9rem/1.65 var(--sans); }
.page-entry .reader-story .entry-body th,.page-entry .reader-story .entry-body td { min-width:0; max-width:none; padding:14px 16px; white-space:normal; overflow-wrap:anywhere; }
.page-entry .reader-story .entry-body th { color:var(--cyan); font-weight:700; letter-spacing:.03em; }
.page-entry .reader-story .entry-body pre,.page-entry .reader-story .prompt-card pre,.page-entry .reader-story .prompt-block { max-height:none; max-width:100%; overflow:visible; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.75; }
.page-entry .reader-story .prompt-card header { align-items:center; flex-wrap:wrap; gap:16px; padding:20px 24px; }
.page-entry .reader-story .prompt-card header span { flex:1 1 180px; min-width:0; max-width:none; color:var(--text); font:700 .85rem/1.55 var(--sans); letter-spacing:.03em; }
.page-entry .reader-story .copy-btn { position:static; display:inline-flex; justify-content:center; align-items:center; flex:none; min-height:48px; padding:12px 22px; background:var(--cyan); border:1px solid var(--cyan); border-radius:9px; color:var(--ink); font:800 .8rem/1.4 var(--sans); letter-spacing:.04em; box-shadow:0 4px 18px rgba(118,212,208,.15); }
.page-entry .reader-story .copy-btn:hover,.page-entry .reader-story .copy-btn:focus-visible { background:var(--bright); color:var(--ink); }
.page-entry .reader-story .copy-btn.copied { background:var(--green); color:var(--ink); }
.page-entry .reader-story .entry-prompt-wrap > .copy-btn { margin:0 24px 24px; }
.page-entry .reader-story .download-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; padding:24px; border:1px solid var(--cyan); background:linear-gradient(130deg,rgba(118,212,208,.12),var(--panel)); }
.page-entry .reader-story .download-panel strong { font:700 1.15rem/1.5 var(--sans); margin:10px 0; }
.page-entry .reader-story .download-panel p { font:.95rem/1.75 var(--sans); }
.page-entry .reader-story .download-panel__links { align-content:center; gap:12px; }
.page-entry .reader-story .download-panel__links a,.page-entry .reader-story .artifact-actions a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:52px; padding:14px 20px; background:var(--cyan); border:1px solid var(--cyan); border-radius:9px; color:var(--ink); text-decoration:none; font:800 .9rem/1.5 var(--sans); }
.page-entry .reader-story .download-panel__links a::after { color:var(--ink); flex:none; font:.7rem/1 var(--mono); }
.page-entry .reader-story .download-panel__links a:hover,.page-entry .reader-story .artifact-actions a:hover { background:var(--bright); color:var(--ink); }
.page-entry .reader-story .entry-body p > a[href^="/downloads/"] { display:inline-flex; align-items:center; min-height:48px; margin:12px 0; padding:12px 20px; border-radius:9px; background:var(--cyan); color:var(--ink); text-decoration:none; font:800 .9rem/1.6 var(--sans); }
.post-index,.about-current { width:min(1120px,calc(100% - 48px)); margin:48px auto 80px; }
.post-index__hero { max-width:740px; margin-bottom:32px; }
.post-index__hero h1,.about-current h1 { margin:16px 0 24px; color:var(--bright); font:800 clamp(2rem,5vw,3.4rem)/1.15 var(--sans); letter-spacing:-.04em; }
.post-index__hero > p:not(.t-label),.about-current > p:not(.t-label) { margin:20px 0; color:var(--text); font:1.05rem/1.8 var(--sans); }
.post-index__controls { display:flex; align-items:end; flex-wrap:wrap; gap:24px; padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.post-index__topics { display:flex; flex-wrap:wrap; gap:10px; }
.post-index__topics button,.about-current__links a { min-height:46px; padding:12px 18px; border:1px solid var(--line); border-radius:9px; background:var(--panel2); color:var(--text); font:600 .9rem/1.4 var(--sans); }
.post-index__topics button[aria-pressed=true] { color:var(--ink); background:var(--cyan); border-color:var(--cyan); }
.post-index__search { display:grid; gap:8px; flex:1 1 240px; color:var(--muted); font:.8rem/1.5 var(--sans); }
.post-index__search input { width:100%; min-height:46px; padding:12px 16px; background:var(--ink); border:1px solid var(--line); border-radius:9px; color:var(--text); font:.95rem/1.4 var(--sans); }
.post-index__results { margin:24px 0; color:var(--muted); font:.85rem/1.5 var(--sans); }
.post-index__entries { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.page-index .post-index .post-index__entry { display:block; min-width:0; padding:28px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }
.post-index__meta { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font:.75rem/1.5 var(--sans); }
.post-index__entry h2 { margin:20px 0 14px; color:var(--bright); font:700 1.35rem/1.4 var(--sans); }
.post-index__entry p { color:var(--muted); font:.95rem/1.75 var(--sans); }
.post-index__read { display:block; margin-top:24px; color:var(--cyan); font:700 .9rem/1.5 var(--sans); }
.about-current { max-width:820px; }.about-current__links { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
@media(min-width:900px){.page-entry .reader-story .download-panel { grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr); }}
@media(max-width:600px){
  .post-index__entries { grid-template-columns:1fr; }.post-index,.about-current { width:calc(100% - 32px); }.post-index__controls { padding:20px; }
  .page-entry .reader-story .entry-body table,.page-entry .reader-story .entry-body tbody { display:block; }
  .page-entry .reader-story .entry-body thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .page-entry .reader-story .entry-body tr { display:block; margin-bottom:16px; border:1px solid var(--line); border-radius:9px; overflow:hidden; }
  .page-entry .reader-story .entry-body td { display:block; width:100%; border:0; border-bottom:1px solid var(--line); padding:14px 16px; }
  .page-entry .reader-story .entry-body td:last-child { border-bottom:0; }
  .page-entry .reader-story .entry-body td::before { content:attr(data-label); display:block; margin-bottom:6px; color:var(--cyan); font:.78rem/1.5 var(--sans); font-weight:700; }
  .page-entry .reader-story .prompt-card header { padding:16px; }.page-entry .reader-story .prompt-card header span { flex-basis:160px; }.page-entry .reader-story .download-panel { padding:20px; }
}
@media (max-width:600px) {
  body:not(.page-home):not(.page-entry) .site-nav { grid-template-columns:1fr; gap:12px; padding:20px 16px 8px; }
  body:not(.page-home):not(.page-entry) .site-nav__links { grid-column:1; justify-content:space-between; gap:8px; margin-top:0; width:100%; }
  body:not(.page-home) .site-nav__link { font-size:.75rem; }
  body:not(.page-home) .site-nav__link i { display:none; }
}

.site-nav__link { white-space:nowrap; }
.page-entry .faq-item__heading { margin:0; font:inherit; }
.page-entry .faq__label { font-weight:500; }
.reader-byline a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:600px) { body:not(.page-home):not(.page-entry) .site-nav__links li { flex:0 0 auto; } }
.page-entry .related-work__item-date { color:var(--muted); }

.reader-level{font-family:var(--font-mono,monospace);font-size:.8rem;line-height:1.8;color:var(--cyan,#20d3e8);margin:1rem 0}.reader-level span{display:block;color:var(--text-secondary,#afbdd0)}

/* Reader files remain inspectable without crowding the article or scrolling sideways. */
.entry-body .artifact-preview{min-width:0;margin:16px 0;border:1px solid var(--line);border-radius:12px;background:var(--obs-panel,#081321);overflow-wrap:anywhere}
.entry-body details.artifact-preview>summary{min-height:52px;padding:16px 20px;cursor:pointer;color:var(--bright);font:700 1rem/1.6 var(--sans);letter-spacing:0;overflow-wrap:anywhere}
.entry-body details.artifact-preview>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:10px}
.entry-body details.artifact-preview[open]>summary{border-bottom:1px solid var(--line);color:var(--cyan)}
.page-entry .reader-story .entry-body .artifact-preview pre{margin:0;padding:20px;border:0;border-radius:0 0 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;max-height:none}
.page-entry .reader-story .entry-body .artifact-preview pre code{font-size:14px;line-height:1.75;white-space:inherit;overflow-wrap:inherit}
.entry-body .artifact-preview--group>details{margin:16px}
.entry-body figure.artifact-preview{padding:16px}.entry-body figure.artifact-preview img{display:block;width:100%;height:auto}.entry-body figure.artifact-preview figcaption{margin-top:12px;font-size:.9rem;line-height:1.6;color:var(--muted)}
@media(max-width:600px){.entry-body details.artifact-preview>summary{padding:14px 16px}.page-entry .reader-story .entry-body .artifact-preview pre{padding:16px}.entry-body .artifact-preview--group>details{margin:12px}}