:root {
  --ink: #102c30;
  --ink-deep: #0a2023;
  --forest: #17483e;
  --forest-light: #276a5b;
  --sage: #a9c2b5;
  --paper: #fbfaf5;
  --cream: #f2ecdf;
  --cream-deep: #e7dfd0;
  --white: #ffffff;
  --gold: #87591d;
  --gold-light: #f0d39a;
  --rust: #a65338;
  --text: #233a3d;
  --muted: #53676a;
  --line: rgba(16, 44, 48, 0.15);
  --line-strong: rgba(16, 44, 48, 0.32);
  --line-light: rgba(255, 255, 255, 0.15);
  --surface: #ffffff;
  --gold-shadow: rgba(135, 89, 29, 0.13);
  --shadow: 0 22px 55px rgba(11, 34, 37, 0.1);
  --font-sans: Aptos, "Segoe UI", Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  color-scheme: light;
}

/* Google authentication and private login-security controls */
.google-auth-button {
  display: inline-flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 18px;
  border: 1px solid #b7c0c8;
  border-radius: 7px;
  background: #fff;
  color: #1f2933;
  box-shadow: 0 2px 8px rgba(16, 44, 48, .08);
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.google-auth-button:hover { border-color: #6f7d87; box-shadow: 0 5px 18px rgba(16, 44, 48, .14); transform: translateY(-1px); }
.google-auth-button:focus-visible { outline: 3px solid #0aa990; outline-offset: 3px; }
.google-auth-button svg { flex: 0 0 auto; }
.google-auth-button--form { margin-top: 2px; }
.auth-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.auth-divider::before,
.auth-divider::after { content: ""; height: 1px; background: var(--line); }
.reader-google-registration { display: grid; gap: 18px; margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.reader-google-registration form { display: grid; gap: 16px; }
.reader-google-registration .field-note { margin: 0; text-align: center; }
.connected-account { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--text); font-weight: 800; }
.reader-privacy-controls { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: clamp(22px, 4vw, 56px); margin-top: 22px; padding: clamp(22px, 4vw, 38px); border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 90%, var(--sage) 10%); }
.reader-privacy-controls h3 { margin: 5px 0 10px; font-family: var(--font-display); font-size: clamp(1.55rem, 2.5vw, 2.15rem); }
.reader-privacy-controls p { margin: 0; color: var(--muted); }
.reader-privacy-actions { display: grid; align-content: start; gap: 14px; }
.reader-privacy-actions details { border: 1px solid var(--line); background: var(--surface); }
.reader-privacy-actions summary { padding: 15px 17px; color: var(--text); font-weight: 800; cursor: pointer; }
.reader-privacy-actions details > :not(summary) { margin-inline: 17px; }
.reader-privacy-actions details form { display: grid; gap: 13px; padding: 5px 0 18px; }
.button--danger { border-color: #9d4b3f; background: #8a3e34; color: #fff; }
.button--danger:hover { background: #713027; }

.admin-login-history { padding-block: clamp(34px, 6vw, 80px); }
.admin-back-link { display: inline-block; margin-bottom: 22px; color: var(--text); font-weight: 800; }
.admin-login-history__header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .58fr); gap: 30px; align-items: end; margin-bottom: 30px; }
.admin-login-history__header h1 { margin: 5px 0 12px; font-size: clamp(2.2rem, 5vw, 4rem); }
.admin-login-history__header p { max-width: 760px; color: var(--muted); }
.admin-login-history__header dl { display: grid; margin: 0; border: 1px solid var(--line); background: var(--surface); }
.admin-login-history__header dl div { display: grid; grid-template-columns: 120px 1fr; gap: 15px; padding: 12px 15px; border-bottom: 1px solid var(--line); }
.admin-login-history__header dl div:last-child { border-bottom: 0; }
.admin-login-history__header dt { color: var(--muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.admin-login-history__header dd { margin: 0; color: var(--text); font-weight: 800; overflow-wrap: anywhere; }
.admin-login-history__table { min-width: 1180px; }
.admin-login-history__table td { vertical-align: top; }
.admin-user-agent { display: block; max-width: 330px; color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
.admin-pagination { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 24px; }
.admin-login-history__empty { max-width: 780px; margin-inline: auto; padding: clamp(28px, 5vw, 60px); }

html[data-theme-resolved="dark"] .reader-privacy-controls { background: color-mix(in srgb, var(--surface) 92%, var(--sage) 8%); }
html[data-theme-resolved="dark"] .reader-panel-notice .text-link { color: #8aefd4; }
html[data-theme-resolved="dark"] .admin-text-action { color: #ffb3a8; }
html[data-theme-resolved="dark"] .reader-panel-notice button.text-link {
  padding: 7px 10px;
  border: 1px solid #8aefd4;
  background: #155f53;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 900px) {
  .reader-privacy-controls,
  .admin-login-history__header { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .google-auth-button { min-height: 50px; }
  .reader-privacy-controls { padding: 20px; }
  .admin-login-history__header dl div { grid-template-columns: 1fr; gap: 4px; }
  .reader-dashboard-stack,
  .reader-panel-section,
  .reader-library-grid,
  .reader-library-book,
  .reader-account-grid,
  .reader-account-form,
  .reader-privacy-controls,
  .reader-panel-notice > div { min-width: 0; max-width: 100%; }
  .reader-library-book { grid-template-columns: 1fr; }
  .reader-library-book img { width: min(150px, 55%); }
  .reader-share-field input,
  .reader-account-form input { min-width: 0; }
  .reader-panel-notice p,
  .reader-account-help { overflow-wrap: anywhere; }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 130px;
}

body {
  margin: 0;
  background: var(--paper);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body::selection {
  color: var(--white);
  background: var(--forest-light);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 3px;
}

[hidden] {
  display: none !important;
}

img,
svg {
  display: block;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1,
h2 {
  color: var(--ink);
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

h3 {
  color: var(--ink);
  line-height: 1.2;
}

.container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.section {
  padding: 112px 0;
}

.section--paper {
  background: var(--paper);
}

.section--cream {
  background: var(--cream);
}

.section--ink {
  color: rgba(255, 255, 255, 0.78);
  background: var(--ink);
}

.section--ink h2,
.section--ink h3 {
  color: var(--white);
}

.section--rule {
  border-top: 1px solid var(--line);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 12px;
  left: 12px;
  padding: 10px 16px;
  color: var(--white);
  background: var(--ink);
  transform: translateY(-160%);
  transition: transform 0.2s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.eyebrow {
  margin-bottom: 18px;
  color: var(--forest-light);
  font-size: 0.73rem;
  font-weight: 750;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-transform: uppercase;
}

.eyebrow--gold {
  color: var(--gold-light);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.button {
  display: inline-flex;
  min-height: 49px;
  padding: 12px 20px;
  border: 1px solid transparent;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--white);
  background: var(--forest);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.2;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.button:hover {
  background: var(--ink);
  transform: translateY(-2px);
}

.button:focus-visible,
.main-nav a:focus-visible,
.main-nav button:focus-visible,
.volume-tile:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(188, 140, 66, 0.55);
  outline-offset: 2px;
}

.button--secondary {
  color: var(--ink);
  background: transparent;
  border-color: rgba(16, 44, 48, 0.38);
}

.button--secondary:hover {
  color: var(--white);
  background: var(--ink);
}

.button--light {
  color: var(--ink);
  background: var(--white);
}

.button--light:hover {
  color: var(--white);
  background: var(--gold);
}

.button--quiet {
  color: var(--white);
  background: transparent;
  border-color: rgba(255, 255, 255, 0.35);
}

.button--quiet:hover {
  background: rgba(255, 255, 255, 0.09);
}

.button--full {
  width: 100%;
}

.button:disabled {
  opacity: 0.65;
  cursor: wait;
  transform: none;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--forest);
  font-size: 0.85rem;
  font-weight: 750;
}

.text-link:hover {
  color: var(--gold);
}

.section-heading {
  max-width: 770px;
  margin-bottom: 52px;
}

.section-heading h2 {
  margin-bottom: 20px;
  font-size: clamp(2.2rem, 5vw, 4.15rem);
}

.section-heading__description {
  max-width: 680px;
  color: var(--muted);
  font-size: 1.09rem;
  line-height: 1.65;
}

.section-heading--center {
  margin-inline: auto;
  text-align: center;
}

.section-heading--center .section-heading__description {
  margin-inline: auto;
}

.section-heading--inverse h2,
.section-heading--inverse .section-heading__description {
  color: var(--white);
}

body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.8fr);
  column-gap: clamp(48px, 7vw, 100px);
  align-items: end;
  max-width: none;
  margin-bottom: 42px;
}

body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading .eyebrow {
  grid-column: 1 / -1;
}

body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading h2 {
  margin-bottom: 0;
}

body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading__description {
  position: relative;
  max-width: none;
  margin-bottom: 0.45rem;
  padding-left: 24px;
  border-left: 2px solid var(--gold);
}

@media (max-width: 860px) {
  body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading {
    display: block;
  }

  body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading h2 {
    margin-bottom: 20px;
  }

  body[data-route="/mafatih-al-ghayb"] .section--cream .section-heading__description {
    margin-bottom: 0;
  }
}

.split-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 48px;
}

.split-heading .section-heading {
  margin-bottom: 52px;
}

.split-heading > .button {
  margin-bottom: 58px;
  flex: 0 0 auto;
}

.section-aside-note {
  max-width: 330px;
  margin-bottom: 56px;
  padding-left: 24px;
  border-left: 1px solid var(--gold);
  color: var(--muted);
  font-size: 0.92rem;
}

/* Header */
.publication-ribbon {
  color: rgba(255, 255, 255, 0.82);
  background: var(--ink-deep);
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.045em;
}

.publication-ribbon__inner {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 11px;
}

.publication-ribbon__signal {
  width: 7px;
  height: 7px;
  background: #79bd9f;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(121, 189, 159, 0.14);
}

.publication-ribbon__divider {
  color: rgba(255, 255, 255, 0.52);
  font-size: 1rem;
  line-height: 1;
}

.publication-ribbon a {
  color: inherit;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.publication-ribbon a:hover {
  text-decoration-thickness: 2px;
}

.site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid var(--line);
  background: rgba(251, 250, 245, 0.96);
  backdrop-filter: blur(12px);
}

.site-header__inner {
  position: relative;
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  flex: 0 0 auto;
}

.brand-mark__symbol {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.header-controls {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 8px;
}

.theme-toggle {
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  place-items: center;
  color: var(--ink);
  background: transparent;
  cursor: pointer;
}

.theme-menu {
  position: absolute;
  z-index: 30;
  top: calc(100% - 8px);
  right: 0;
  width: 150px;
  padding: 8px;
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.theme-menu button {
  width: 100%;
  padding: 9px 11px;
  border: 0;
  color: var(--text);
  background: transparent;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.theme-menu button:hover,
.theme-menu button[aria-pressed="true"] {
  color: var(--white);
  background: var(--forest);
}

.brand-mark__type {
  font-family: var(--font-serif);
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}

.brand-mark__type span {
  color: var(--gold);
}

.brand-mark--light {
  color: var(--white);
}

.brand-mark--light .brand-mark__type span {
  color: var(--gold-light);
}

.brand-mark--light .brand-mark__symbol {
  width: 46px;
  height: 46px;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.main-nav > a:not(.header-cta),
.nav-group__trigger {
  display: inline-flex;
  min-height: 42px;
  padding: 10px 11px;
  border: 0;
  align-items: center;
  gap: 4px;
  color: #3b5052;
  background: transparent;
  font-size: 0.79rem;
  font-weight: 700;
  cursor: pointer;
}

.main-nav a:hover,
.nav-group__trigger:hover,
.main-nav a.is-active {
  color: var(--gold);
}

.nav-group {
  position: relative;
}

.nav-group__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  display: none;
  width: 210px;
  padding: 8px;
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.nav-group:hover .nav-group__menu,
.nav-group:focus-within .nav-group__menu,
.nav-group.is-open .nav-group__menu {
  display: grid;
}

.nav-group__menu a {
  padding: 10px 11px;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 650;
}

.header-cta {
  padding: 10px 14px;
  margin-left: 5px;
  color: var(--white);
  background: var(--forest);
  font-size: 0.78rem;
  font-weight: 750;
}

.header-cta:hover {
  color: var(--white) !important;
  background: var(--ink);
}

.menu-toggle {
  display: none;
  width: 43px;
  height: 43px;
  padding: 0;
  border: 1px solid var(--line);
  place-items: center;
  color: var(--ink);
  background: transparent;
}

/* Page hero */
.page-hero {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  background: var(--cream);
}

.page-hero--ink {
  background: var(--ink);
}

.page-hero::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(16, 44, 48, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 44, 48, 0.045) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  mask-image: linear-gradient(to right, transparent, #000 50%);
}

.page-hero--ink::before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

.page-hero__ornament {
  position: absolute;
  top: -310px;
  right: -260px;
  width: 720px;
  height: 720px;
  border: 1px solid rgba(188, 140, 66, 0.25);
  border-radius: 50%;
}

.page-hero__ornament::before,
.page-hero__ornament::after {
  position: absolute;
  inset: 80px;
  border: 1px solid rgba(188, 140, 66, 0.16);
  border-radius: 50%;
  content: "";
}

.page-hero__ornament::after {
  inset: 160px;
}

.page-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 560px;
  padding-block: 90px;
  align-items: center;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.75fr);
  gap: 84px;
}

.page-hero__content h1 {
  max-width: 850px;
  margin-bottom: 26px;
  font-size: clamp(3rem, 6.2vw, 6rem);
}

.page-hero__content h1 em {
  color: var(--forest-light);
  font-size: 0.63em;
}

.page-hero__description {
  max-width: 690px;
  margin-bottom: 34px;
  color: #506466;
  font-size: 1.15rem;
}

.page-hero--ink .page-hero__content h1,
.page-hero--ink .page-hero__content h1 em {
  color: var(--white);
}

.page-hero--ink .page-hero__description {
  color: rgba(255, 255, 255, 0.68);
}

.page-hero__aside {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.record-card,
.edition-progress-card,
.language-ambition,
.one-volume-mini,
.network-card,
.data-state-card,
.log-card,
.contact-topics,
.sponsor-hero-figure {
  width: 100%;
  padding: 34px;
  border: 1px solid rgba(16, 44, 48, 0.18);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: 18px 18px 0 rgba(188, 140, 66, 0.12);
}

.page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card, .contact-topics, .sponsor-hero-figure) {
  color: rgba(255, 255, 255, 0.72);
  border-color: var(--line-light);
  background: rgba(255, 255, 255, 0.04);
}

.record-card > p,
.one-volume-mini > span,
.sponsor-hero-figure > span,
.data-state-card > span {
  margin-bottom: 24px;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.record-card dl {
  margin: 0;
}

.record-card dl > div {
  display: grid;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  grid-template-columns: 1fr 1.3fr;
  gap: 12px;
}

.record-card dt {
  color: var(--muted);
  font-size: 0.78rem;
}

.record-card dd {
  margin: 0;
  color: var(--ink);
  font-size: 0.84rem;
  font-weight: 700;
  text-align: right;
}

/* Home */
.home-hero {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  background: var(--ink);
}

.home-hero__field {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 84% 34%, rgba(188, 140, 66, 0.18), transparent 23%), linear-gradient(115deg, rgba(39, 106, 91, 0.2), transparent 45%);
}

.home-hero__field::before {
  position: absolute;
  top: -180px;
  right: -100px;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(223, 193, 139, 0.21);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 0 88px rgba(255, 255, 255, 0.01), inset 0 0 0 89px rgba(223, 193, 139, 0.08), inset 0 0 0 176px rgba(255, 255, 255, 0.01), inset 0 0 0 177px rgba(223, 193, 139, 0.06);
}

.home-hero__field::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 52px 52px;
  content: "";
  mask-image: linear-gradient(90deg, #000, transparent 70%);
}

.home-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 500px;
  padding-block: 8px 46px;
  align-items: start;
  grid-template-columns: minmax(0, 1.5fr) minmax(310px, 0.66fr);
  gap: 80px;
}

.home-hero h1 {
  max-width: 880px;
  margin-bottom: 30px;
  color: var(--white);
  font-size: clamp(3.4rem, 6.35vw, 6.45rem);
  letter-spacing: -0.055em;
}

.home-hero__lead {
  max-width: 690px;
  margin-bottom: 34px;
  font-size: 1.17rem;
}

.home-hero__lead em {
  color: var(--white);
  font-family: var(--font-serif);
}

.home-hero__note {
  display: flex;
  margin: 34px 0 0;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.8rem;
  font-weight: 650;
}

.flagship-card {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(8px);
}

.flagship-card__index {
  position: absolute;
  top: 24px;
  right: 26px;
  color: rgba(255, 255, 255, 0.25);
  font-family: var(--font-serif);
  font-size: 1.35rem;
}

.flagship-card__kicker {
  margin-bottom: 24px;
  color: var(--gold-light);
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.flagship-card__arabic {
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.83);
  font-family: var(--font-serif);
  font-size: 2.2rem;
  line-height: 1.2;
  text-align: left;
}

.flagship-card h2 {
  margin-bottom: 7px;
  color: var(--white);
  font-size: 2.15rem;
}

.flagship-card__alternate {
  margin-bottom: 28px;
  color: rgba(255, 255, 255, 0.48);
  font-family: var(--font-serif);
  font-size: 0.9rem;
  font-style: italic;
}

.flagship-card__equation {
  display: grid;
  padding-block: 20px;
  margin-bottom: 26px;
  border-block: 1px solid rgba(255, 255, 255, 0.13);
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
}

.flagship-card__equation div {
  display: flex;
  flex-direction: column;
}

.flagship-card__equation strong {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 2.1rem;
  line-height: 1;
}

.flagship-card__equation span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
}

.flagship-card__equation div:last-child {
  text-align: right;
}

.data-caveat {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.43);
  font-size: 0.7rem;
  line-height: 1.45;
}

.progress__label {
  display: flex;
  margin-bottom: 9px;
  justify-content: space-between;
  gap: 12px;
  color: inherit;
  font-size: 0.74rem;
}

.progress__label strong {
  color: var(--gold);
}

.home-hero .progress__label strong,
.page-hero--ink .progress__label strong,
.section--ink .progress__label strong,
.publication-ledger .progress__label strong {
  color: var(--gold-light);
}

.progress__track {
  height: 7px;
  overflow: hidden;
  background: rgba(145, 167, 155, 0.25);
}

.progress__track span {
  display: block;
  height: 100%;
  background: var(--gold);
}

.section--ink .publication-callout {
  color: rgba(255, 255, 255, 0.78);
  border-color: var(--line-light);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.18);
}

.section--ink .publication-callout h2 {
  color: var(--white);
}

.section--ink .publication-callout p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.7);
}

.section--ink .campaign-destinations {
  border-color: var(--line-light);
}

.section--ink .campaign-destination {
  border-color: var(--line-light);
}

.section--ink .campaign-destination strong {
  color: var(--white);
}

.section--ink .campaign-destination small {
  color: rgba(255, 255, 255, 0.68);
}

.section--ink .campaign-destination--pending {
  opacity: 1;
}

.form-message:empty {
  display: none;
}

.publication-ledger > strong span {
  margin-left: 0.12em;
  letter-spacing: 0;
}

.progress__fill--0 { width: 0%; }
.progress__fill--1 { width: 1%; }
.progress__fill--2 { width: 2%; }
.progress__fill--3 { width: 3%; }
.progress__fill--4 { width: 4%; }
.progress__fill--5 { width: 5%; }
.progress__fill--6 { width: 6%; }
.progress__fill--7 { width: 7%; }
.progress__fill--8 { width: 8%; }
.progress__fill--9 { width: 9%; }
.progress__fill--10 { width: 10%; }
.progress__fill--11 { width: 11%; }
.progress__fill--12 { width: 12%; }
.progress__fill--13 { width: 13%; }
.progress__fill--14 { width: 14%; }
.progress__fill--15 { width: 15%; }
.progress__fill--16 { width: 16%; }
.progress__fill--17 { width: 17%; }
.progress__fill--18 { width: 18%; }
.progress__fill--19 { width: 19%; }
.progress__fill--20 { width: 20%; }
.progress__fill--21 { width: 21%; }
.progress__fill--22 { width: 22%; }
.progress__fill--23 { width: 23%; }
.progress__fill--24 { width: 24%; }
.progress__fill--25 { width: 25%; }
.progress__fill--26 { width: 26%; }
.progress__fill--27 { width: 27%; }
.progress__fill--28 { width: 28%; }
.progress__fill--29 { width: 29%; }
.progress__fill--30 { width: 30%; }
.progress__fill--31 { width: 31%; }
.progress__fill--32 { width: 32%; }
.progress__fill--33 { width: 33%; }
.progress__fill--34 { width: 34%; }
.progress__fill--35 { width: 35%; }
.progress__fill--36 { width: 36%; }
.progress__fill--37 { width: 37%; }
.progress__fill--38 { width: 38%; }
.progress__fill--39 { width: 39%; }
.progress__fill--40 { width: 40%; }
.progress__fill--41 { width: 41%; }
.progress__fill--42 { width: 42%; }
.progress__fill--43 { width: 43%; }
.progress__fill--44 { width: 44%; }
.progress__fill--45 { width: 45%; }
.progress__fill--46 { width: 46%; }
.progress__fill--47 { width: 47%; }
.progress__fill--48 { width: 48%; }
.progress__fill--49 { width: 49%; }
.progress__fill--50 { width: 50%; }
.progress__fill--51 { width: 51%; }
.progress__fill--52 { width: 52%; }
.progress__fill--53 { width: 53%; }
.progress__fill--54 { width: 54%; }
.progress__fill--55 { width: 55%; }
.progress__fill--56 { width: 56%; }
.progress__fill--57 { width: 57%; }
.progress__fill--58 { width: 58%; }
.progress__fill--59 { width: 59%; }
.progress__fill--60 { width: 60%; }
.progress__fill--61 { width: 61%; }
.progress__fill--62 { width: 62%; }
.progress__fill--63 { width: 63%; }
.progress__fill--64 { width: 64%; }
.progress__fill--65 { width: 65%; }
.progress__fill--66 { width: 66%; }
.progress__fill--67 { width: 67%; }
.progress__fill--68 { width: 68%; }
.progress__fill--69 { width: 69%; }
.progress__fill--70 { width: 70%; }
.progress__fill--71 { width: 71%; }
.progress__fill--72 { width: 72%; }
.progress__fill--73 { width: 73%; }
.progress__fill--74 { width: 74%; }
.progress__fill--75 { width: 75%; }
.progress__fill--76 { width: 76%; }
.progress__fill--77 { width: 77%; }
.progress__fill--78 { width: 78%; }
.progress__fill--79 { width: 79%; }
.progress__fill--80 { width: 80%; }
.progress__fill--81 { width: 81%; }
.progress__fill--82 { width: 82%; }
.progress__fill--83 { width: 83%; }
.progress__fill--84 { width: 84%; }
.progress__fill--85 { width: 85%; }
.progress__fill--86 { width: 86%; }
.progress__fill--87 { width: 87%; }
.progress__fill--88 { width: 88%; }
.progress__fill--89 { width: 89%; }
.progress__fill--90 { width: 90%; }
.progress__fill--91 { width: 91%; }
.progress__fill--92 { width: 92%; }
.progress__fill--93 { width: 93%; }
.progress__fill--94 { width: 94%; }
.progress__fill--95 { width: 95%; }
.progress__fill--96 { width: 96%; }
.progress__fill--97 { width: 97%; }
.progress__fill--98 { width: 98%; }
.progress__fill--99 { width: 99%; }
.progress__fill--100 { width: 100%; }

.progress--compact .progress__track {
  height: 5px;
}

.proof-section {
  position: relative;
  z-index: 3;
  isolation: isolate;
  padding: 58px 0 80px;
  background: var(--paper);
}

.proof-section__heading {
  display: flex;
  margin-bottom: 34px;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
}

.proof-section__heading .eyebrow {
  margin-bottom: 7px;
}

.proof-section__heading h2 {
  max-width: 670px;
  margin: 0;
  font-size: clamp(1.7rem, 3.6vw, 2.8rem);
}

.proof-strip {
  display: grid;
  border-block: 1px solid var(--line);
  grid-template-columns: repeat(5, 1fr);
}

.proof-strip__item {
  display: grid;
  min-height: 145px;
  padding: 25px;
  border-right: 1px solid var(--line);
  align-content: center;
}

.proof-strip__item:first-child {
  border-left: 1px solid var(--line);
}

.proof-strip__item svg {
  margin-bottom: 17px;
  color: var(--gold);
}

.proof-strip__item strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  font-weight: 400;
  line-height: 1;
}

.proof-strip__item span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.71rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.proof-section__clarifier {
  max-width: 820px;
  padding-left: 16px;
  margin: 22px 0 0 auto;
  border-left: 2px solid var(--gold);
  color: var(--muted);
  font-size: 0.8rem;
}

.journey {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.journey__segment {
  position: relative;
}

.journey__stage {
  position: relative;
  min-height: 180px;
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--paper);
}

.journey__stage--complete {
  background: var(--forest);
}

.journey__stage--next {
  background: #e7d8bc;
}

.journey__stage--future {
  border-style: dashed;
  background: transparent;
}

.journey__number {
  display: block;
  margin-bottom: 42px;
  color: var(--gold);
  font-size: 0.69rem;
  font-weight: 750;
  letter-spacing: 0.1em;
}

.journey__stage strong,
.journey__stage span {
  display: block;
}

.journey__stage strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.45rem;
  font-weight: 400;
}

.journey__stage div span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 0.77rem;
  line-height: 1.4;
}

.journey__stage--complete h3 {
  color: var(--white);
}

.journey__stage--complete p {
  color: rgba(255, 255, 255, 0.82);
}

.journey__stage--complete .journey__number {
  color: var(--gold-light);
}

.journey__stage--next .journey__number {
  color: #68450f;
}

.journey__arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -11px;
  color: var(--gold);
  transform: rotate(-90deg);
}

.one-volume-section {
  position: relative;
  overflow: hidden;
}

.one-volume-section::after {
  position: absolute;
  right: -180px;
  bottom: -320px;
  width: 640px;
  height: 640px;
  border: 1px solid rgba(223, 193, 139, 0.14);
  border-radius: 50%;
  content: "";
}

.one-volume-grid {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 100px;
}

.one-volume-grid h2 {
  margin-bottom: 25px;
  font-size: clamp(2.75rem, 5.5vw, 5rem);
}

.one-volume-grid > div:first-child > p:not(.eyebrow) {
  max-width: 650px;
  margin-bottom: 34px;
  font-size: 1.05rem;
}

.one-volume-figure {
  padding: 38px;
  border: 1px solid var(--line-light);
  background: rgba(255, 255, 255, 0.04);
}

.one-volume-figure__label {
  display: block;
  margin-bottom: 15px;
  color: var(--gold-light);
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.one-volume-figure > strong {
  display: block;
  color: var(--white);
  font-family: var(--font-serif);
  font-size: clamp(4rem, 8vw, 6rem);
  font-weight: 400;
  letter-spacing: -0.06em;
  line-height: 1;
}

.one-volume-figure__rule {
  display: block;
  width: 45px;
  height: 2px;
  margin: 28px 0;
  background: var(--gold);
}

.one-volume-figure dl {
  margin: 0;
}

.one-volume-figure dl div {
  display: flex;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  justify-content: space-between;
  gap: 12px;
  font-size: 0.77rem;
}

.one-volume-figure dt {
  color: rgba(255, 255, 255, 0.74);
}

.one-volume-figure dd {
  margin: 0;
  color: var(--white);
  font-weight: 650;
  text-align: right;
}

.language-preview {
  display: grid;
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(2, 1fr);
}

.language-preview__item {
  display: grid;
  min-height: 105px;
  padding: 22px 26px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  align-items: center;
  grid-template-columns: 48px 1fr auto;
  gap: 15px;
  transition: background 0.2s ease;
}

.language-preview__item:nth-child(even) {
  border-right: 0;
}

.language-preview__item:hover,
.language-preview__item--featured {
  background: rgba(255, 255, 255, 0.58);
}

.language-preview__item > span {
  display: grid;
  width: 42px;
  height: 42px;
  border: 1px solid var(--gold);
  place-items: center;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 800;
}

.language-preview__item strong,
.language-preview__item small {
  display: block;
}

.language-preview__item strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.3rem;
  font-weight: 400;
}

.language-preview__item small {
  color: var(--muted);
  font-size: 0.72rem;
}

.language-preview__item > svg {
  color: var(--sage);
}

.institutional-section {
  background: var(--paper);
}

.principle-grid {
  display: grid;
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(4, 1fr);
}

.principle-grid--three {
  grid-template-columns: repeat(3, 1fr);
}

.principle-grid article {
  min-height: 260px;
  padding: 34px 28px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.principle-grid article:first-child {
  border-left: 1px solid var(--line);
}

.principle-grid svg {
  width: 25px;
  height: 25px;
  margin-bottom: 56px;
  color: var(--gold);
  stroke-width: 1.5;
}

.principle-grid h3 {
  margin-bottom: 12px;
  font-family: var(--font-serif);
  font-size: 1.35rem;
  font-weight: 400;
}

.principle-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
}

.accountability-grid {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 90px;
}

.accountability-grid h2 {
  margin: 0;
  font-size: clamp(2.4rem, 4.5vw, 4rem);
}

.accountability-links {
  border-top: 1px solid var(--line);
}

.accountability-links a {
  display: grid;
  min-height: 96px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
  grid-template-columns: 38px 1fr auto;
  gap: 14px;
}

.accountability-links > a > svg:first-child {
  color: var(--gold);
}

.accountability-links strong,
.accountability-links small {
  display: block;
}

.accountability-links strong {
  color: var(--ink);
  font-size: 0.98rem;
}

.accountability-links small {
  color: var(--muted);
  font-size: 0.75rem;
}

.accountability-links a:hover > svg:last-child {
  color: var(--gold);
  transform: translateX(3px);
}

/* Editorial project page */
.editorial-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 100px;
}

.editorial-lead h2 {
  font-size: clamp(2.5rem, 5vw, 4.5rem);
}

body[data-route="/mafatih-al-ghayb"] .editorial-grid {
  grid-template-columns: minmax(480px, 0.95fr) minmax(0, 1.15fr);
  gap: clamp(48px, 5vw, 72px);
}

body[data-route="/mafatih-al-ghayb"] .editorial-lead h2 {
  margin-bottom: 0;
  font-size: clamp(2.5rem, 4.8vw, 4.35rem);
}

body[data-route="/mafatih-al-ghayb"] .editorial-lead__closing {
  white-space: nowrap;
}

body[data-route="/mafatih-al-ghayb"] main > .section {
  padding-block: 56px;
}

body[data-route="/mafatih-al-ghayb"] main > .section .section-heading {
  margin-bottom: 40px;
}

body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.75fr);
  column-gap: clamp(48px, 6vw, 88px);
  align-items: end;
  max-width: none;
}

body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading .eyebrow {
  grid-column: 1 / -1;
}

body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading h2 {
  margin-bottom: 0;
}

body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading__description {
  max-width: none;
  margin-bottom: 0.45rem;
  padding-left: 24px;
  border-left: 2px solid var(--gold);
}

body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .method-grid {
  margin-bottom: 0;
}

@media (max-width: 900px) {
  body[data-route="/mafatih-al-ghayb"] main > .section {
    padding-block: 46px;
  }

  body[data-route="/mafatih-al-ghayb"] .editorial-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading {
    display: block;
  }

  body[data-route="/mafatih-al-ghayb"] .mafatih-editorial-record .section-heading h2 {
    margin-bottom: 20px;
  }
}

@media (max-width: 640px) {
  body[data-route="/mafatih-al-ghayb"] main > .section {
    padding-block: 40px;
  }
}

.prose-column {
  max-width: 690px;
}

.prose-column p {
  color: #526567;
  font-size: 1.02rem;
  line-height: 1.8;
}

.prose-column .prose-lead,
.prose-lead {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.45rem;
  line-height: 1.5;
}

.structure-comparison {
  display: grid;
  min-height: 330px;
  border: 1px solid var(--line);
  grid-template-columns: 1fr 0.75fr 1fr;
}

.structure-comparison__side {
  display: flex;
  padding: 42px;
  flex-direction: column;
  justify-content: center;
  background: var(--paper);
}

.structure-comparison__side > span,
.structure-comparison__side > small {
  color: var(--muted);
  font-size: 0.73rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.structure-comparison__side strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 7rem;
  font-weight: 400;
  letter-spacing: -0.08em;
  line-height: 1;
}

.structure-comparison__side--accent {
  background: var(--forest);
}

.structure-comparison__side--accent strong,
.structure-comparison__side--accent > span,
.structure-comparison__side--accent > small {
  color: var(--white);
}

.structure-comparison__side--accent > span,
.structure-comparison__side--accent > small {
  opacity: 0.66;
}

.structure-comparison__bridge {
  display: flex;
  padding: 35px 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--muted);
  text-align: center;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.structure-comparison__bridge i {
  position: relative;
  display: block;
  width: 1px;
  height: 70px;
  margin: 18px 0;
  background: var(--gold);
}

.structure-comparison__bridge i::after {
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 7px;
  height: 7px;
  border: solid var(--gold);
  border-width: 0 1px 1px 0;
  content: "";
  transform: rotate(45deg);
}

.method-grid {
  display: grid;
  margin-bottom: 32px;
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(4, 1fr);
}

.method-grid article {
  min-height: 255px;
  padding: 30px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.method-grid article:first-child {
  border-left: 1px solid var(--line);
}

.method-grid svg {
  margin-bottom: 46px;
  color: var(--gold);
  stroke-width: 1.5;
}

.method-grid h3 {
  font-family: var(--font-serif);
  font-size: 1.23rem;
  font-weight: 400;
}

.method-grid p {
  color: var(--muted);
  font-size: 0.82rem;
}

.evidence-note {
  display: flex;
  padding: 24px 26px;
  border: 1px solid rgba(166, 83, 56, 0.3);
  align-items: flex-start;
  gap: 16px;
  color: #6f5146;
  background: rgba(166, 83, 56, 0.055);
}

.evidence-note > svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--rust);
}

.evidence-note strong {
  color: #673e31;
}

.evidence-note p {
  margin: 3px 0 0;
  font-size: 0.83rem;
}

.readership-grid {
  display: grid;
  align-items: center;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 100px;
}

.readership-grid h2 {
  font-size: clamp(2.7rem, 5vw, 4.7rem);
}

.readership-grid > div:first-child > p:last-child {
  max-width: 620px;
}

.readership-list {
  border-top: 1px solid var(--line-light);
}

.readership-list div {
  display: grid;
  padding: 22px 0;
  border-bottom: 1px solid var(--line-light);
  align-items: center;
  grid-template-columns: 40px 1fr;
  gap: 12px;
}

.readership-list svg {
  color: var(--gold-light);
}

.publication-callout {
  display: grid;
  padding: 50px;
  border: 1px solid var(--line);
  align-items: center;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 70px;
  background: var(--cream);
}

.publication-callout h2 {
  font-size: clamp(2.1rem, 4vw, 3.4rem);
}

.publication-callout p:not(.eyebrow) {
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.publication-callout .progress {
  margin-bottom: 28px;
}

/* English edition and library */
.edition-progress-card__figure {
  display: flex;
  margin-bottom: 16px;
  align-items: baseline;
  gap: 7px;
}

.edition-progress-card__figure strong {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 5.5rem;
  font-weight: 400;
  letter-spacing: -0.08em;
  line-height: 0.9;
}

.edition-progress-card__figure span {
  color: var(--gold-light);
  font-size: 1.15rem;
  font-weight: 700;
}

.edition-progress-card p {
  margin-bottom: 28px;
}

.edition-progress-card small {
  display: block;
  margin-top: 13px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.7rem;
}

.milestone-section {
  padding-bottom: 80px;
}

.milestone-grid {
  display: grid;
  margin-bottom: 30px;
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
}

.milestone-card {
  min-height: 310px;
  padding: 34px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.milestone-card:first-child {
  border-left: 1px solid var(--line);
}

.milestone-card > svg {
  margin-bottom: 52px;
  color: var(--gold);
  stroke-width: 1.5;
}

.milestone-card > span {
  color: var(--muted);
  font-size: 0.69rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.milestone-card h2 {
  margin: 9px 0 13px;
  font-size: 1.8rem;
}

.milestone-card p {
  color: var(--muted);
  font-size: 0.83rem;
}

.milestone-card--complete {
  background: rgba(39, 106, 91, 0.07);
}

.milestone-card--progress {
  background: rgba(188, 140, 66, 0.1);
}

.english-method-summary {
  padding-top: 34px;
}

.english-method-summary .section-heading {
  max-width: 880px;
  margin-bottom: 28px;
}

.english-method-summary__source {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 0.75rem;
}


.directory-controls {
  display: flex;
  padding: 16px;
  margin-bottom: 20px;
  border: 1px solid var(--line);
  justify-content: space-between;
  gap: 16px;
  background: rgba(255, 255, 255, 0.65);
}

.search-control {
  display: flex;
  min-width: 310px;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  align-items: center;
  gap: 10px;
  color: var(--sage);
  background: var(--white);
}

.search-control input {
  width: 100%;
  padding: 10px 0;
  border: 0;
  outline: 0;
  color: var(--ink);
  background: transparent;
  font-size: 0.86rem;
}

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

.filter-tabs button {
  padding: 9px 13px;
  border: 1px solid transparent;
  color: var(--muted);
  background: transparent;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
}

.filter-tabs button.is-active {
  color: var(--white);
  background: var(--forest);
}

.result-count {
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 650;
}

.volume-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.volume-card {
  display: grid;
  min-height: 330px;
  border: 1px solid var(--line);
  grid-template-columns: 0.5fr 0.5fr;
  background: var(--paper);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.volume-card:hover {
  box-shadow: 0 15px 35px rgba(16, 44, 48, 0.08);
  transform: translateY(-3px);
}

.volume-cover {
  position: relative;
  display: flex;
  min-width: 0;
  padding: 22px 15px;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.72);
  background: var(--ink);
}

.volume-cover::before {
  position: absolute;
  top: 34%;
  right: -40px;
  width: 110px;
  height: 110px;
  border: 1px solid rgba(223, 193, 139, 0.24);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.015), 0 0 0 21px rgba(223, 193, 139, 0.12);
}

.volume-cover span,
.volume-cover small {
  position: relative;
  z-index: 1;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.volume-cover strong {
  position: relative;
  z-index: 1;
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.05em;
}

.volume-card__body {
  display: flex;
  min-width: 0;
  padding: 20px 18px;
  flex-direction: column;
}

.status-badge {
  display: inline-flex;
  width: fit-content;
  padding: 5px 8px;
  border: 1px solid var(--line);
  color: var(--muted);
  background: rgba(104, 120, 122, 0.06);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-transform: uppercase;
}

.status-badge--complete {
  color: #205e4b;
  border-color: rgba(32, 94, 75, 0.25);
  background: rgba(32, 94, 75, 0.08);
}

.status-badge--progress {
  color: #836126;
  border-color: rgba(188, 140, 66, 0.32);
  background: rgba(188, 140, 66, 0.1);
}

.status-badge--waiting {
  color: #765d53;
  border-color: rgba(118, 93, 83, 0.23);
  background: rgba(118, 93, 83, 0.06);
}

.status-badge--review {
  color: #59638b;
  border-color: rgba(89, 99, 139, 0.25);
  background: rgba(89, 99, 139, 0.08);
}

.volume-card h3 {
  margin: 15px 0 13px;
  font-family: var(--font-serif);
  font-size: 1.3rem;
  font-weight: 400;
}

.volume-meta {
  margin: 0 0 17px;
}

.volume-meta div {
  display: grid;
  padding: 5px 0;
  border-bottom: 1px solid var(--line);
  grid-template-columns: 0.6fr 1.4fr;
  gap: 6px;
  font-size: 0.65rem;
}

.volume-meta dt {
  color: var(--muted);
}

.volume-meta dd {
  margin: 0;
  color: var(--ink);
  font-weight: 650;
  text-align: right;
}

.edition-links {
  display: flex;
  margin-top: auto;
  flex-wrap: wrap;
  gap: 5px 10px;
}

.edition-link {
  display: inline-flex;
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid var(--line);
  align-items: center;
  gap: 3px;
  color: var(--forest);
  background: transparent;
  font-size: 0.62rem;
  font-weight: 750;
  line-height: 1.2;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

a.edition-link:hover,
a.edition-link:focus-visible {
  color: var(--white);
  border-color: var(--forest);
  background: var(--forest);
}

.edition-link--disabled {
  color: #5f7072;
  cursor: not-allowed;
}

.edition-availability-note {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid var(--line);
  color: var(--muted);
  background: var(--surface);
  font-size: 0.65rem;
  font-weight: 650;
  line-height: 1.45;
}

html[data-theme-resolved="dark"] .edition-link:not(.edition-link--disabled) {
  color: #8cefd7;
}

html[data-theme-resolved="dark"] a.edition-link:hover,
html[data-theme-resolved="dark"] a.edition-link:focus-visible {
  color: #071f22;
  border-color: var(--signal-bright);
  background: var(--signal-bright);
}

html[data-theme-resolved="dark"] .edition-link--disabled {
  color: #91a5a2;
}

.volume-cover--image {
  padding: 0;
  background: #071f22;
}

.volume-cover--image::before {
  content: none;
}

.volume-cover--image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  object-fit: cover;
  object-position: center;
}

.load-more {
  display: flex;
  min-height: 52px;
  padding: 12px 22px;
  margin: 30px auto 0;
  border: 1px solid var(--line);
  align-items: center;
  gap: 9px;
  color: var(--ink);
  background: transparent;
  font-size: 0.8rem;
  font-weight: 750;
  cursor: pointer;
}

.load-more:hover {
  color: var(--white);
  background: var(--ink);
}

/* Urdu tracker */
.one-volume-mini {
  display: flex;
  flex-direction: column;
}

.one-volume-mini strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 4.8rem;
  font-weight: 400;
  letter-spacing: -0.07em;
  line-height: 1;
}

.one-volume-mini p {
  margin: 8px 0 0;
  color: var(--muted);
}

.workflow-row {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.workflow-row > div {
  display: flex;
  min-height: 185px;
  padding: 28px;
  border: 1px solid var(--line);
  flex-direction: column;
  justify-content: center;
  background: var(--paper);
  border-radius: var(--radius-sm);
  box-shadow: 0 12px 36px rgba(10, 32, 35, 0.07);
}

.workflow-row > svg {
  margin: auto;
  color: var(--gold);
  transform: rotate(-90deg);
}

.workflow-row div svg {
  margin-bottom: 28px;
  color: var(--gold);
  stroke-width: 1.5;
}

.workflow-row strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.4rem;
  font-weight: 400;
}

.workflow-row span {
  color: var(--muted);
  font-size: 0.74rem;
}

.programme-budget-note {
  max-width: 300px;
  padding: 22px;
  margin-bottom: 55px;
  border-left: 2px solid var(--gold);
  background: rgba(255, 255, 255, 0.37);
}

.programme-budget-note span,
.programme-budget-note strong,
.programme-budget-note small {
  display: block;
}

.programme-budget-note span {
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.programme-budget-note strong {
  margin: 5px 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.45rem;
  font-weight: 400;
}

.programme-budget-note small {
  color: var(--muted);
  font-size: 0.68rem;
}

.tracker-filter {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  gap: 12px;
}

.tracker-filter label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 750;
  text-transform: uppercase;
}

.tracker-filter select,
.select-control select {
  min-height: 42px;
  padding: 7px 34px 7px 12px;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--white);
  font-size: 0.8rem;
}

.sponsor-tracker__grid {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 0.42fr);
  gap: 28px;
}

.volume-tile-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7px;
}

.volume-tile {
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid rgba(16, 44, 48, 0.15);
  color: #6c7a7c;
  background: rgba(255, 255, 255, 0.6);
  font-size: 0.63rem;
  font-weight: 750;
  cursor: pointer;
}

.volume-tile:hover,
.volume-tile.is-selected {
  color: var(--white);
  border-color: var(--ink);
  background: var(--ink);
}

.volume-tile--partially-funded,
.volume-tile--funded,
.volume-tile--translation-underway,
.volume-tile--scholarly-editorial-review,
.volume-tile--formatting {
  color: #76551e;
  background: rgba(188, 140, 66, 0.2);
}

.volume-tile--translation-complete,
.volume-tile--published {
  color: #215749;
  background: rgba(39, 106, 91, 0.18);
}

.tracker-key {
  display: flex;
  margin-top: 18px;
  flex-wrap: wrap;
  gap: 15px;
  color: var(--muted);
  font-size: 0.68rem;
}

.tracker-key span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.tracker-key i {
  width: 9px;
  height: 9px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.7);
}

.tracker-key .key-progress {
  background: rgba(188, 140, 66, 0.45);
}

.tracker-key .key-complete {
  background: rgba(39, 106, 91, 0.4);
}

.volume-detail {
  position: sticky;
  top: 120px;
  padding: 30px;
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.volume-detail__topline {
  display: flex;
  margin-bottom: 22px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.volume-detail__topline > span:first-child {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.volume-detail h3 {
  margin-bottom: 20px;
  font-family: var(--font-serif);
  font-size: 2rem;
  font-weight: 400;
}

.funding-amount {
  margin-bottom: 20px;
}

.funding-amount strong,
.funding-amount span {
  display: block;
}

.funding-amount strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1;
}

.funding-amount span {
  color: var(--muted);
  font-size: 0.72rem;
}

.volume-detail__progress {
  display: grid;
  padding-block: 22px;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.privacy-note,
.tracker-data-note {
  display: flex;
  margin: 14px 0 0;
  align-items: flex-start;
  gap: 7px;
  color: var(--muted);
  font-size: 0.67rem;
  line-height: 1.4;
}

.privacy-note svg,
.tracker-data-note svg {
  flex: 0 0 auto;
  color: var(--gold);
}

/* Language directory */
.language-ambition {
  display: flex;
  flex-direction: column;
}

.language-ambition > svg {
  margin-bottom: 40px;
  color: var(--gold);
  stroke-width: 1.4;
}

.language-ambition strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.language-ambition span {
  color: var(--ink);
  font-weight: 700;
}

.language-ambition p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 0.75rem;
}

.architecture-note-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.architecture-note-grid > div {
  min-height: 230px;
  padding: 35px;
  border: 1px solid var(--line);
}

.architecture-note-grid > div + div {
  border-left: 0;
}

.architecture-note-grid svg {
  margin-bottom: 30px;
  color: var(--gold);
  stroke-width: 1.5;
}

.architecture-note-grid h2 {
  font-size: 1.8rem;
}

.architecture-note-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.87rem;
}

.select-control {
  display: flex;
  align-items: center;
  gap: 10px;
}

.select-control > span {
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 750;
  text-transform: uppercase;
}

.language-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.language-card {
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--paper);
}

.language-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.language-card__identity {
  display: flex;
  align-items: center;
  gap: 14px;
}

.language-card__code {
  display: grid;
  width: 45px;
  height: 45px;
  border: 1px solid var(--gold);
  place-items: center;
  color: var(--gold);
  font-size: 0.7rem;
  font-weight: 800;
}

.language-card h3 {
  margin: 0 0 1px;
  font-family: var(--font-serif);
  font-size: 1.45rem;
  font-weight: 400;
}

.language-card__identity p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.language-card__audience {
  display: flex;
  margin-top: 22px;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.language-card__audience strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

.language-card__audience span {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-align: right;
  text-transform: uppercase;
}

.language-card__regions {
  display: flex;
  margin: 22px 0;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 0.73rem;
}

.language-card__regions svg {
  color: var(--gold);
}

.language-card__metrics {
  display: grid;
  padding-block: 17px;
  margin: 0;
  border-block: 1px solid var(--line);
  grid-template-columns: repeat(3, 1fr);
}

.language-card__metrics div {
  padding: 0 14px;
  border-right: 1px solid var(--line);
}

.language-card__metrics div:first-child {
  padding-left: 0;
}

.language-card__metrics div:last-child {
  border: 0;
}

.language-card__metrics dt {
  color: var(--muted);
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
}

.language-card__metrics dd {
  margin: 3px 0 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 1.5rem;
}

.language-card__metrics dd.language-card__metric-status {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 750;
  line-height: 1.2;
}

.language-card__notes {
  display: grid;
  padding-top: 17px;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.language-card__notes p {
  margin: 0;
  color: var(--text);
  font-size: 0.7rem;
  line-height: 1.4;
}

.language-card__notes span {
  display: block;
  margin-bottom: 3px;
  color: var(--muted);
  font-size: 0.6rem;
  font-weight: 750;
  text-transform: uppercase;
}

.language-card__support {
  margin-top: 17px;
}

.empty-state {
  display: flex;
  min-height: 280px;
  padding: 40px;
  border: 1px dashed rgba(16, 44, 48, 0.26);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--muted);
  text-align: center;
}

.empty-state svg {
  margin-bottom: 16px;
  color: var(--gold);
}

.empty-state h3 {
  margin-bottom: 7px;
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 400;
}

.empty-state p {
  max-width: 570px;
  margin: 0;
  font-size: 0.82rem;
}

.compact-empty {
  min-height: 100px;
  margin-top: 15px;
  padding: 20px;
}

.compact-empty svg {
  margin-bottom: 5px;
}

/* Sponsor and campaigns */
.sponsor-hero-figure strong,
.sponsor-hero-figure h2,
.sponsor-hero-figure p {
  display: block;
}

.sponsor-hero-figure strong {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 8rem;
  font-weight: 400;
  line-height: 0.9;
}

.sponsor-hero-figure h2 {
  margin: 4px 0 16px;
  color: var(--white);
  font-size: 1.8rem;
}

.sponsor-hero-figure p {
  padding-top: 15px;
  margin: 0;
  border-top: 1px solid var(--line-light);
  font-size: 0.76rem;
}

.sponsor-principles {
  padding-block: 70px;
}

.campaign-grid {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 0.8fr;
  gap: 80px;
}

.campaign-destinations {
  border-top: 1px solid var(--line);
}

.campaign-destination {
  display: grid;
  min-height: 95px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
  grid-template-columns: 42px 1fr auto;
  gap: 14px;
}

.campaign-destination > svg:first-child {
  color: var(--gold);
}

.campaign-destination strong,
.campaign-destination small {
  display: block;
}

.campaign-destination strong {
  color: var(--ink);
}

.campaign-destination small {
  color: var(--muted);
  font-size: 0.7rem;
}

.campaign-destination--pending {
  opacity: 0.65;
}

/* Forms */
.network-card > svg {
  margin-bottom: 45px;
  color: var(--gold);
  stroke-width: 1.5;
}

.network-card > strong,
.network-card > span {
  display: block;
}

.network-card > strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 2.1rem;
  font-weight: 400;
}

.network-card > span {
  color: var(--muted);
}

.network-card > div {
  display: flex;
  padding-top: 18px;
  margin-top: 24px;
  border-top: 1px solid var(--line);
  align-items: center;
  gap: 8px;
  color: var(--forest);
  font-size: 0.75rem;
  font-weight: 700;
}

.involvement-layout,
.contact-layout {
  display: grid;
  align-items: start;
  grid-template-columns: 0.62fr 1.38fr;
  gap: 80px;
}

.form-aside {
  position: sticky;
  top: 125px;
}

.form-aside h2,
.contact-layout > aside h2 {
  margin-bottom: 22px;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
}

.form-aside > p:not(.eyebrow),
.contact-layout > aside > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 0.9rem;
}

.security-point {
  display: grid;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  grid-template-columns: 31px 1fr;
  gap: 10px;
  color: var(--muted);
  font-size: 0.74rem;
}

.security-point svg {
  color: var(--gold);
}

.security-point strong {
  display: block;
  color: var(--ink);
  font-size: 0.82rem;
}

.application-form,
.contact-form {
  padding: 44px;
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.form-section-heading {
  display: flex;
  margin-bottom: 28px;
  align-items: flex-start;
  gap: 15px;
}

.form-section-heading--spaced {
  padding-top: 36px;
  margin-top: 36px;
  border-top: 1px solid var(--line);
}

.form-section-heading > span {
  color: var(--gold);
  font-size: 0.7rem;
  font-weight: 800;
}

.form-section-heading h2 {
  margin-bottom: 2px;
  font-family: var(--font-sans);
  font-size: 1.2rem;
  font-weight: 750;
  letter-spacing: 0;
}

.form-section-heading p {
  margin: 0;
  color: var(--muted);
  font-size: 0.75rem;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.field {
  display: grid;
  margin-bottom: 18px;
  gap: 7px;
}

.field > span {
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 750;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  padding: 12px 13px;
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--white);
  outline: 0;
  resize: vertical;
}

.field select {
  min-height: 46px;
  resize: none;
}

.field small {
  color: var(--muted);
  font-size: 0.65rem;
}

.interest-grid {
  display: grid;
  padding: 0;
  border: 0;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

.check-card {
  display: flex;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  align-items: center;
  gap: 9px;
  color: var(--text);
  background: var(--white);
  font-size: 0.76rem;
  cursor: pointer;
}

.check-card input {
  position: absolute;
  opacity: 0;
}

.check-card__box {
  display: grid;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(16, 44, 48, 0.3);
  place-items: center;
  color: transparent;
  flex: 0 0 auto;
}

.check-card:has(input:checked) {
  border-color: var(--forest);
  background: rgba(39, 106, 91, 0.06);
}

.check-card input:checked + .check-card__box {
  color: var(--white);
  border-color: var(--forest);
  background: var(--forest);
}

.check-card:has(input:focus-visible) {
  outline: 3px solid rgba(188, 140, 66, 0.55);
  outline-offset: 2px;
}

.consent-field {
  display: flex;
  padding: 22px 0;
  margin-top: 28px;
  border-top: 1px solid var(--line);
  align-items: flex-start;
  gap: 10px;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.5;
}

.consent-field input {
  margin-top: 4px;
  accent-color: var(--forest);
}

.honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

.form-submit-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.form-message {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
}

.form-message--success {
  color: var(--forest);
}

.form-message--error {
  color: var(--rust);
}

.support-form-safety {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.74rem;
}

form.is-submitting {
  cursor: progress;
}

form.is-submitting button[type="submit"] svg {
  animation: spin 0.85s linear infinite;
}

.spin {
  animation: spin 0.85s linear infinite;
}

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

/* About */
.mission-pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.mission-pillars article {
  min-height: 240px;
  padding: 28px;
  border: 1px solid var(--line);
  border-right: 0;
}

.mission-pillars article:last-child {
  border-right: 1px solid var(--line);
}

.mission-pillars svg {
  margin-bottom: 48px;
  color: var(--gold);
  stroke-width: 1.5;
}

.mission-pillars h3 {
  margin-bottom: 9px;
  font-family: var(--font-serif);
  font-size: 1.3rem;
  font-weight: 400;
}

.mission-pillars p {
  color: var(--muted);
  font-size: 0.8rem;
}

.founder-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(48px, 7vw, 90px);
}

.founder-home-proof {
  position: relative;
  display: grid;
  min-height: 430px;
  padding: clamp(30px, 4vw, 48px);
  overflow: hidden;
  align-content: center;
  color: rgba(255, 255, 255, 0.74);
  background: var(--ink);
  gap: 8px;
}

.founder-home-proof::after {
  position: absolute;
  right: -82px;
  bottom: -96px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(223, 193, 139, 0.25);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 0 60px rgba(255, 255, 255, 0.012), inset 0 0 0 61px rgba(223, 193, 139, 0.12);
}

.founder-home-proof > p,
.founder-home-proof > span,
.founder-home-proof small,
.founder-home-proof b {
  position: relative;
  z-index: 1;
}

.founder-home-proof > p,
.founder-home-proof small {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.founder-home-proof > strong {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  color: var(--white);
  font-family: var(--font-serif);
  font-size: clamp(6rem, 10vw, 8.5rem);
  line-height: 0.8;
  font-weight: 400;
  letter-spacing: -0.07em;
}

.founder-home-proof > span {
  max-width: 220px;
  color: var(--gold-light);
  font-family: var(--font-serif);
  font-size: 1.65rem;
  line-height: 1.08;
}

.founder-home-proof > div {
  position: relative;
  z-index: 1;
  display: grid;
  padding-top: 22px;
  margin-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  gap: 6px;
}

.founder-home-proof b {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 1.55rem;
  font-weight: 400;
}

.founder-copy {
  max-width: 700px;
  align-self: center;
}

.founder-copy h2 {
  margin-bottom: 22px;
  font-size: clamp(2.8rem, 5vw, 4.6rem);
}

.verification-note {
  display: flex;
  padding: 18px;
  margin: 28px 0;
  border-left: 2px solid var(--gold);
  align-items: flex-start;
  gap: 12px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.4);
}

.verification-note svg {
  flex: 0 0 auto;
  color: var(--gold);
}

.verification-note p {
  margin: 0;
  font-size: 0.79rem;
}

.founder-role-line {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 8px;
}

.founder-role-line span {
  display: inline-flex;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid color-mix(in srgb, var(--gold) 42%, transparent);
  align-items: center;
  color: var(--forest);
  background: color-mix(in srgb, var(--gold) 8%, transparent);
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.035em;
}

.founder-profile__heading {
  display: grid;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--line);
  grid-template-columns: 1fr;
  gap: 18px;
}

.founder-profile__heading h2 {
  margin: 0;
  font-size: clamp(3.2rem, 5vw, 5rem);
}

.founder-profile__heading .prose-lead {
  max-width: 780px;
  margin: 0;
}

.founder-profile > .founder-role-line {
  margin: 26px 0 44px;
}

.founder-profile__body {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 1.35fr) minmax(285px, 0.65fr);
  gap: clamp(50px, 8vw, 110px);
}

.founder-biography {
  max-width: 76ch;
}

.founder-biography p {
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 0.98rem;
  line-height: 1.85;
}

.founder-biography p:first-child {
  color: var(--text);
  font-family: var(--font-serif);
  font-size: 1.25rem;
  line-height: 1.65;
}

.founder-biography h3,
.founder-profile__profiles h3 {
  margin: 32px 0 12px;
  font-size: 0.76rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.founder-proof {
  position: relative;
  min-height: 430px;
  padding: 30px;
  overflow: hidden;
  color: var(--white);
  background: var(--ink);
}

.founder-proof::after {
  position: absolute;
  right: -100px;
  bottom: -105px;
  width: 280px;
  height: 280px;
  border: 1px solid rgba(223, 193, 139, 0.27);
  border-radius: 50%;
  content: "";
  box-shadow: inset 0 0 0 52px rgba(255, 255, 255, 0.014), inset 0 0 0 53px rgba(223, 193, 139, 0.12);
}

.founder-proof > p,
.founder-proof > div {
  position: relative;
  z-index: 1;
}

.founder-proof > p:first-child {
  margin: 0 0 30px;
  color: var(--gold-light);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.founder-proof > div {
  display: grid;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.17);
  align-items: end;
  grid-template-columns: 0.72fr 1.28fr;
  gap: 14px;
}

.founder-proof strong {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
}

.founder-proof span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
}

.founder-proof > p:last-child {
  max-width: 240px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.75rem;
}

.founder-profile__profiles {
  padding-top: 28px;
  margin-top: 48px;
  border-top: 1px solid var(--line);
}

.founder-profile__profiles h3 {
  margin-top: 0;
}

.founder-copy > h3 {
  margin-bottom: 12px;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.profile-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-links a {
  display: inline-flex;
  padding: 8px 11px;
  border: 1px solid var(--line);
  align-items: center;
  gap: 5px;
  color: var(--forest);
  background: var(--paper);
  font-size: 0.72rem;
  font-weight: 700;
}

.profile-links a:hover {
  color: var(--white);
  background: var(--forest);
}

/* Transparency */
.data-state-card > svg,
.log-card > svg {
  margin-bottom: 42px;
  color: var(--gold);
  stroke-width: 1.5;
}

.data-state-card strong,
.log-card strong {
  display: block;
  margin: 6px 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 2.1rem;
  font-weight: 400;
}

.data-state-card p,
.log-card p {
  margin: 0;
  color: var(--muted);
  font-size: 0.74rem;
}

.dashboard-header {
  display: flex;
  margin-bottom: 35px;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
}

.dashboard-header .eyebrow {
  margin-bottom: 5px;
}

.dashboard-header h2 {
  margin: 0;
  font-size: 2.3rem;
}

.demo-label {
  padding: 6px 10px;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.65rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.metric-grid {
  display: grid;
  border-top: 1px solid var(--line);
  grid-template-columns: repeat(5, 1fr);
}

.metric-grid article {
  display: flex;
  min-height: 235px;
  padding: 28px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  flex-direction: column;
}

.metric-grid article:first-child {
  border-left: 1px solid var(--line);
}

.metric-grid svg {
  margin-bottom: auto;
  color: var(--gold);
  stroke-width: 1.5;
}

.metric-grid span,
.metric-grid small {
  color: var(--muted);
  font-size: 0.68rem;
}

.metric-grid span {
  font-weight: 750;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.metric-grid strong {
  margin: 4px 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1;
}

.transparency-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 80px;
}

.category-ledger {
  border-top: 1px solid var(--line);
}

.category-ledger div {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  gap: 20px;
  font-size: 0.83rem;
}

.category-ledger span {
  color: var(--muted);
}

.category-ledger strong {
  color: var(--ink);
}

.category-ledger--planned {
  display: grid;
  border: 1px solid var(--line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.category-ledger--planned div {
  padding: 16px;
  border-right: 1px solid var(--line);
}

.category-ledger--planned div:nth-child(even) {
  border-right: 0;
}

.category-ledger--planned svg {
  color: var(--gold);
}

.publication-ledger {
  padding: 36px;
  color: rgba(255, 255, 255, 0.68);
  background: var(--ink);
}

.publication-ledger h2 {
  color: var(--white);
  font-size: 2rem;
}

.publication-ledger > strong {
  display: block;
  margin: 30px 0;
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 5.6rem;
  font-weight: 400;
  letter-spacing: -0.08em;
  line-height: 1;
}

.publication-ledger > strong span {
  color: var(--gold-light);
  font-size: 1.6rem;
}

.publication-ledger > p:last-child {
  padding-top: 20px;
  margin: 25px 0 0;
  border-top: 1px solid var(--line-light);
  font-size: 0.72rem;
}

.future-history {
  display: grid;
  align-items: start;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 80px;
}

.future-history h2 {
  margin: 0;
  font-size: 3rem;
}

.future-history > p {
  color: var(--muted);
  font-size: 1rem;
}

/* Updates */
.log-card strong {
  color: var(--white);
  font-size: 5rem;
  line-height: 1;
}

.log-card > span {
  color: var(--gold-light);
  font-size: 0.75rem;
  font-weight: 750;
  text-transform: uppercase;
}

.log-card p {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid var(--line-light);
  color: rgba(255, 255, 255, 0.46);
}

.log-card--empty strong {
  margin: 12px 0;
  font-size: 2.25rem;
  line-height: 1.05;
}

.update-system-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 80px;
}

.update-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.update-fields span {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid var(--line);
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 700;
}

.example-updates {
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--cream);
}

.example-updates > p {
  margin-bottom: 15px;
  color: var(--gold);
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.example-updates > div {
  display: grid;
  padding: 13px 0;
  border-top: 1px solid var(--line);
  align-items: center;
  grid-template-columns: 26px 1fr;
  gap: 5px;
}

.example-updates svg {
  color: var(--gold);
}

.example-updates span {
  color: var(--ink);
  font-size: 0.8rem;
  font-weight: 650;
}

.example-updates small {
  grid-column: 2;
  color: var(--muted);
  font-size: 0.62rem;
}

.update-empty {
  background: rgba(255, 255, 255, 0.34);
}

/* Contact */
.contact-topics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.contact-topics > div {
  display: flex;
  min-height: 90px;
  padding: 14px;
  border: 1px solid var(--line);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.35);
  font-size: 0.7rem;
  font-weight: 700;
  text-align: center;
}

.contact-topics svg {
  color: var(--gold);
  stroke-width: 1.5;
}

.contact-form--loading {
  min-height: 400px;
  color: var(--muted);
}

/* Footer */
.site-footer {
  padding-top: 82px;
  color: rgba(255, 255, 255, 0.58);
  background: var(--ink-deep);
}

.site-footer__grid {
  display: grid;
  padding-bottom: 70px;
  grid-template-columns: 1.65fr repeat(3, 0.7fr);
  gap: 60px;
}

.site-footer__mission p {
  max-width: 420px;
  margin: 28px 0;
  font-size: 0.88rem;
}

.site-footer__ambition {
  display: inline-flex;
  padding: 10px 13px;
  border: 1px solid var(--line-light);
  align-items: center;
  gap: 8px;
  color: var(--gold-light);
  font-size: 0.72rem;
  font-weight: 700;
}

.site-footer__group h2 {
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.74);
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.site-footer__group a {
  display: block;
  padding: 5px 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.8rem;
}

.site-footer__group a:hover {
  color: var(--gold-light);
}

.site-footer__base {
  display: flex;
  min-height: 76px;
  border-top: 1px solid var(--line-light);
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-size: 0.68rem;
}

.site-footer__legal {
  display: flex;
  padding-block: 16px;
  border-top: 1px solid var(--line-light);
  flex-wrap: wrap;
  gap: 18px;
  font-size: 0.72rem;
}

.site-footer__legal a:hover {
  color: var(--gold-light);
}

.legal-layout {
  display: grid;
  align-items: start;
  grid-template-columns: 250px minmax(0, 760px);
  gap: 80px;
}

.legal-index {
  position: sticky;
  top: 150px;
  display: grid;
  border-top: 1px solid var(--line);
}

.legal-index a {
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 700;
}

.legal-prose {
  max-width: 760px;
}

.legal-prose--single {
  margin-inline: auto;
}

.legal-prose h2 {
  margin: 52px 0 14px;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.legal-prose h2:first-of-type {
  margin-top: 0;
}

.legal-prose p,
.legal-prose li {
  color: var(--text);
}

.legal-prose a,
.legal-mini a,
.consent-field a {
  color: var(--forest-light);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-updated,
.legal-mini {
  color: var(--muted);
  font-size: 0.78rem;
}

.updates-feed {
  border-top: 1px solid var(--line);
}

.update-entry {
  display: grid;
  padding: 35px 0;
  border-bottom: 1px solid var(--line);
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 45px;
}

.update-entry time {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.update-entry h3 {
  margin-bottom: 10px;
  font-family: var(--font-serif);
  font-size: 1.8rem;
  font-weight: 400;
}

html[data-theme="dark"] {
  --paper: #0c2427;
  --cream: #112d30;
  --cream-deep: #17383a;
  --gold: #e0bb73;
  --forest-light: #78c3ac;
  --text: #dce8e4;
  --muted: #b6c7c2;
  --line: rgba(231, 240, 236, 0.2);
  --line-strong: rgba(231, 240, 236, 0.38);
  --surface: #102b2e;
  --gold-shadow: rgba(0, 0, 0, 0.24);
  --shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    --paper: #0c2427;
    --cream: #112d30;
    --cream-deep: #17383a;
    --gold: #e0bb73;
    --forest-light: #78c3ac;
    --text: #dce8e4;
    --muted: #b6c7c2;
    --line: rgba(231, 240, 236, 0.2);
    --line-strong: rgba(231, 240, 236, 0.38);
    --surface: #102b2e;
    --gold-shadow: rgba(0, 0, 0, 0.24);
    --shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
    color-scheme: dark;
  }
}

html[data-theme="dark"] body,
html[data-theme="system"] body {
  transition: color 160ms ease, background-color 160ms ease;
}

@media (prefers-color-scheme: light) {
  html[data-theme="system"] body {
    color: var(--text);
    background: var(--paper);
  }
}

html[data-theme="dark"] :is(.site-header, .nav-group__menu, .theme-menu),
html[data-theme="dark"] :is(.section--paper, .proof-section, .milestone-section),
html[data-theme="dark"] :is(.volume-card, .language-card, .application-form, .contact-form, .example-updates),
html[data-theme="dark"] :is(.page-hero, .empty-state, .one-volume-figure--paper),
html[data-theme="dark"] :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .contact-topics, .sponsor-hero-figure) {
  color: var(--text);
  background-color: var(--paper);
}

html[data-theme="dark"] :is(h1, h2, h3, .record-card dd, .language-card h3, .volume-card h3, .volume-meta dd, .category-ledger strong, .one-volume-figure--paper strong),
html[data-theme="dark"] .brand-mark,
html[data-theme="dark"] .main-nav > a:not(.header-cta),
html[data-theme="dark"] .nav-group__trigger,
html[data-theme="dark"] .theme-toggle {
  color: var(--white);
}

html[data-theme="dark"] :is(.section--cream, .page-hero) {
  background-color: var(--cream);
}

html[data-theme="dark"] :is(.field input, .field textarea, .field select, .search-control, .select-control, .tracker-filter select, .check-card) {
  color: var(--text);
  background: #0a2023;
}

html[data-theme="dark"] :is(.principle-grid article, .method-grid article, .mission-pillars article, .milestone-card, .metric-grid article, .architecture-note-grid > div) {
  background-color: rgba(255, 255, 255, 0.025);
}

html[data-theme="dark"] .page-hero--ink,
html[data-theme="dark"] .section--ink,
html[data-theme="dark"] .site-footer {
  background-color: var(--ink-deep);
}

html[data-theme="dark"] .page-hero__content h1,
html[data-theme="dark"] .page-hero__content h1 em,
html[data-theme="dark"] .page-hero__description {
  color: var(--white);
}

html[data-theme="dark"] :is(.proof-strip__item strong, .language-card__metrics dd, .field > span) {
  color: var(--text);
}

html[data-theme="dark"] :is(.text-link, .legal-mini a, .legal-prose a, .consent-field a) {
  color: var(--forest-light);
}

html[data-theme="dark"] :is(.field input, .field textarea, .search-control input)::placeholder {
  color: #a7bbb5;
  opacity: 1;
}

html[data-theme="dark"] .search-control input {
  color: var(--text);
}

html[data-theme="dark"] .journey__stage--next {
  background: #4a3c25;
}

html[data-theme="dark"] .journey__stage--next .journey__number,
html[data-theme="dark"] .button--secondary,
html[data-theme="dark"] .language-preview__item strong,
html[data-theme="dark"] .accountability-links strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .button--secondary {
  color: var(--text);
  border-color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .language-preview__item--featured,
html[data-theme="dark"] .language-preview__item:hover {
  background: rgba(255, 255, 255, .06);
}

html[data-theme="dark"] .status-badge--complete { color: #a8dcc9; border-color: rgba(168, 220, 201, .42); background: rgba(168, 220, 201, .08); }
html[data-theme="dark"] .status-badge--progress { color: #f0d39a; border-color: rgba(240, 211, 154, .42); background: rgba(240, 211, 154, .08); }
html[data-theme="dark"] .status-badge--waiting { color: #dfc8bf; border-color: rgba(223, 200, 191, .38); background: rgba(223, 200, 191, .07); }
html[data-theme="dark"] .status-badge--review { color: #d0d5f4; border-color: rgba(208, 213, 244, .38); background: rgba(208, 213, 244, .07); }

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] :is(.site-header, .nav-group__menu, .theme-menu),
  html[data-theme="system"] :is(.section--paper, .proof-section, .milestone-section),
  html[data-theme="system"] :is(.volume-card, .language-card, .application-form, .contact-form, .example-updates),
  html[data-theme="system"] :is(.page-hero, .empty-state, .one-volume-figure--paper),
  html[data-theme="system"] :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .contact-topics, .sponsor-hero-figure) { color: var(--text); background-color: var(--paper); }
  html[data-theme="system"] :is(h1, h2, h3, .record-card dd, .language-card h3, .volume-card h3, .volume-meta dd, .category-ledger strong, .one-volume-figure--paper strong),
  html[data-theme="system"] .brand-mark,
  html[data-theme="system"] .main-nav > a:not(.header-cta),
  html[data-theme="system"] .nav-group__trigger,
  html[data-theme="system"] .theme-toggle { color: var(--white); }
  html[data-theme="system"] :is(.section--cream, .page-hero) { background-color: var(--cream); }
  html[data-theme="system"] :is(.field input, .field textarea, .field select, .search-control, .select-control, .tracker-filter select, .check-card) { color: var(--text); background: #0a2023; }
  html[data-theme="system"] :is(.principle-grid article, .method-grid article, .mission-pillars article, .milestone-card, .metric-grid article, .architecture-note-grid > div) { background-color: rgba(255, 255, 255, 0.025); }
  html[data-theme="system"] .page-hero--ink,
  html[data-theme="system"] .section--ink,
  html[data-theme="system"] .site-footer { background-color: var(--ink-deep); }
  html[data-theme="system"] .page-hero__content h1,
  html[data-theme="system"] .page-hero__content h1 em,
  html[data-theme="system"] .page-hero__description { color: var(--white); }
  html[data-theme="system"] :is(.proof-strip__item strong, .language-card__metrics dd, .field > span) { color: var(--text); }
  html[data-theme="system"] :is(.text-link, .legal-mini a, .legal-prose a, .consent-field a) { color: var(--forest-light); }
  html[data-theme="system"] :is(.field input, .field textarea, .search-control input)::placeholder { color: #a7bbb5; opacity: 1; }
  html[data-theme="system"] .search-control input { color: var(--text); }
  html[data-theme="system"] .journey__stage--next { background: #4a3c25; }
  html[data-theme="system"] .journey__stage--next .journey__number,
  html[data-theme="system"] .button--secondary,
  html[data-theme="system"] .language-preview__item strong,
  html[data-theme="system"] .accountability-links strong { color: var(--text); }
  html[data-theme="system"] .language-preview__item--featured,
  html[data-theme="system"] .language-preview__item:hover { background: rgba(255, 255, 255, .06); }
  html[data-theme="system"] .status-badge--complete { color: #a8dcc9; border-color: rgba(168, 220, 201, .42); background: rgba(168, 220, 201, .08); }
  html[data-theme="system"] .status-badge--progress { color: #f0d39a; border-color: rgba(240, 211, 154, .42); background: rgba(240, 211, 154, .08); }
  html[data-theme="system"] .status-badge--waiting { color: #dfc8bf; border-color: rgba(223, 200, 191, .38); background: rgba(223, 200, 191, .07); }
  html[data-theme="system"] .status-badge--review { color: #d0d5f4; border-color: rgba(208, 213, 244, .38); background: rgba(208, 213, 244, .07); }
}

.site-footer__base p {
  margin: 0;
}

.site-footer__base a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--gold-light);
}

.not-found {
  display: flex;
  min-height: 650px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.not-found > svg {
  margin-bottom: 24px;
  color: var(--gold);
}

.not-found h1 {
  max-width: 700px;
  font-size: clamp(2.7rem, 5vw, 4.8rem);
}

.not-found > p:not(.eyebrow) {
  color: var(--muted);
}

@media (max-width: 1080px) {
  .main-nav > a:not(.header-cta),
  .nav-group__trigger { padding-inline: 7px; font-size: 0.73rem; }
  .home-hero__grid,
  .page-hero__grid { gap: 45px; }
  .proof-strip__item { padding-inline: 17px; }
  .volume-grid { grid-template-columns: repeat(2, 1fr); }
  .volume-tile-grid { grid-template-columns: repeat(10, 1fr); }
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .metric-grid article:nth-child(4) { border-left: 1px solid var(--line); }
}

@media (max-width: 900px) {
  .container { width: min(100% - 36px, 760px); }
  .section { padding: 84px 0; }
  .publication-ribbon__inner { min-height: 38px; font-size: 0.65rem; }
  .site-header__inner { min-height: 70px; }
  .header-controls { margin-left: auto; }
  .menu-toggle { display: grid; }
  .main-nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    max-height: calc(100vh - 108px);
    padding: 18px;
    overflow: auto;
    border-bottom: 1px solid var(--line);
    align-items: stretch;
    flex-direction: column;
    background: var(--paper);
    box-shadow: var(--shadow);
  }
  .main-nav--open { display: flex; }
  .main-nav > a:not(.header-cta), .nav-group__trigger { width: 100%; padding: 11px; justify-content: space-between; }
  .nav-group__menu { position: static; display: grid; width: auto; padding: 0 0 6px 16px; border: 0; background: transparent; box-shadow: none; }
  .nav-group__menu a { padding: 7px 10px; }
  .header-cta { padding: 12px; margin: 7px 0 0; text-align: center; }
  .home-hero__grid,
  .page-hero__grid { min-height: auto; padding-block: 76px; grid-template-columns: 1fr; }
  .home-hero { min-height: auto; }
  .page-hero__aside { max-width: 520px; }
  .flagship-card { max-width: 520px; }
  .proof-strip { grid-template-columns: repeat(3, 1fr); }
  .proof-strip__item:nth-child(4) { border-left: 1px solid var(--line); }
  .journey { grid-template-columns: repeat(2, 1fr); }
  .journey__arrow { display: none; }
  .one-volume-grid,
  .accountability-grid,
  .editorial-grid,
  .readership-grid,
  .publication-callout,
  .involvement-layout,
  .contact-layout,
  .founder-grid,
  .transparency-grid,
  .future-history,
  .update-system-grid,
  .campaign-grid { grid-template-columns: 1fr; gap: 50px; }
  body[data-route="/mafatih-al-ghayb"] .editorial-grid { grid-template-columns: 1fr; }
  .one-volume-figure { max-width: 480px; }
  .principle-grid { grid-template-columns: repeat(2, 1fr); }
  .principle-grid article:nth-child(3) { border-left: 1px solid var(--line); }
  .structure-comparison { grid-template-columns: 1fr; }
  .structure-comparison__bridge { min-height: 170px; }
  .structure-comparison__side { min-height: 260px; }
  .method-grid,
  .mission-pillars { grid-template-columns: repeat(2, 1fr); }
  .method-grid article:nth-child(3) { border-left: 1px solid var(--line); }
  .mission-pillars article { border: 1px solid var(--line); }
  .mission-pillars article:nth-child(even) { border-left: 0; }
  .milestone-grid { grid-template-columns: 1fr; }
  .milestone-card { min-height: 230px; border-left: 1px solid var(--line); }
  .workflow-row { grid-template-columns: repeat(4, 1fr); }
  .workflow-row > svg { display: none; }
  .sponsor-tracker__grid { grid-template-columns: 1fr; }
  .volume-detail { position: static; max-width: 520px; }
  .volume-tile-grid { grid-template-columns: repeat(12, 1fr); }
  .form-aside { position: static; }
  .site-footer__grid { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 30px; }
  .legal-layout { grid-template-columns: 1fr; gap: 45px; }
  .legal-index { position: static; }
}

@media (max-width: 680px) {
  body { font-size: 16px; }
  .container { width: min(100% - 28px, 560px); }
  .section { padding: 68px 0; }
  .publication-ribbon__inner { justify-content: flex-start; overflow-x: auto; white-space: nowrap; }
  .publication-ribbon__signal { margin-left: 2px; }
  .brand-mark__type { font-size: 1.05rem; }
  .home-hero__grid { padding-block: 62px 75px; }
  .home-hero h1 { font-size: clamp(2.9rem, 13vw, 4rem); }
  .page-hero__grid { padding-block: 62px; }
  .page-hero__content h1 { font-size: clamp(2.7rem, 12vw, 4rem); }
  .page-hero__description, .home-hero__lead { font-size: 1rem; }
  .button-row { align-items: stretch; flex-direction: column; }
  .button-row .button { width: 100%; }
  .flagship-card,
  .record-card,
  .edition-progress-card,
  .language-ambition,
  .one-volume-mini,
  .network-card,
  .data-state-card,
  .log-card,
  .contact-topics,
  .sponsor-hero-figure { padding: 26px; box-shadow: 10px 10px 0 rgba(188, 140, 66, 0.11); }
  .proof-section__heading,
  .split-heading,
  .dashboard-header { align-items: flex-start; flex-direction: column; }
  .split-heading { gap: 0; }
  .split-heading > .button { margin: -25px 0 50px; }
  .section-aside-note { margin-top: -25px; }
  .proof-strip { grid-template-columns: repeat(2, 1fr); }
  .proof-strip__item { min-height: 130px; }
  .proof-strip__item:nth-child(odd) { border-left: 1px solid var(--line); }
  .journey { grid-template-columns: 1fr; gap: 10px; }
  .journey__stage { min-height: 145px; }
  .journey__number { margin-bottom: 25px; }
  .language-preview { grid-template-columns: 1fr; }
  .language-preview__item { border-right: 0; }
  .principle-grid,
  .principle-grid--three,
  .method-grid,
  .mission-pillars { grid-template-columns: 1fr; }
  .principle-grid article,
  .principle-grid article:nth-child(3),
  .method-grid article,
  .method-grid article:nth-child(3),
  .mission-pillars article,
  .mission-pillars article:nth-child(even) { min-height: 220px; border: 1px solid var(--line); border-top: 0; }
  .principle-grid article:first-child,
  .method-grid article:first-child,
  .mission-pillars article:first-child { border-top: 1px solid var(--line); }
  .publication-callout { padding: 28px; }
  .directory-controls { align-items: stretch; flex-direction: column; }
  .search-control { min-width: 0; }
  .volume-grid,
  .language-grid,
  .architecture-note-grid { grid-template-columns: 1fr; }
  .architecture-note-grid > div + div { border-top: 0; border-left: 1px solid var(--line); }
  .volume-card { min-height: 300px; }
  .workflow-row { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .volume-tile-grid { grid-template-columns: repeat(8, 1fr); }
  .language-card__header { flex-direction: column; }
  .language-card__notes { grid-template-columns: 1fr; }
  .interest-grid,
  .form-grid { grid-template-columns: 1fr; }
  .application-form,
  .contact-form { padding: 25px 20px; }
  .form-submit-row { align-items: stretch; flex-direction: column; }
  .founder-home-proof { min-height: 360px; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .metric-grid article:nth-child(odd) { border-left: 1px solid var(--line); }
  .site-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .site-footer__mission { grid-column: 1 / -1; margin-bottom: 20px; }
  .site-footer__base { padding: 20px 0; align-items: flex-start; flex-direction: column; justify-content: center; }
  .update-entry { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 430px) {
  .publication-ribbon__divider,
  .publication-ribbon__inner > span:nth-of-type(1) { display: none; }
  .volume-grid { grid-template-columns: 1fr; }
  .volume-tile-grid { grid-template-columns: repeat(6, 1fr); }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-grid article { border-left: 1px solid var(--line); }
  .contact-topics { grid-template-columns: 1fr; }
}

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

/* Private administration */
.admin-body { min-height: 100vh; background: var(--paper); color: var(--ink); }
.admin-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--paper) 94%, transparent); backdrop-filter: blur(14px); }
.admin-header__inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.admin-header__actions { display: flex; align-items: center; gap: 18px; font-size: .82rem; }
.admin-header__actions form { margin: 0; }
.admin-main { padding: 48px 0 96px; }
.admin-login { min-height: calc(100vh - 172px); display: grid; place-items: center; }
.admin-login__card { width: min(100%, 480px); padding: 44px; border: 1px solid var(--line); background: var(--surface); box-shadow: 18px 18px 0 var(--gold-shadow); }
.admin-login__card h1 { margin: 8px 0 10px; }
.admin-login__card > p:not(.eyebrow) { color: var(--muted); }
.admin-dashboard { display: grid; min-width: 0; gap: 28px; }
.admin-dashboard > *,
.admin-panel,
.admin-panel__heading { min-width: 0; }
.admin-titlebar { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.admin-titlebar h1 { margin: 6px 0 8px; }
.admin-titlebar p:last-child { margin: 0; color: var(--muted); }
.admin-stats { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); background: var(--surface); }
.admin-stats article { min-height: 130px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid var(--line); }
.admin-stats article:first-child { border-left: 0; }
.admin-stats strong { color: var(--forest-light); font-family: var(--font-serif); font-size: clamp(1.7rem, 3vw, 2.7rem); font-weight: 500; }
.admin-stats span { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.admin-panel { padding: clamp(24px, 4vw, 42px); border: 1px solid var(--line); background: var(--surface); }
.admin-panel__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.admin-panel__heading h2 { margin: 5px 0 0; }
.admin-panel__heading > p { max-width: 390px; margin: 0; color: var(--muted); text-align: right; }
.admin-form { display: grid; gap: 18px; }
.admin-form--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-form label,
.admin-filter label { display: grid; gap: 7px; color: var(--ink); font-size: .82rem; font-weight: 650; }
.admin-form label > span,
.admin-filter label > span { color: var(--muted); font-size: .72rem; font-weight: 500; }
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-filter input,
.admin-filter select,
.admin-inline-label select { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--line-strong); border-radius: 0; background: var(--paper); color: var(--ink); font: inherit; }
.admin-form textarea { resize: vertical; }
.admin-form__wide,
.admin-form__action { grid-column: 1 / -1; }
.admin-form__action { padding-top: 4px; }
.admin-form .check-row { display: flex; align-items: flex-start; }
.admin-form .check-row input { width: 20px; min-height: 20px; }
.admin-filter { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); align-items: end; gap: 12px; margin-bottom: 24px; }
.admin-filter > a { align-self: center; }
.admin-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); }
.admin-table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: .78rem; }
.admin-table th,
.admin-table td { padding: 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.admin-table th { background: var(--paper); color: var(--muted); font-size: .68rem; letter-spacing: .07em; text-transform: uppercase; }
.admin-table tr:last-child td { border-bottom: 0; }
.admin-empty { padding: 28px !important; color: var(--muted); text-align: center !important; }
.admin-enquiries { display: grid; gap: 14px; }
.admin-enquiries article { border: 1px solid var(--line); background: var(--paper); }
.admin-enquiries article > header,
.admin-enquiries article > footer { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.admin-enquiries article > header { border-bottom: 1px solid var(--line); }
.admin-enquiries article > header div { display: grid; gap: 4px; }
.admin-enquiries article > header span,
.admin-enquiries article > footer { color: var(--muted); font-size: .78rem; }
.admin-enquiries article > p { margin: 0; padding: 20px 18px; white-space: normal; }
.admin-enquiries article > footer { border-top: 1px solid var(--line); }
.admin-enquiries article > footer form { display: flex; align-items: flex-end; gap: 10px; }
.admin-inline-label { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .76rem; font-weight: 650; }
.admin-inline-label select { width: auto; min-width: 135px; min-height: 38px; padding: 7px 9px; }
.form-message { margin: 18px 0; padding: 14px 16px; border: 1px solid currentColor; }
.form-message--error { color: #812a2a; background: #fff3f0; }
.form-message--success { color: #0b5d4f; background: #eef9f3; }
html[data-theme="dark"] .form-message--error { color: #ffc1b7; background: #391f20; }
html[data-theme="dark"] .form-message--success { color: #a3e9d7; background: #13362f; }
html[data-theme="dark"] .admin-body { color: var(--text); }
html[data-theme="dark"] :is(.admin-form label, .admin-filter label) { color: var(--text); }
html[data-theme="dark"] :is(.admin-form input, .admin-form select, .admin-form textarea, .admin-filter input, .admin-filter select, .admin-inline-label select) { color: var(--text); background: #0a2023; }

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] .admin-body { color: var(--text); }
  html[data-theme="system"] :is(.admin-form label, .admin-filter label) { color: var(--text); }
  html[data-theme="system"] :is(.admin-form input, .admin-form select, .admin-form textarea, .admin-filter input, .admin-filter select, .admin-inline-label select) { color: var(--text); background: #0a2023; }
}

@media (max-width: 960px) {
  .admin-stats { grid-template-columns: repeat(2, 1fr); }
  .admin-stats article:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .admin-stats article:nth-child(4) { border-top: 1px solid var(--line); }
  .admin-stats article:nth-child(5) { border-left: 0; border-top: 1px solid var(--line); }
  .admin-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .admin-header__inner { padding: 12px 0; align-items: flex-start; }
  .admin-header__actions { align-items: flex-end; flex-direction: column; gap: 7px; }
  .admin-header__actions > span { display: none; }
  .admin-titlebar,
  .admin-panel__heading { flex-direction: column; }
  .admin-panel__heading > p { text-align: left; }
  .admin-form--grid,
  .admin-filter { grid-template-columns: 1fr; }
  .admin-stats { grid-template-columns: 1fr; }
  .admin-stats article { min-height: 105px; border-left: 0; border-top: 1px solid var(--line); }
  .admin-stats article:first-child { border-top: 0; }
  .admin-enquiries article > header,
  .admin-enquiries article > footer { align-items: flex-start; flex-direction: column; }
  .admin-enquiries article > footer form { align-items: stretch; flex-direction: column; width: 100%; }
  .admin-inline-label { align-items: flex-start; flex-direction: column; }
  .admin-inline-label select { width: 100%; }
  .admin-login__card { padding: 28px 22px; box-shadow: 9px 9px 0 var(--gold-shadow); }
}

/* Experience layer: scholarly precision with a contemporary digital finish */
:root {
  --signal: #16856f;
  --signal-bright: #55d7b6;
  --signal-soft: rgba(22, 133, 111, 0.12);
  --surface-glass: rgba(255, 255, 255, 0.72);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-lift: 0 24px 70px rgba(10, 32, 35, 0.12), 0 3px 12px rgba(10, 32, 35, 0.05);
}

html[data-theme-resolved="dark"] {
  --signal: #59d4b5;
  --signal-bright: #8aefd4;
  --signal-soft: rgba(89, 212, 181, 0.12);
  --surface-glass: rgba(12, 36, 39, 0.74);
  --shadow-lift: 0 28px 80px rgba(0, 0, 0, 0.32), 0 4px 18px rgba(0, 0, 0, 0.2);
}

body {
  min-width: 320px;
  overflow-x: clip;
  text-rendering: optimizeLegibility;
}

.publication-ribbon {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, #071d20, #0d3435 52%, #071d20);
}

.publication-ribbon::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 36%, rgba(85, 215, 182, 0.07) 50%, transparent 64%);
  content: "";
  transform: translateX(-100%);
  animation: ribbon-scan 9s var(--ease-out) infinite;
}

.publication-ribbon__inner {
  position: relative;
  z-index: 1;
}

.publication-ribbon__signal {
  background: var(--signal-bright);
  box-shadow: 0 0 0 4px rgba(85, 215, 182, 0.12), 0 0 16px rgba(85, 215, 182, 0.65);
  animation: signal-pulse 2.8s ease-in-out infinite;
}

.site-header {
  border-color: color-mix(in srgb, var(--line) 82%, transparent);
  background: color-mix(in srgb, var(--paper) 86%, transparent);
  -webkit-backdrop-filter: saturate(150%) blur(18px);
  backdrop-filter: saturate(150%) blur(18px);
  transition: background-color 240ms ease, border-color 240ms ease;
}

.site-header__inner {
  min-height: 80px;
}

.page-progress {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 2;
  height: 2px;
  overflow: hidden;
  pointer-events: none;
}

.page-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--signal-bright));
  box-shadow: 0 0 14px var(--signal-bright);
  transform: scaleX(0);
  transform-origin: left center;
}

.brand-mark {
  transition: transform 260ms var(--ease-out);
}

.brand-mark:hover {
  transform: translateY(-1px);
}

.brand-mark__symbol {
  filter: drop-shadow(0 5px 12px rgba(10, 32, 35, 0.15));
}

.theme-toggle {
  display: inline-flex;
  width: auto;
  min-width: 112px;
  height: 42px;
  padding: 0 13px;
  border-color: color-mix(in srgb, var(--line-strong) 70%, transparent);
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.28);
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms var(--ease-out), box-shadow 180ms ease;
}

.theme-toggle:hover {
  color: var(--forest-light);
  border-color: var(--signal);
  background: var(--signal-soft);
  box-shadow: 0 0 0 4px var(--signal-soft);
  transform: translateY(-1px);
}

.theme-toggle__icon {
  display: grid;
  place-items: center;
}

.theme-toggle__label {
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

.menu-toggle {
  border-radius: var(--radius-xs);
}

.main-nav > a:not(.header-cta),
.nav-group__trigger {
  position: relative;
}

.main-nav > a:not(.header-cta)::after,
.nav-group__trigger::after {
  position: absolute;
  right: 11px;
  bottom: 5px;
  left: 11px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), var(--signal));
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 240ms var(--ease-out);
}

.main-nav > a:hover::after,
.main-nav > a.is-active::after,
.nav-group__trigger:hover::after,
.nav-group.is-open .nav-group__trigger::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-group__menu {
  padding: 10px;
  border-radius: var(--radius-sm);
  background: var(--surface-glass);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.nav-group__menu a {
  border-radius: var(--radius-xs);
}

.nav-group__menu a:hover,
.nav-group__menu a.is-active {
  background: var(--signal-soft);
}

.header-cta,
.button {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xs);
  box-shadow: 0 7px 20px rgba(10, 51, 45, 0.12);
}

.header-cta::before,
.button::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.22) 48%, transparent 66%);
  content: "";
  transform: translateX(-130%);
  transition: transform 620ms var(--ease-out);
}

.header-cta:hover::before,
.button:hover::before {
  transform: translateX(130%);
}

.header-cta,
.button > span,
.button > svg {
  z-index: 1;
}

.home-hero,
.page-hero {
  isolation: isolate;
}

.home-hero {
  background: radial-gradient(circle at 78% 20%, rgba(71, 140, 121, 0.24), transparent 24%), linear-gradient(135deg, #0b3032 0%, #071f22 72%);
}

.home-hero::after,
.page-hero::after {
  position: absolute;
  width: 260px;
  height: 1px;
  right: 8%;
  bottom: 11%;
  z-index: 0;
  background: linear-gradient(90deg, transparent, var(--signal-bright), transparent);
  box-shadow: 0 0 26px rgba(85, 215, 182, 0.45);
  content: "";
  opacity: 0.48;
  transform: rotate(-32deg);
}

.home-hero__field {
  background: radial-gradient(circle at 84% 34%, rgba(224, 187, 115, 0.18), transparent 24%), linear-gradient(115deg, rgba(37, 123, 103, 0.25), transparent 48%);
}

.page-hero {
  background-image: radial-gradient(circle at 78% 42%, var(--signal-soft), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--cream) 93%, var(--signal) 7%), var(--cream));
}

.page-hero--ink {
  background-image: radial-gradient(circle at 78% 40%, rgba(64, 153, 130, 0.18), transparent 29%), linear-gradient(135deg, #0c3335 0%, #071f22 75%);
}

.page-hero__ornament {
  border-color: color-mix(in srgb, var(--gold) 34%, transparent);
  box-shadow: 0 0 100px rgba(22, 133, 111, 0.07);
  animation: orbit-drift 18s ease-in-out infinite alternate;
}

body[data-route="/english-edition"] .page-hero__ornament,
body[data-route="/languages"] .page-hero__ornament,
body[data-route="/transparency"] .page-hero__ornament {
  border-radius: 38%;
  transform: rotate(14deg);
}

body[data-route="/get-involved"] .page-hero__ornament,
body[data-route="/contact"] .page-hero__ornament {
  right: -190px;
  border-radius: 48% 24% 48% 24%;
}

.home-hero h1,
.page-hero__content h1 {
  text-wrap: balance;
}

.home-hero__lead,
.page-hero__description,
.section-heading__description {
  text-wrap: pretty;
}

.flagship-card,
.record-card,
.edition-progress-card,
.language-ambition,
.one-volume-mini,
.network-card,
.data-state-card,
.log-card,
.contact-topics,
.sponsor-hero-figure {
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface-glass) 90%, transparent);
  box-shadow: var(--shadow-lift);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card, .contact-topics, .sponsor-hero-figure) {
  border-color: rgba(138, 239, 212, 0.22);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 18px 18px 0 rgba(224, 187, 115, 0.07), 0 26px 80px rgba(0, 0, 0, 0.2);
}

.home-hero .flagship-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.24);
}

html[data-theme-resolved="dark"] .page-hero__aside :is(h2, h3, strong, dd) {
  color: var(--white);
}

.one-volume-figure--paper .one-volume-figure__label {
  color: var(--gold);
}

.one-volume-figure--paper > strong {
  color: var(--ink);
}

.publication-ledger > .eyebrow {
  color: var(--gold-light);
}

.page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card, .contact-topics, .sponsor-hero-figure) :is(h2, h3, strong, dd),
.page-hero--ink .contact-topics > div {
  color: var(--white);
}

.page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card) :is(p, dt, small) {
  color: rgba(255, 255, 255, 0.72);
}

.page-hero--ink :is(.record-card > p, .one-volume-mini > span, .sponsor-hero-figure > span, .data-state-card > span) {
  color: var(--gold-light);
}

.one-volume-mini strong,
.sponsor-hero-figure strong {
  color: var(--gold-light) !important;
}

.institution-map {
  width: 100%;
  padding: 30px;
  border: 1px solid rgba(138, 239, 212, 0.22);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
  box-shadow: 18px 18px 0 rgba(224, 187, 115, 0.07), 0 26px 80px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.institution-map > p {
  margin-bottom: 25px;
  color: var(--gold-light);
  font-size: 0.7rem;
  font-weight: 750;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.institution-map__core {
  display: flex;
  min-height: 72px;
  border: 1px solid rgba(138, 239, 212, 0.28);
  border-radius: var(--radius-sm);
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--white);
  background: rgba(89, 212, 181, 0.08);
  box-shadow: inset 0 0 30px rgba(89, 212, 181, 0.05);
}

.institution-map__flow {
  display: grid;
  width: 46%;
  height: 35px;
  margin-inline: auto;
  grid-template-columns: repeat(3, 1fr);
  border-inline: 1px solid rgba(138, 239, 212, 0.2);
}

.institution-map__flow span {
  border-bottom: 1px solid rgba(138, 239, 212, 0.2);
}

.institution-map__nodes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.institution-map__nodes span {
  display: grid;
  min-height: 48px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-xs);
  place-items: center;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.68rem;
  font-weight: 700;
  text-align: center;
}

.section {
  position: relative;
  isolation: isolate;
}

.section::after {
  position: absolute;
  top: 0;
  right: max(24px, calc((100vw - 1180px) / 2));
  width: 54px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), var(--signal));
  content: "";
  opacity: 0.55;
  transition: width 320ms var(--ease-out), opacity 240ms ease, box-shadow 240ms ease;
}

.section-signal {
  --section-signal-glow: rgba(22, 133, 111, 0.1);
}

.section-signal::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(520px circle at var(--section-signal-x, 50%) var(--section-signal-y, 50%), var(--section-signal-glow), transparent 70%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 320ms ease;
}

.section-signal:hover::before {
  opacity: 1;
}

.section-signal > .container {
  position: relative;
  z-index: 1;
}

.section:not(.one-volume-section):hover::after {
  width: 112px;
  opacity: 0.95;
  box-shadow: 0 0 20px rgba(85, 215, 182, 0.3);
}

html[data-theme-resolved="dark"] .section-signal {
  --section-signal-glow: rgba(85, 215, 182, 0.105);
}

.section-heading h2,
.proof-section__heading h2 {
  text-wrap: balance;
}

.proof-strip,
.architecture-note-grid,
.metric-grid,
.method-grid,
.mission-pillars,
.principle-grid {
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: 0 14px 46px rgba(10, 32, 35, 0.07);
}

.proof-strip__item,
.journey__stage,
.principle-grid article,
.method-grid article,
.mission-pillars article,
.milestone-card,
.metric-grid article,
.architecture-note-grid > div,
.accountability-links > a,
.readership-list > div,
.security-point {
  transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, transform 260ms var(--ease-out), box-shadow 260ms ease;
}

.proof-strip__item:hover,
.principle-grid article:hover,
.method-grid article:hover,
.mission-pillars article:hover,
.milestone-card:hover,
.metric-grid article:hover,
.architecture-note-grid > div:hover,
.accountability-links > a:hover,
.readership-list > div:hover {
  z-index: 1;
  background-color: color-mix(in srgb, var(--surface) 86%, var(--signal) 14%);
  box-shadow: 0 18px 48px rgba(10, 32, 35, 0.12);
  transform: translateY(-4px);
}

.journey {
  position: relative;
  gap: 14px;
}

.journey::before {
  position: absolute;
  top: 50%;
  right: 4%;
  left: 4%;
  z-index: -1;
  height: 1px;
  background: linear-gradient(90deg, var(--signal), var(--gold), rgba(16, 44, 48, 0.15));
  content: "";
}

.journey__stage {
  border-radius: var(--radius-sm);
  box-shadow: 0 12px 36px rgba(10, 32, 35, 0.07);
}

.progress__track {
  border-radius: 999px;
}

.progress__track span {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), var(--signal-bright));
  box-shadow: 0 0 12px rgba(85, 215, 182, 0.35);
  transition: width 720ms var(--ease-out);
}

.volume-card,
.language-card,
.application-form,
.contact-form,
.publication-ledger,
.empty-state,
.one-volume-figure--paper,
.volume-detail {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lift);
}

.volume-card,
.language-card {
  overflow: hidden;
  transition: border-color 220ms ease, box-shadow 260ms ease, transform 260ms var(--ease-out);
}

.volume-card:hover,
.language-card:hover {
  border-color: color-mix(in srgb, var(--signal) 55%, var(--line));
  box-shadow: 0 26px 72px rgba(10, 32, 35, 0.15);
  transform: translateY(-6px);
}

.volume-tile {
  color: #3d5557;
  background: #f8f7f1;
}

html[data-theme-resolved="dark"] .volume-tile {
  color: #dce8e4;
  border-color: rgba(220, 232, 228, 0.24);
  background: #153538;
}

html[data-theme-resolved="dark"] .volume-tile:hover,
html[data-theme-resolved="dark"] .volume-tile.is-selected {
  color: #071f22;
  border-color: var(--signal-bright);
  background: var(--signal-bright);
}

html[data-theme-resolved="dark"] .directory-controls {
  background: rgba(7, 29, 32, 0.72);
}

html[data-theme-resolved="dark"] .filter-tabs button {
  color: var(--text);
}

html[data-theme-resolved="dark"] .filter-tabs button.is-active {
  color: #071f22;
  background: var(--signal-bright);
}

html[data-theme-resolved="dark"] .load-more {
  color: var(--text);
  border-color: var(--line-strong);
}

html[data-theme-resolved="dark"] .load-more:hover {
  color: #071f22;
  background: var(--signal-bright);
}

html[data-theme-resolved="dark"] .workflow-row strong,
html[data-theme-resolved="dark"] .structure-comparison__side:not(.structure-comparison__side--accent) strong,
html[data-theme-resolved="dark"] .prose-lead,
html[data-theme-resolved="dark"] .funding-amount strong,
html[data-theme-resolved="dark"] .metric-grid strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .edition-link--disabled {
  color: #b6c7c2;
}

html[data-theme-resolved="dark"] .prose-column p {
  color: var(--muted);
}

html[data-theme-resolved="dark"] .evidence-note {
  color: #f2d3c8;
  border-color: rgba(255, 174, 148, 0.35);
  background: rgba(166, 83, 56, 0.11);
}

html[data-theme-resolved="dark"] .evidence-note strong {
  color: #ffd8cc;
}

html[data-theme-resolved="dark"] .verification-note {
  color: var(--text);
  background: rgba(89, 212, 181, 0.07);
}

html[data-theme-resolved="dark"] .founder-role-line span {
  color: var(--signal-bright);
  border-color: rgba(89, 212, 181, 0.32);
  background: rgba(89, 212, 181, 0.08);
}

html[data-theme-resolved="dark"] .profile-links a {
  color: var(--signal-bright);
  background: var(--paper);
}

html[data-theme-resolved="dark"] .profile-links a:hover {
  color: #071f22;
  background: var(--signal-bright);
}

@media (max-width: 900px) {
  .founder-profile__heading,
  .founder-profile__body {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .founder-proof {
    width: min(100%, 520px);
  }
}

@media (max-width: 520px) {
  .founder-profile__heading {
    padding-bottom: 28px;
  }

  .founder-profile__heading h2 {
    font-size: 3rem;
  }

  .founder-profile > .founder-role-line {
    margin-bottom: 34px;
  }

  .founder-biography p:first-child {
    font-size: 1.12rem;
  }

  .founder-proof {
    min-height: 400px;
    padding: 25px;
  }
}

.field input,
.field textarea,
.field select,
.search-control,
.select-control,
.tracker-filter select,
.check-card {
  border-radius: var(--radius-xs);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.field input:hover,
.field textarea:hover,
.field select:hover,
.search-control:hover,
.select-control:hover,
.tracker-filter select:hover,
.check-card:hover {
  border-color: color-mix(in srgb, var(--signal) 60%, var(--line-strong));
}

.field input:focus,
.field textarea:focus,
.field select:focus,
.search-control:focus-within,
.select-control:focus-within,
.tracker-filter select:focus {
  border-color: var(--signal);
  box-shadow: 0 0 0 4px var(--signal-soft);
}

.form-section-heading > span,
.volume-tile.is-selected,
.filter-button.is-active {
  box-shadow: 0 0 0 4px var(--signal-soft);
}

.site-footer {
  position: relative;
  overflow: hidden;
  background-image: radial-gradient(circle at 8% 22%, rgba(85, 215, 182, 0.09), transparent 22%), linear-gradient(135deg, #071d20, #0b2a2d);
}

.site-footer::before {
  position: absolute;
  top: -340px;
  right: -260px;
  width: 700px;
  height: 700px;
  border: 1px solid rgba(224, 187, 115, 0.1);
  border-radius: 50%;
  box-shadow: inset 0 0 0 100px rgba(224, 187, 115, 0.02), inset 0 0 0 101px rgba(224, 187, 115, 0.08);
  content: "";
}

.site-footer > .container {
  position: relative;
  z-index: 1;
}

.signal-surface {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.signal-surface::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(260px circle at var(--signal-x, 50%) var(--signal-y, 50%), var(--signal-soft), transparent 68%);
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}

.signal-surface:hover::after {
  opacity: 1;
}

.reveal-ready .reveal {
  opacity: 0;
  transform: translateY(22px);
}

.reveal-ready .reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 650ms var(--ease-out), transform 700ms var(--ease-out);
  transition-delay: calc(var(--reveal-order, 0) * 45ms);
}

@keyframes ribbon-scan {
  0%, 62% { transform: translateX(-100%); }
  82%, 100% { transform: translateX(100%); }
}

@keyframes signal-pulse {
  0%, 100% { opacity: 0.68; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes orbit-drift {
  from { translate: 0 0; }
  to { translate: -22px 18px; }
}

@media (max-width: 1180px) {
  .theme-toggle {
    min-width: 42px;
    padding-inline: 11px;
  }

  .theme-toggle__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (max-width: 900px) {
  .site-header__inner { min-height: 70px; }
  .main-nav { border-radius: 0 0 var(--radius-md) var(--radius-md); }
  .main-nav > a:not(.header-cta)::after,
  .nav-group__trigger::after { display: none; }
  .journey::before { display: none; }
}

@media (max-width: 680px) {
  .home-hero::after,
  .page-hero::after { display: none; }
  .page-hero__ornament { opacity: 0.58; }
  .proof-strip,
  .architecture-note-grid,
  .metric-grid,
  .method-grid,
  .mission-pillars,
  .principle-grid { border-radius: var(--radius-sm); }
  .flagship-card,
  .record-card,
  .edition-progress-card,
  .language-ambition,
  .one-volume-mini,
  .network-card,
  .data-state-card,
  .log-card,
  .contact-topics,
  .sponsor-hero-figure,
  .volume-card,
  .language-card,
  .application-form,
  .contact-form,
  .publication-ledger,
  .empty-state,
  .one-volume-figure--paper,
  .volume-detail { border-radius: var(--radius-sm); }
  .section::after { right: 14px; }
  .workflow-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .publication-ribbon::after,
  .publication-ribbon__signal,
  .page-hero__ornament { animation: none !important; }
  .reveal-ready .reveal,
  .reveal-ready .reveal.is-visible { opacity: 1; transform: none; }
}

/* Explicit theme system: every prominent surface must visibly follow the selected mode. */
html[data-theme-resolved="light"] {
  color-scheme: only light;
}

html[data-theme-resolved="dark"] {
  color-scheme: dark;
}

.theme-switch {
  display: inline-flex;
  align-items: center;
}

.theme-toggle-imagebtn {
  position: relative;
  display: block;
  width: 88px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: 0 5px 16px rgba(10, 32, 35, 0.2);
  cursor: pointer;
  isolation: isolate;
  transition: filter 180ms ease, box-shadow 180ms ease, transform 180ms var(--ease-out);
}

.theme-toggle-imagebtn:hover {
  filter: saturate(1.08) brightness(1.03);
  box-shadow: 0 7px 20px rgba(10, 32, 35, 0.27);
  transform: translateY(-1px);
}

.theme-toggle-imagebtn:active {
  transform: translateY(0) scale(0.98);
}

.theme-toggle-imagebtn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.theme-toggle-imagebtn__light {
  display: none !important;
}

html[data-theme-resolved="dark"] .theme-toggle-imagebtn__dark {
  display: none;
}

html[data-theme-resolved="dark"] .theme-toggle-imagebtn__light {
  display: block !important;
}

html[data-theme-resolved="dark"] .theme-toggle-imagebtn {
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.34);
}

.brand-mark__symbol {
  width: 50px;
  height: 50px;
  filter: drop-shadow(0 5px 12px rgba(10, 32, 35, 0.17));
}

.brand-mark--light .brand-mark__symbol {
  width: 54px;
  height: 54px;
}

body,
.publication-ribbon,
.site-header,
.home-hero,
.page-hero,
.section--paper,
.section--cream,
.section--ink,
.site-footer,
.flagship-card,
.record-card,
.edition-progress-card,
.language-ambition,
.one-volume-mini,
.network-card,
.data-state-card,
.log-card,
.contact-topics,
.sponsor-hero-figure,
.volume-card,
.language-card,
.application-form,
.contact-form {
  transition: color 240ms ease, background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

html[data-theme-resolved="light"] .publication-ribbon {
  color: #17483e;
  border-bottom: 1px solid rgba(23, 72, 62, 0.14);
  background: linear-gradient(90deg, #e5f0ea, #f4efe3 52%, #e5f0ea);
}

html[data-theme-resolved="light"] .publication-ribbon::after {
  background: linear-gradient(105deg, transparent 36%, rgba(22, 133, 111, 0.1) 50%, transparent 64%);
}

html[data-theme-resolved="light"] .publication-ribbon__divider {
  color: rgba(23, 72, 62, 0.52);
}

html[data-theme-resolved="light"] .home-hero {
  color: var(--text);
  background: radial-gradient(circle at 78% 22%, rgba(22, 133, 111, 0.16), transparent 25%), linear-gradient(135deg, #fbfaf5 0%, #eee8da 72%);
}

html[data-theme-resolved="light"] .home-hero__field {
  background: radial-gradient(circle at 84% 34%, rgba(135, 89, 29, 0.13), transparent 24%), linear-gradient(115deg, rgba(22, 133, 111, 0.12), transparent 48%);
}

html[data-theme-resolved="light"] .home-hero__field::before {
  border-color: rgba(135, 89, 29, 0.2);
  box-shadow: inset 0 0 0 88px rgba(255, 255, 255, 0.13), inset 0 0 0 89px rgba(135, 89, 29, 0.08), inset 0 0 0 176px rgba(255, 255, 255, 0.1), inset 0 0 0 177px rgba(135, 89, 29, 0.06);
}

html[data-theme-resolved="light"] .home-hero__field::after,
html[data-theme-resolved="light"] .page-hero--ink::before {
  background-image: linear-gradient(rgba(16, 44, 48, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(16, 44, 48, 0.045) 1px, transparent 1px);
}

html[data-theme-resolved="light"] .home-hero h1,
html[data-theme-resolved="light"] .home-hero__lead em,
html[data-theme-resolved="light"] .page-hero--ink .page-hero__content h1,
html[data-theme-resolved="light"] .page-hero--ink .page-hero__content h1 em {
  color: var(--ink);
}

html[data-theme-resolved="light"] .home-hero__lead,
html[data-theme-resolved="light"] .home-hero__note,
html[data-theme-resolved="light"] .page-hero--ink .page-hero__description {
  color: var(--muted);
}

html[data-theme-resolved="light"] .home-hero .flagship-card,
html[data-theme-resolved="light"] .page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card, .contact-topics, .sponsor-hero-figure) {
  color: var(--text);
  border-color: rgba(16, 44, 48, 0.16);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 18px 18px 0 rgba(135, 89, 29, 0.07), 0 26px 80px rgba(10, 32, 35, 0.1);
}

html[data-theme-resolved="light"] .flagship-card__index {
  color: rgba(16, 44, 48, 0.28);
}

html[data-theme-resolved="light"] :is(.flagship-card__kicker, .page-hero--ink .eyebrow--gold, .page-hero--ink .record-card > p, .page-hero--ink .one-volume-mini > span, .page-hero--ink .sponsor-hero-figure > span, .page-hero--ink .data-state-card > span) {
  color: var(--gold);
}

html[data-theme-resolved="light"] :is(.flagship-card__arabic, .flagship-card h2, .flagship-card__equation strong),
html[data-theme-resolved="light"] .page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card, .contact-topics, .sponsor-hero-figure) :is(h2, h3, strong, dd),
html[data-theme-resolved="light"] .page-hero--ink .contact-topics > div {
  color: var(--ink);
}

html[data-theme-resolved="light"] :is(.flagship-card__alternate, .flagship-card__equation span, .data-caveat),
html[data-theme-resolved="light"] .page-hero--ink :is(.record-card, .edition-progress-card, .language-ambition, .one-volume-mini, .network-card, .data-state-card, .log-card) :is(p, dt, small) {
  color: var(--muted);
}

html[data-theme-resolved="light"] .flagship-card__equation,
html[data-theme-resolved="light"] .record-card dl > div {
  border-color: var(--line);
}

html[data-theme-resolved="light"] :is(.home-hero, .page-hero--ink, .section--ink) .progress__label strong {
  color: var(--gold);
}

html[data-theme-resolved="light"] :is(.home-hero, .section--ink) .eyebrow--gold {
  color: var(--gold);
}

html[data-theme-resolved="light"] :is(.home-hero, .page-hero--ink, .section--ink) .button--quiet {
  color: var(--ink);
  border-color: var(--line-strong);
}

html[data-theme-resolved="light"] :is(.home-hero, .page-hero--ink, .section--ink) .button--quiet:hover {
  color: var(--white);
  background: var(--ink);
}

html[data-theme-resolved="light"] .page-hero--ink {
  color: var(--text);
  background-image: radial-gradient(circle at 78% 40%, rgba(22, 133, 111, 0.16), transparent 29%), linear-gradient(135deg, #e8f0eb 0%, #f7f3e9 76%);
}

html[data-theme-resolved="light"] .page-hero--ink .one-volume-mini strong,
html[data-theme-resolved="light"] .page-hero--ink .sponsor-hero-figure strong {
  color: var(--gold) !important;
}

html[data-theme-resolved="light"] .institution-map {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 18px 18px 0 rgba(135, 89, 29, 0.07), 0 26px 80px rgba(10, 32, 35, 0.1);
}

html[data-theme-resolved="light"] .institution-map > p {
  color: var(--gold);
}

html[data-theme-resolved="light"] .institution-map__core {
  color: var(--ink);
  border-color: rgba(22, 133, 111, 0.25);
  background: rgba(22, 133, 111, 0.09);
  box-shadow: inset 0 0 30px rgba(22, 133, 111, 0.05);
}

html[data-theme-resolved="light"] .institution-map__flow {
  border-color: rgba(16, 44, 48, 0.2);
}

html[data-theme-resolved="light"] .institution-map__flow span {
  border-color: rgba(16, 44, 48, 0.2);
}

html[data-theme-resolved="light"] .institution-map__nodes span {
  color: var(--text);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.46);
}

html[data-theme-resolved="light"] .section--ink {
  color: var(--text);
  background: linear-gradient(135deg, #e5eee8, #f5f1e7);
}

html[data-theme-resolved="light"] .section--ink :is(h2, h3) {
  color: var(--ink);
}

html[data-theme-resolved="light"] .section--ink .publication-callout {
  color: var(--text);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 24px 70px rgba(10, 32, 35, 0.1);
}

html[data-theme-resolved="light"] .section--ink .publication-callout h2,
html[data-theme-resolved="light"] .section--ink .campaign-destination strong {
  color: var(--ink);
}

html[data-theme-resolved="light"] .section--ink .publication-callout p:not(.eyebrow),
html[data-theme-resolved="light"] .section--ink .campaign-destination small {
  color: var(--muted);
}

html[data-theme-resolved="light"] .section--ink :is(.publication-callout, .campaign-destinations, .campaign-destination) {
  border-color: var(--line);
}

html[data-theme-resolved="light"] .section--ink .one-volume-figure {
  color: var(--text);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 24px 70px rgba(10, 32, 35, 0.1);
}

html[data-theme-resolved="light"] .section--ink .one-volume-figure__label {
  color: var(--gold);
}

html[data-theme-resolved="light"] .section--ink .one-volume-figure > strong,
html[data-theme-resolved="light"] .section--ink .one-volume-figure dd {
  color: var(--ink);
}

html[data-theme-resolved="light"] .section--ink .one-volume-figure dt {
  color: var(--muted);
}

html[data-theme-resolved="light"] .section--ink .one-volume-figure dl div {
  border-color: var(--line);
}

html[data-theme-resolved="light"] .site-footer {
  color: var(--muted);
  background-image: radial-gradient(circle at 8% 22%, rgba(22, 133, 111, 0.1), transparent 22%), linear-gradient(135deg, #e5eee8, #f2ecdf);
}

html[data-theme-resolved="light"] .site-footer::before {
  border-color: rgba(135, 89, 29, 0.15);
  box-shadow: inset 0 0 0 100px rgba(255, 255, 255, 0.1), inset 0 0 0 101px rgba(135, 89, 29, 0.08);
}

html[data-theme-resolved="light"] .site-footer .brand-mark--light,
html[data-theme-resolved="light"] .site-footer__group h2 {
  color: var(--ink);
}

html[data-theme-resolved="light"] .site-footer .brand-mark--light .brand-mark__type span,
html[data-theme-resolved="light"] .site-footer__ambition,
html[data-theme-resolved="light"] .site-footer__base a {
  color: var(--gold);
}

html[data-theme-resolved="light"] .site-footer__group a {
  color: var(--text);
}

html[data-theme-resolved="light"] :is(.site-footer__ambition, .site-footer__legal, .site-footer__base) {
  border-color: var(--line);
}

html[data-theme-resolved="dark"] .language-ambition span {
  color: var(--text);
}

html[data-theme-resolved="dark"] .contact-topics > div {
  color: var(--text);
  border-color: rgba(231, 240, 236, 0.2);
  background: rgba(255, 255, 255, 0.045);
}

.vision-card__count {
  display: block;
  margin-bottom: 2px;
  color: var(--gold-light);
  font-family: var(--font-serif);
  font-size: clamp(64px, 7vw, 92px);
  font-weight: 400;
  letter-spacing: -0.06em;
  line-height: 0.92;
}

.vision-card h2 {
  max-width: 260px;
  margin-bottom: 20px;
}

.vision-card__statement {
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
}

.vision-card__facts {
  margin: 0 0 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.vision-card__facts > div {
  display: grid;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  grid-template-columns: 1fr 1.15fr;
  gap: 12px;
}

.vision-card__facts dt {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
}

.vision-card__facts dd {
  margin: 0;
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.global-reach-heading {
  margin-bottom: 48px;
}

.global-reach-heading__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.global-network-grid {
  display: grid;
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--line);
  box-shadow: 0 18px 50px rgba(10, 32, 35, 0.07);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
}

.global-network-grid > a {
  display: grid;
  min-width: 0;
  min-height: 210px;
  padding: 25px 20px;
  background: color-mix(in srgb, var(--surface) 92%, var(--paper));
  grid-template-rows: auto 1fr auto;
  gap: 20px;
  transition: color 180ms ease, background-color 180ms ease, transform 180ms var(--ease-out);
}

.global-network-grid > a:hover,
.global-network-grid > a:focus-visible {
  background: var(--signal-soft);
  transform: translateY(-3px);
}

.global-network-grid > a > svg:first-child {
  color: var(--gold);
}

.global-network-grid > a > svg:last-child {
  color: var(--signal);
}

.global-network-grid span,
.global-network-grid strong,
.global-network-grid small {
  display: block;
}

.global-network-grid strong {
  margin-bottom: 7px;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.15;
}

.global-network-grid small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

html[data-theme-resolved="light"] .vision-card__count,
html[data-theme-resolved="light"] .vision-card__facts dd {
  color: var(--ink);
}

html[data-theme-resolved="light"] .vision-card__statement,
html[data-theme-resolved="light"] .vision-card__facts dt {
  color: var(--muted);
}

html[data-theme-resolved="light"] .vision-card__facts,
html[data-theme-resolved="light"] .vision-card__facts > div {
  border-color: var(--line);
}

/* Global language horizon */
.language-map {
  --map-source: #a96d25;
  --map-complete: var(--signal);
  --map-next: #d6a441;
  --map-priority: #769a91;
  display: grid;
  gap: 28px;
}

.language-map__searches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--surface) 78%, transparent);
  box-shadow: var(--shadow-lift);
}

.language-map__searches label {
  display: grid;
  gap: 7px;
}

.language-map__searches label > span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.language-map__searches select {
  width: 100%;
  min-height: 48px;
  padding: 0 42px 0 14px;
  color: var(--ink);
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  background-color: var(--paper);
  cursor: pointer;
  font: 700 14px/1.2 var(--font-sans);
}

.language-map__searches select:hover,
.language-map__searches select:focus-visible {
  border-color: var(--signal);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--signal) 13%, transparent);
}

.language-map__searches small {
  color: var(--muted);
  font-size: 11px;
}

.language-map__stage {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 0.78fr);
  scroll-margin-top: 160px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface) 76%, transparent);
  box-shadow: var(--shadow-lift);
}

.language-map__canvas {
  position: relative;
  min-width: 0;
  min-height: 520px;
  overflow: hidden;
  border-right: 1px solid var(--line);
  background:
    radial-gradient(circle at 72% 36%, color-mix(in srgb, var(--signal) 15%, transparent), transparent 27%),
    linear-gradient(color-mix(in srgb, var(--line) 32%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--line) 32%, transparent) 1px, transparent 1px),
    color-mix(in srgb, var(--cream) 72%, var(--paper));
  background-size: auto, 42px 42px, 42px 42px, auto;
  isolation: isolate;
}

.language-map__viewport {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  overflow: hidden;
  place-items: center;
}

.language-map__surface {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
}

.language-map__canvas::before {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 22%;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--signal) 7%, transparent), transparent);
  content: "";
  pointer-events: none;
  transform: translateX(-120%);
  animation: map-scan 12s ease-in-out infinite;
}

.language-map__world {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  shape-rendering: geometricPrecision;
}

.world-map__country {
  fill: color-mix(in srgb, var(--forest-light) 22%, var(--paper));
  fill-rule: evenodd;
  stroke: color-mix(in srgb, var(--forest) 28%, var(--paper));
  stroke-width: 0.75;
  cursor: zoom-in;
  vector-effect: non-scaling-stroke;
  transition: fill 240ms ease, stroke 240ms ease, opacity 240ms ease;
}

.world-map__country:hover {
  stroke: var(--signal-bright);
  stroke-width: 2;
}

.world-map__country.is-focused {
  fill: color-mix(in srgb, var(--signal-bright) 46%, var(--paper));
  stroke: var(--signal-bright);
  stroke-width: 2;
}

.world-map__country.is-source-reference,
.world-map__country.is-source-reference.is-focused,
.world-map__country.is-source-reference:hover {
  fill: color-mix(in srgb, var(--map-source) 42%, var(--paper));
  stroke: var(--map-source);
  stroke-width: 2.6;
}

.language-map__marker {
  position: absolute;
  z-index: 4;
  top: var(--map-y);
  left: var(--map-x);
  width: 18px;
  height: 18px;
  padding: 0;
  border: 3px solid var(--paper);
  border-radius: 50%;
  background: var(--map-priority);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 26%, transparent), 0 0 18px color-mix(in srgb, var(--map-priority) 55%, transparent);
  cursor: pointer;
  transform: translate(-50%, -50%) scale(var(--map-marker-scale, 1));
  transition: width 180ms var(--ease-out), height 180ms var(--ease-out), box-shadow 180ms ease, filter 180ms ease, transform 680ms var(--ease-out);
}

.language-map__marker::before {
  position: absolute;
  inset: -8px;
  border: 1px solid currentColor;
  border-radius: inherit;
  content: "";
  opacity: 0;
  animation: map-marker-pulse 3.4s ease-out infinite;
}

.language-map__marker::after {
  position: absolute;
  bottom: calc(100% + 9px);
  left: 50%;
  min-width: 32px;
  padding: 3px 7px;
  color: var(--white);
  border-radius: 6px;
  background: var(--ink-deep);
  content: attr(data-map-language-name);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  transform: translate(-50%, 5px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.language-map__marker:hover,
.language-map__marker:focus-visible,
.language-map__marker.is-selected {
  width: 23px;
  height: 23px;
  filter: saturate(118%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--paper) 72%, transparent), 0 0 28px currentColor;
}

.language-map__marker:hover::after,
.language-map__marker:focus-visible::after,
.language-map__marker.is-selected::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

.language-map__marker--source { color: var(--map-source); background: var(--map-source); }
.language-map__marker--complete { color: var(--map-complete); background: var(--map-complete); }
.language-map__marker--next { color: var(--map-next); background: var(--map-next); }
.language-map__marker--priority { color: var(--map-priority); background: var(--map-priority); }

.language-map__marker--source[data-map-location-kind="primary"]::after {
  content: attr(data-map-source-label);
  color: var(--ink-deep);
  background: color-mix(in srgb, var(--map-source) 36%, var(--paper));
  opacity: 1;
  transform: translate(-50%, 0);
}

.language-map.is-country-view .language-map__marker.is-selected::after,
.language-map.is-country-view .language-map__marker--source[data-map-location-kind="primary"]::after {
  opacity: 0;
}

.language-map.is-country-view .language-map__marker:hover::after,
.language-map.is-country-view .language-map__marker:focus-visible::after {
  opacity: 1;
}

.language-map__marker--secondary {
  width: 12px;
  height: 12px;
  border: 2px solid currentColor;
  background: var(--paper);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--paper) 76%, transparent), 0 0 13px currentColor;
  opacity: 0.22;
  pointer-events: none;
}

.language-map__marker--secondary::before {
  display: none;
}

.language-map__marker--secondary:hover,
.language-map__marker--secondary:focus-visible,
.language-map__marker--secondary.is-selected {
  width: 15px;
  height: 15px;
  opacity: 1;
  pointer-events: auto;
}

.language-map__marker--secondary.is-selected::after {
  opacity: 0;
}

.language-map__marker--secondary:hover::after,
.language-map__marker--secondary:focus-visible::after {
  opacity: 1;
}

.language-map__landmark {
  position: absolute;
  z-index: 8;
  top: var(--landmark-y);
  left: var(--landmark-x);
  width: 0;
  height: 0;
  pointer-events: none;
}

.language-map__landmark[hidden] {
  display: none;
}

.language-map__landmark-visual {
  position: absolute;
  bottom: 0;
  left: 0;
  display: grid;
  width: 96px;
  height: 96px;
  padding: 0;
  border: 0;
  place-items: center;
  color: inherit;
  background: transparent;
  transform: translateX(-50%) scale(var(--map-marker-scale, 1));
  transform-origin: center bottom;
  filter: drop-shadow(0 7px 8px rgba(3, 28, 29, 0.28));
  cursor: zoom-in;
  pointer-events: auto;
}

.language-map__landmark-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transition: transform 180ms ease, filter 180ms ease;
}

.language-map__landmark-visual:hover img,
.language-map__landmark-visual:focus-visible img {
  transform: scale(1.12);
  filter: brightness(1.06);
}

.language-map__landmark-visual i {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 38px;
  height: 48px;
  border: 1px solid color-mix(in srgb, var(--gold) 70%, white);
  background:
    radial-gradient(circle at 50% 35%, #fff4c9 0 12%, #d79a36 13% 30%, transparent 31%),
    linear-gradient(145deg, #36d7bd 0 42%, #08756d 43% 72%, #073e3e 100%);
  box-shadow: inset 4px 5px 8px rgba(255, 255, 255, 0.34), inset -5px -6px 9px rgba(1, 28, 29, 0.34), 0 8px 18px rgba(3, 28, 29, 0.3);
  clip-path: polygon(50% 100%, 9% 42%, 10% 25%, 20% 10%, 35% 2%, 50% 0, 65% 2%, 80% 10%, 90% 25%, 91% 42%);
  transform: translateX(-50%);
}

.language-map__landmark.has-artwork [data-map-landmark-fallback] {
  display: none;
}

html[data-theme-resolved="dark"] .language-map__landmark-visual {
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.58)) drop-shadow(0 0 9px rgba(55, 220, 193, 0.24));
}

.language-map__controls {
  position: absolute;
  z-index: 7;
  top: 16px;
  left: 16px;
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--paper) 90%, transparent);
  box-shadow: 0 10px 34px rgba(10, 32, 35, 0.14);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.language-map__controls button {
  display: grid;
  width: 40px;
  height: 40px;
  padding: 0;
  color: var(--ink);
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  cursor: pointer;
  place-items: center;
  transition: color 160ms ease, background-color 160ms ease;
}

.language-map__controls button:last-child {
  border-bottom: 0;
}

.language-map__controls button:hover,
.language-map__controls button:focus-visible {
  color: var(--signal);
  background: var(--signal-soft);
}

.language-map__controls button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.language-map__source-reference {
  position: absolute;
  z-index: 7;
  top: 16px;
  right: 16px;
  display: grid;
  min-width: 184px;
  padding: 10px 13px;
  color: var(--ink);
  border: 1px solid color-mix(in srgb, var(--map-source) 54%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--paper) 90%, transparent);
  box-shadow: 0 10px 34px rgba(10, 32, 35, 0.14);
  cursor: pointer;
  text-align: left;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.language-map__source-reference:hover,
.language-map__source-reference:focus-visible,
.language-map__source-reference.is-selected {
  border-color: var(--map-source);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--map-source) 18%, transparent), 0 14px 38px rgba(10, 32, 35, 0.18);
  transform: translateY(-1px);
}

.language-map__source-reference span,
.language-map__source-reference small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.language-map__source-reference strong {
  margin: 2px 0;
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 500;
}

.language-map__legend {
  position: absolute;
  z-index: 5;
  right: 18px;
  bottom: 17px;
  left: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 10px 14px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  box-shadow: 0 9px 30px rgba(10, 32, 35, 0.08);
  font-size: 12px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.language-map__legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.map-key {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.map-key--source { background: var(--map-source); }
.map-key--complete { background: var(--map-complete); }
.map-key--next { background: var(--map-next); }
.map-key--priority { background: var(--map-priority); }
.map-key--audience { border: 2px solid var(--map-priority); background: var(--paper); }

.language-map__detail {
  display: flex;
  min-width: 0;
  padding: 34px 30px;
  flex-direction: column;
  background: color-mix(in srgb, var(--surface) 74%, transparent);
}

.language-map__detail-panel {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.language-map__detail-panel[hidden] {
  display: none;
}

.language-map__detail > .eyebrow {
  margin-bottom: 22px;
  color: var(--gold);
}

.language-map__detail-title {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}

.language-map__detail-title > span {
  padding-top: 6px;
  color: var(--signal);
  border-top: 1px solid currentColor;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.language-map__detail-title h3 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: -0.035em;
}

.language-map__detail-title p {
  margin: 4px 0 0;
  color: var(--muted);
}

.language-map__population {
  padding: 24px 0;
  margin: 24px 0 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.language-map__population strong,
.language-map__population span {
  display: block;
}

.language-map__population strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: clamp(30px, 2.8vw, 42px);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.language-map__population span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.language-map__detail dl {
  margin: 22px 0 26px;
}

.language-map__detail dl > div {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
}

.language-map__detail dt {
  color: var(--muted);
  font-size: 12px;
}

.language-map__detail dd {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}

.language-map__detail .text-link {
  margin-top: auto;
}

.language-map__country-view > .eyebrow {
  margin-bottom: 22px;
  color: var(--gold);
}

.language-map__country-view-title {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
}

.language-map__country-view-title > span {
  padding-top: 6px;
  color: var(--signal);
  border-top: 1px solid currentColor;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.language-map__country-view-title h3 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.language-map__country-view-title p,
.language-map__country-view-intro,
.language-map__country-empty {
  color: var(--muted);
}

.language-map__country-view-title p {
  margin: 4px 0 0;
}

.language-map__country-view-intro {
  padding: 20px 0;
  margin: 22px 0 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  line-height: 1.65;
}

.language-map__country-languages {
  padding: 22px 0;
}

.language-map__country-languages > span {
  display: block;
  margin-bottom: 10px;
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.language-map__country-languages > div {
  display: grid;
  gap: 8px;
}

.language-map__country-language {
  display: flex;
  width: 100%;
  padding: 10px 12px;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--paper) 72%, transparent);
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.language-map__country-language:hover,
.language-map__country-language:focus-visible {
  border-color: var(--signal);
  background: var(--signal-soft);
  transform: translateX(2px);
}

.language-map__country-language strong {
  font-family: var(--font-serif);
  font-size: 16px;
  font-weight: 500;
}

.language-map__country-language span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-align: right;
  text-transform: uppercase;
}

.language-map__country-empty {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.language-map__country-landmark,
.language-map__country-mission {
  display: grid;
  gap: 6px;
  padding: 15px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--paper) 72%, transparent);
}

.language-map__country-landmark {
  align-items: center;
  gap: 12px;
}

.language-map__country-landmark.has-artwork {
  grid-template-columns: 74px minmax(0, 1fr);
}

.language-map__country-landmark-trigger {
  display: grid;
  width: 74px;
  height: 74px;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--signal) 30%, var(--line));
  border-radius: 12px;
  place-items: center;
  background: color-mix(in srgb, var(--signal-soft) 58%, var(--paper));
  cursor: zoom-in;
}

.language-map__country-landmark-trigger img {
  width: 68px;
  height: 68px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 6px 7px rgba(3, 28, 29, 0.18));
  transition: transform 180ms ease;
}

.language-map__country-landmark-trigger:hover img,
.language-map__country-landmark-trigger:focus-visible img {
  transform: scale(1.1);
}

.language-map__country-landmark > div {
  display: grid;
  min-width: 0;
  gap: 6px;
}

.language-map__country-landmark > div > span,
.language-map__country-mission > span {
  color: var(--gold);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.language-map__country-landmark > div > strong,
.language-map__country-mission strong {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 18px;
  font-weight: 500;
}

.language-map__country-landmark > div > p,
.language-map__country-mission p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.language-map__country-mission {
  border-color: color-mix(in srgb, var(--signal) 42%, var(--line));
  background: color-mix(in srgb, var(--signal-soft) 64%, var(--paper));
}

.language-map__country-mission a {
  display: inline-flex;
  width: fit-content;
  margin-top: 4px;
  gap: 7px;
  align-items: center;
  color: var(--signal);
  font-size: 12px;
  font-weight: 800;
}

.language-map__country-back {
  width: fit-content;
  padding: 0 0 3px;
  margin-bottom: 18px;
  color: var(--ink);
  border: 0;
  border-bottom: 1px solid var(--line-strong);
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}

.language-map__country-back:hover,
.language-map__country-back:focus-visible {
  color: var(--signal);
  border-color: currentColor;
}

.language-map__coverage {
  padding: 0 0 20px;
}

.language-map__coverage > span {
  display: block;
  margin-bottom: 6px;
  color: var(--gold);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.language-map__coverage p {
  max-height: 72px;
  padding-right: 4px;
  margin: 0;
  overflow: auto;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
  scrollbar-width: thin;
}

.language-map__priority {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--surface) 78%, transparent);
  box-shadow: 0 18px 50px rgba(10, 32, 35, 0.07);
}

.language-map__priority-heading {
  display: flex;
  gap: 32px;
  align-items: end;
  justify-content: space-between;
  padding: 26px 28px;
  border-bottom: 1px solid var(--line);
}

.language-map__priority-heading .eyebrow {
  margin-bottom: 5px;
}

.language-map__priority-heading h3 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: 29px;
  font-weight: 400;
}

.language-map__priority-heading > p {
  width: min(430px, 48%);
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.language-priority-list {
  display: grid;
  padding: 0;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
}

.language-priority-list li {
  min-width: 0;
  border-bottom: 1px solid var(--line);
}

.language-priority-list li:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.language-priority-list__item {
  display: grid;
  width: 100%;
  min-height: 74px;
  padding: 13px 18px;
  color: var(--text);
  border: 0;
  background: transparent;
  cursor: pointer;
  grid-template-columns: 35px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  transition: color 180ms ease, background-color 180ms ease;
}

.language-priority-list__item:hover,
.language-priority-list__item:focus-visible,
.language-priority-list__item.is-selected {
  background: var(--signal-soft);
}

.language-priority-list__rank {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.language-priority-list__name,
.language-priority-list__name strong,
.language-priority-list__name small {
  display: block;
  min-width: 0;
}

.language-priority-list__name strong {
  color: var(--ink);
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.language-priority-list__name small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
}

.language-priority-list__population {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.language-priority-list__item--source .language-priority-list__rank { color: #765018; }
.language-priority-list__item--complete .language-priority-list__rank { color: #0b6655; }
.language-priority-list__item--next .language-priority-list__rank { color: #70500f; }

.language-map__method {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 18px 20px;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--cream) 72%, transparent);
  font-size: 13px;
}

.language-map__method svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--signal);
}

body.has-map-landmark-lightbox {
  overflow: hidden;
}

.language-map__landmark-lightbox {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  padding: 24px;
  place-items: center;
  opacity: 0;
  transition: opacity 180ms ease;
}

.language-map__landmark-lightbox.is-open {
  opacity: 1;
}

.language-map__landmark-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 21, 23, 0.82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.language-map__landmark-lightbox-panel {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(560px, 100%);
  max-height: calc(100vh - 48px);
  padding: 36px;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: auto;
  align-items: center;
  flex-direction: column;
  color: var(--text);
  background: var(--paper);
  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.38);
  text-align: center;
  transform: translateY(16px) scale(0.97);
  transition: transform 220ms ease;
}

.language-map__landmark-lightbox.is-open .language-map__landmark-lightbox-panel {
  transform: translateY(0) scale(1);
}

.language-map__landmark-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  place-items: center;
  color: var(--ink);
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  cursor: pointer;
}

.language-map__landmark-lightbox-panel > .eyebrow {
  margin-bottom: 10px;
}

.language-map__landmark-lightbox-visual {
  display: grid;
  width: min(290px, 76vw);
  height: min(290px, 76vw);
  margin-bottom: 12px;
  border: 1px solid color-mix(in srgb, var(--signal) 28%, var(--line));
  border-radius: 50%;
  place-items: center;
  background: radial-gradient(circle, color-mix(in srgb, var(--signal-soft) 80%, var(--paper)) 0 52%, transparent 53%);
}

.language-map__landmark-lightbox-visual img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 18px 20px rgba(3, 28, 29, 0.24));
}

.language-map__landmark-lightbox-panel h3 {
  margin: 0 0 12px;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 500;
}

.language-map__landmark-lightbox-panel > p:not(.eyebrow) {
  max-width: 470px;
  margin: 0 0 24px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
}

html[data-theme-resolved="dark"] .language-map__landmark-lightbox-panel {
  color: #dce8e4;
  border-color: rgba(220, 232, 228, 0.2);
  background: #0d2b2e;
}

html[data-theme-resolved="dark"] .language-map__landmark-lightbox-panel h3,
html[data-theme-resolved="dark"] .language-map__landmark-lightbox-close {
  color: #ffffff;
}

html[data-theme-resolved="dark"] .language-map__landmark-lightbox-panel > p:not(.eyebrow) {
  color: #b9c9c6;
}

@media (max-width: 600px) {
  .language-map__landmark-lightbox { padding: 14px; }
  .language-map__landmark-lightbox-panel { max-height: calc(100vh - 28px); padding: 30px 20px 24px; }
  .language-map__landmark-lightbox-visual { width: min(210px, 62vw); height: min(210px, 62vw); }
  .language-map__landmark-lightbox-panel h3 { font-size: 2rem; }
}

@media (max-height: 760px) and (min-width: 601px) {
  .language-map__landmark-lightbox-panel { padding: 22px 32px; }
  .language-map__landmark-lightbox-panel > .eyebrow { margin-bottom: 4px; }
  .language-map__landmark-lightbox-visual { width: 190px; height: 190px; margin-bottom: 8px; }
  .language-map__landmark-lightbox-panel h3 { margin-bottom: 8px; font-size: 2.25rem; }
  .language-map__landmark-lightbox-panel > p:not(.eyebrow) { margin-bottom: 16px; font-size: 14px; }
}

.language-map__method p {
  margin: 0;
}

.language-map__method strong {
  color: var(--ink);
}

html[data-theme-resolved="dark"] .world-map__country {
  fill: color-mix(in srgb, var(--forest-light) 36%, var(--paper));
  stroke: color-mix(in srgb, var(--signal) 22%, var(--paper));
}

html[data-theme-resolved="dark"] .world-map__country.is-focused {
  fill: color-mix(in srgb, var(--signal-bright) 34%, var(--paper));
  stroke: var(--signal-bright);
}

html[data-theme-resolved="dark"] .world-map__country.is-source-reference,
html[data-theme-resolved="dark"] .world-map__country.is-source-reference.is-focused,
html[data-theme-resolved="dark"] .world-map__country.is-source-reference:hover {
  fill: color-mix(in srgb, var(--map-source) 48%, var(--paper));
  stroke: #f0c878;
}

html[data-theme-resolved="dark"] .language-map__controls button {
  color: var(--text);
}

html[data-theme-resolved="dark"] .language-map__searches select,
html[data-theme-resolved="dark"] .language-map__country-landmark strong,
html[data-theme-resolved="dark"] .language-map__country-mission strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .language-map__source-reference,
html[data-theme-resolved="dark"] .language-map__source-reference strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .language-map__population strong,
html[data-theme-resolved="dark"] .language-map__detail dd,
html[data-theme-resolved="dark"] .language-map__country-view-title h3,
html[data-theme-resolved="dark"] .language-map__country-language,
html[data-theme-resolved="dark"] .language-map__country-back,
html[data-theme-resolved="dark"] .language-priority-list__name strong,
html[data-theme-resolved="dark"] .language-priority-list__population,
html[data-theme-resolved="dark"] .language-card__audience strong,
html[data-theme-resolved="dark"] .language-map__method strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .global-network-grid strong {
  color: var(--text);
}

html[data-theme-resolved="dark"] .language-priority-list__item--source .language-priority-list__rank { color: #f0ca85; }
html[data-theme-resolved="dark"] .language-priority-list__item--complete .language-priority-list__rank { color: #8aefd4; }
html[data-theme-resolved="dark"] .language-priority-list__item--next .language-priority-list__rank { color: #f3cf7a; }

@keyframes map-scan {
  0%, 68% { transform: translateX(-120%); }
  90%, 100% { transform: translateX(580%); }
}

@keyframes map-marker-pulse {
  0%, 28% { opacity: 0; transform: scale(0.7); }
  42% { opacity: 0.34; }
  72%, 100% { opacity: 0; transform: scale(1.7); }
}

@media (max-width: 980px) {
  .language-map__stage { grid-template-columns: 1fr; }
  .language-map__canvas { min-height: 0; aspect-ratio: 1200 / 580; border-right: 0; border-bottom: 1px solid var(--line); }
  .language-map__detail { min-height: 420px; }
  .global-network-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .language-map__searches { grid-template-columns: 1fr; padding: 14px; }
  .language-map__canvas { min-height: 330px; aspect-ratio: auto; }
  .language-map__priority-heading { display: block; }
  .language-map__priority-heading > p { width: auto; margin-top: 12px; }
  .language-priority-list { grid-template-columns: 1fr; }
  .language-priority-list li:nth-child(odd) { border-right: 0; }
  .global-reach-heading__actions { justify-content: flex-start; }
  .global-network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .language-map__stage,
  .language-map__priority { border-radius: var(--radius-md); }
  .language-map__marker { width: 15px; height: 15px; border-width: 2px; }
  .language-map__marker:hover,
  .language-map__marker:focus-visible,
  .language-map__marker.is-selected { width: 20px; height: 20px; }
  .language-map__marker--secondary { width: 10px; height: 10px; }
  .language-map__marker--secondary:hover,
  .language-map__marker--secondary:focus-visible,
  .language-map__marker--secondary.is-selected { width: 14px; height: 14px; }
  .language-map__controls { top: 10px; left: 10px; }
  .language-map__controls button { width: 36px; height: 36px; }
  .language-map__source-reference { top: 10px; right: 10px; min-width: 0; max-width: 148px; padding: 8px 10px; }
  .language-map__source-reference strong { font-size: 15px; }
  .language-map__source-reference span,
  .language-map__source-reference small { font-size: 8px; }
  .language-map__legend { right: 10px; bottom: 10px; left: 10px; padding: 8px 10px; gap: 6px 10px; font-size: 10px; }
  .language-map__landmark-visual { width: 78px; height: 78px; }
  .language-map__country-landmark.has-artwork { grid-template-columns: 62px minmax(0, 1fr); }
  .language-map__country-landmark-trigger { width: 62px; height: 62px; }
  .language-map__country-landmark-trigger img { width: 56px; height: 56px; }
  .language-map__detail { min-height: 0; padding: 26px 22px; }
  .language-map__detail dl > div { grid-template-columns: 1fr; gap: 3px; }
  .language-map__detail dd { text-align: left; }
  .language-map__priority-heading { padding: 22px; }
  .language-priority-list__item { grid-template-columns: 30px minmax(0, 1fr); }
  .language-priority-list__population { grid-column: 2; font-size: 15px; }
  .global-network-grid { grid-template-columns: 1fr; }
  .global-network-grid > a { min-height: 170px; }
}

@media (prefers-reduced-motion: reduce) {
  .language-map__canvas::before,
  .language-map__marker::before { animation: none !important; }
  .language-map__landmark-lightbox,
  .language-map__landmark-lightbox-panel,
  .language-map__landmark-visual img,
  .language-map__country-landmark-trigger img { transition: none; }
}

@media (max-width: 680px) {
  .theme-toggle-imagebtn {
    width: 68px;
    height: 32px;
  }

  .brand-mark__symbol {
    width: 44px;
    height: 44px;
  }
}

/* Homepage copy and fundraising structure */
.home-hero__grid--single {
  min-height: 500px;
  padding-block: 8px 46px;
  grid-template-columns: minmax(0, 980px);
}

.home-hero__content--focused {
  max-width: 980px;
}

.home-hero__content--focused h1 {
  max-width: 960px;
}

.home-hero__undertaking {
  max-width: 760px;
  padding-left: 18px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.76);
  border-left: 2px solid var(--gold);
}

.home-hero__undertaking strong,
.home-hero__undertaking em {
  color: var(--white);
}

.home-sticky-actions {
  position: sticky;
  z-index: 90;
  top: 80px;
  color: var(--text);
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 94%, transparent);
  box-shadow: 0 14px 34px rgba(10, 32, 35, 0.12);
  -webkit-backdrop-filter: saturate(150%) blur(18px);
  backdrop-filter: saturate(150%) blur(18px);
}

.home-sticky-actions__inner {
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
}

.home-sticky-actions__proof {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.home-sticky-actions__proof span {
  display: inline-flex;
  align-items: center;
}

.home-sticky-actions__proof span + span::before {
  width: 4px;
  height: 4px;
  margin: 0 10px;
  border-radius: 50%;
  background: currentColor;
  content: "";
  opacity: 0.6;
}

.home-sticky-actions__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-sticky-actions__buttons .button {
  min-height: 42px;
  padding: 10px 14px;
  font-size: 0.72rem;
  white-space: nowrap;
}

html[data-theme-resolved="dark"] .home-sticky-actions {
  background: color-mix(in srgb, var(--paper) 94%, transparent);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

html[data-theme-resolved="dark"] .home-sticky-actions__proof {
  color: var(--gold-light);
}

html[data-theme-resolved="dark"] .home-sticky-actions__buttons .button--secondary {
  color: var(--text);
  border-color: rgba(220, 232, 228, 0.34);
}

html[data-theme-resolved="light"] .home-hero__undertaking,
html[data-theme-resolved="light"] .home-hero__undertaking strong,
html[data-theme-resolved="light"] .home-hero__undertaking em {
  color: var(--text);
}

.proof-section__heading > div {
  max-width: 780px;
}

.proof-section__introduction {
  max-width: 760px;
  margin: 16px 0 0;
  color: var(--muted);
  font-size: 0.95rem;
}

.global-reach-heading__research-note {
  display: inline-flex;
  width: fit-content;
  padding: 8px 12px;
  margin: 18px 0 0;
  color: var(--forest);
  border: 1px solid color-mix(in srgb, var(--signal) 32%, var(--line));
  border-radius: 999px;
  background: var(--signal-soft);
  font-size: 0.75rem;
  font-weight: 750;
}

.global-network-intro {
  display: grid;
  padding: 48px 0 28px;
  align-items: start;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(32px, 6vw, 88px);
}

.global-network-intro h3 {
  max-width: 520px;
  margin: 0;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 0.98;
}

.global-network-intro > div:last-child > p {
  max-width: 640px;
  margin: 0 0 22px;
  color: var(--muted);
  font-size: 1rem;
}

.global-network-intro .button-row {
  margin-top: 0;
}

html[data-theme-resolved="dark"] .global-reach-heading__research-note {
  color: var(--signal-bright);
}

.one-volume-section__process {
  color: var(--gold-light);
  font-size: 0.8rem !important;
  font-weight: 750;
  letter-spacing: 0.025em;
}

.one-volume-section__process span {
  margin-inline: 5px;
}

.one-volume-section__assurance {
  padding-left: 16px;
  border-left: 2px solid var(--gold);
  font-weight: 700;
}

.one-volume-figure > p {
  max-width: 230px;
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.8rem;
}

.contribution-scale {
  position: relative;
  z-index: 1;
  display: grid;
  margin-top: 54px;
  border: 1px solid var(--line-light);
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.contribution-scale > div {
  display: grid;
  min-height: 122px;
  padding: 22px;
  border-right: 1px solid var(--line-light);
  align-content: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.035);
}

.contribution-scale > div:last-child {
  border-right: 0;
}

.contribution-scale strong,
.contribution-scale span {
  display: block;
}

.contribution-scale strong {
  color: var(--white);
  font-family: var(--font-serif);
  font-size: 1.8rem;
  font-weight: 400;
}

.contribution-scale span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.72rem;
  line-height: 1.45;
}

.contribution-scale__complete {
  background: rgba(224, 187, 115, 0.12) !important;
}

html[data-theme-resolved="light"] .one-volume-section__process {
  color: var(--gold);
}

html[data-theme-resolved="light"] .one-volume-figure > p {
  color: var(--muted);
}

html[data-theme-resolved="light"] .contribution-scale {
  border-color: var(--line);
}

html[data-theme-resolved="light"] .contribution-scale > div {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.64);
}

html[data-theme-resolved="light"] .contribution-scale strong {
  color: var(--ink);
}

html[data-theme-resolved="light"] .contribution-scale span {
  color: var(--muted);
}

.how-work-section .section-heading {
  max-width: none;
  margin-bottom: 34px;
}

.how-work-section .section-heading h2 {
  font-size: clamp(2.3rem, 4.4vw, 4.15rem);
  white-space: nowrap;
}

.work-process-grid {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--line);
  box-shadow: var(--shadow-lift);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
}

.work-process-grid article {
  display: flex;
  min-height: 270px;
  padding: 28px 24px;
  flex-direction: column;
  background: var(--surface);
  transition: background-color 220ms ease, transform 260ms var(--ease-out);
}

.work-process-grid article:hover {
  z-index: 1;
  background: color-mix(in srgb, var(--surface) 86%, var(--signal) 14%);
  transform: translateY(-4px);
}

.work-process-grid article > span {
  color: var(--gold);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.work-process-grid article > svg {
  margin: auto 0 32px;
  color: var(--gold);
}

.work-process-grid h3 {
  margin-bottom: 9px;
  font-family: var(--font-serif);
  font-size: 1.45rem;
  font-weight: 400;
}

.work-process-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

html[data-theme-resolved="dark"] .work-process-grid article {
  background: var(--surface);
}

.metric-grid--six {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.metric-grid--six article {
  min-width: 0;
  padding: 24px 20px;
}

.metric-grid--six strong {
  font-size: clamp(1.8rem, 2.6vw, 2.4rem);
}

.metric-grid strong.metric-grid__status,
.metric-grid--six strong.metric-grid__status {
  font-family: var(--font-sans);
  font-size: 0.86rem;
  font-weight: 750;
  letter-spacing: 0;
}

.transparency-prelaunch {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--line);
  box-shadow: var(--shadow-lift);
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.55fr);
  gap: 1px;
}

.transparency-prelaunch__status {
  padding: 36px;
  color: var(--white);
  background: linear-gradient(145deg, var(--forest), var(--ink));
}

.transparency-prelaunch__status > span {
  display: block;
  margin-bottom: 18px;
  color: var(--gold-light);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.transparency-prelaunch__status strong {
  display: block;
  max-width: 430px;
  margin-bottom: 16px;
  font-family: var(--font-serif);
  font-size: clamp(1.75rem, 2.8vw, 2.55rem);
  font-weight: 400;
  line-height: 1.08;
}

.transparency-prelaunch__status p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.88rem;
}

.transparency-prelaunch__commitments {
  display: grid;
  background: var(--line);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
}

.transparency-prelaunch__commitments article {
  padding: 32px 24px;
  background: var(--surface);
}

.transparency-prelaunch__commitments svg {
  margin-bottom: 52px;
  color: var(--gold);
}

.transparency-prelaunch__commitments strong {
  display: block;
  margin-bottom: 9px;
  font-family: var(--font-serif);
  font-size: 1.2rem;
  font-weight: 400;
}

.transparency-prelaunch__commitments p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
}

.founder-home-section .founder-copy > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 1rem;
}

.home-final-cta__grid {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.4fr);
  gap: 48px;
}

.home-final-cta h2 {
  max-width: none;
  font-size: clamp(2.4rem, 3.9vw, 3.8rem);
  white-space: nowrap;
}

.home-final-cta p {
  max-width: 680px;
}

.home-final-cta p strong {
  color: var(--gold-light);
  font-family: var(--font-serif);
  font-size: 1.5rem;
  font-weight: 400;
}

.home-final-cta__line {
  padding: 28px;
  margin: 0;
  color: var(--white);
  border: 1px solid var(--line-light);
  background: rgba(255, 255, 255, 0.04);
  font-family: var(--font-serif);
  font-size: 1.75rem;
  line-height: 1.3;
}

html[data-theme-resolved="light"] .home-final-cta p strong {
  color: var(--gold);
}

html[data-theme-resolved="light"] .home-final-cta__line {
  color: var(--ink);
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.68);
}

@media (max-width: 1100px) {
  .contribution-scale,
  .work-process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .metric-grid--six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .transparency-prelaunch {
    grid-template-columns: 1fr;
  }

  .home-final-cta__grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 900px) {
  .home-final-cta h2 {
    white-space: normal;
  }
}

@media (max-width: 760px) {
  .how-work-section .section-heading h2 {
    font-size: clamp(2.1rem, 11vw, 3.3rem);
    white-space: normal;
  }

  .home-hero__grid--single {
    min-height: 0;
    padding-block: 28px 48px;
    grid-template-columns: 1fr;
  }

  .home-sticky-actions {
    top: 70px;
  }

  .home-sticky-actions__inner {
    display: grid;
    min-height: 0;
    padding-block: 9px;
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .home-sticky-actions__proof {
    justify-content: space-between;
    font-size: 0.58rem;
    letter-spacing: 0.015em;
  }

  .home-sticky-actions__proof span + span::before {
    display: none;
  }

  .home-sticky-actions__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .home-sticky-actions__buttons .button {
    min-width: 0;
    min-height: 38px;
    padding: 8px 9px;
    font-size: 0.62rem;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
  }

  .global-network-intro {
    padding-top: 38px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .contribution-scale,
  .work-process-grid,
  .metric-grid--six,
  .home-final-cta__grid {
    grid-template-columns: 1fr;
  }

  .contribution-scale > div {
    min-height: 96px;
    border-right: 0;
    border-bottom: 1px solid var(--line-light);
  }

  html[data-theme-resolved="light"] .contribution-scale > div {
    border-color: var(--line);
  }

  .work-process-grid article {
    min-height: 220px;
  }

  .transparency-prelaunch__status {
    padding: 30px 24px;
  }

  .transparency-prelaunch__commitments {
    grid-template-columns: 1fr;
  }

  .transparency-prelaunch__commitments article {
    padding: 24px;
  }

  .transparency-prelaunch__commitments svg {
    margin-bottom: 22px;
  }

  .home-final-cta__grid {
    gap: 36px;
  }
}

@media (max-width: 520px) {
  .english-method-summary {
    padding-top: 18px;
  }
}

/* English reader offer and private reader panel */
.proof-section__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.english-reader-invitation {
  padding-block: 72px;
}

.english-reader-invitation__grid,
.reader-method-note__grid {
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
  gap: clamp(42px, 7vw, 96px);
}

.english-reader-invitation h2,
.reader-method-note h2 {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--white);
  font-size: clamp(2.5rem, 4.8vw, 4.7rem);
  line-height: 0.98;
}

.english-reader-invitation__grid > div:last-child > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
}

.reader-hero-record {
  display: grid;
  min-height: 260px;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  align-content: end;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 18px 18px 0 rgba(188, 140, 66, 0.12);
}

/* This record sits below the initial viewport on some tablet heights. Keep it
   visible so the hero never reserves a blank column while reveal effects load. */
.reveal-ready .reader-hero-record.reveal {
  opacity: 1;
  transform: none;
  transition: none;
}

.reader-hero-record span,
.reader-book-card span,
.reader-referral-progress > span {
  color: var(--gold-light);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.reader-hero-record strong {
  display: block;
  margin: 10px 0 4px;
  color: var(--white);
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 400;
}

.reader-hero-record small {
  color: rgba(255, 255, 255, 0.68);
}

.reader-offer,
.reader-unlocked,
.reader-referrals {
  padding-block: 72px;
}

.reader-offer__heading {
  display: grid;
  max-width: 900px;
  margin-bottom: 34px;
  grid-template-columns: 1fr;
}

.reader-offer__heading h2 {
  margin-bottom: 12px;
  font-size: clamp(2.6rem, 5vw, 4.7rem);
}

.reader-offer__heading > p:last-child {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
}

.reader-offer__grid {
  display: grid;
  align-items: stretch;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 24px;
}

.reader-sample-card,
.reader-access-form,
.reader-referral-progress {
  border: 1px solid var(--line);
  background: var(--paper);
  box-shadow: var(--shadow);
}

.reader-sample-card {
  display: grid;
  min-height: 510px;
  padding: 30px;
  align-items: center;
  grid-template-columns: minmax(130px, 0.55fr) minmax(0, 1fr);
  gap: 30px;
}

.reader-sample-card img,
.reader-book-card img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--line);
  box-shadow: 12px 16px 30px rgba(16, 44, 48, 0.18);
}

.reader-sample-card h3 {
  margin-bottom: 12px;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  font-weight: 400;
}

.reader-sample-card div > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 0.85rem;
}

.reader-access-form {
  padding: clamp(30px, 4vw, 48px);
}

.reader-access-form__heading h2 {
  margin-bottom: 8px;
  font-size: clamp(2.4rem, 4vw, 3.7rem);
}

.reader-access-form__heading > p:last-child,
.reader-access-form__privacy {
  color: var(--muted);
}

.reader-access-form__privacy {
  display: flex;
  margin: 24px 0 0;
  align-items: center;
  gap: 8px;
  font-size: 0.7rem;
}

.reader-referral-notice {
  display: flex;
  padding: 12px 14px;
  margin: 20px 0;
  border: 1px solid color-mix(in srgb, var(--signal) 38%, var(--line));
  align-items: center;
  gap: 9px;
  color: var(--forest);
  background: var(--signal-soft);
  font-size: 0.76rem;
  font-weight: 700;
}

.reader-unlocked__grid {
  display: grid;
  min-height: 520px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 440px;
  gap: clamp(50px, 9vw, 130px);
}

.reader-unlocked__copy h2 {
  margin-bottom: 16px;
  font-size: clamp(3rem, 6vw, 5.5rem);
}

.reader-unlocked__copy > p:not(.eyebrow) {
  max-width: 650px;
  color: var(--muted);
}

.reader-book-card {
  display: grid;
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--cream);
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
}

.reader-book-card > div {
  align-self: end;
}

.reader-book-card strong,
.reader-book-card small {
  display: block;
}

.reader-book-card strong {
  margin-top: 10px;
  font-family: var(--font-serif);
  font-size: 1.65rem;
  font-weight: 400;
}

.reader-book-card small {
  color: var(--muted);
}

.reader-referrals__grid {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: clamp(48px, 8vw, 110px);
}

.reader-referrals h2 {
  max-width: 760px;
  margin-bottom: 16px;
  font-size: clamp(2.8rem, 5.4vw, 5rem);
}

.reader-referrals__grid > div:first-child > p:not(.eyebrow) {
  max-width: 680px;
  color: var(--muted);
}

.reader-share-field {
  display: grid;
  max-width: 720px;
  margin-top: 26px;
  gap: 7px;
}

.reader-share-field > span:first-child {
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 750;
}

.reader-share-field > span:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.reader-share-field input,
.reader-share-field button {
  min-height: 48px;
  border: 1px solid var(--line-strong);
}

.reader-share-field input {
  min-width: 0;
  padding: 11px 13px;
  color: var(--text);
  background: var(--paper);
}

.reader-share-field button {
  padding: 0 20px;
  color: var(--white);
  border-color: var(--forest);
  background: var(--forest);
  font-weight: 800;
  cursor: pointer;
}

.reader-share-status {
  min-height: 20px;
  margin: 8px 0 0;
  color: var(--forest);
  font-size: 0.72rem;
}

.reader-referral-progress {
  padding: 34px;
}

.reader-referral-progress > strong {
  display: block;
  margin: 20px 0;
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1;
}

.reader-referral-progress > strong small {
  color: var(--muted);
  font-family: var(--font-sans);
  font-size: 0.9rem;
  font-weight: 700;
}

.reader-referral-progress__track {
  height: 8px;
  overflow: hidden;
  background: var(--cream-deep);
}

.reader-referral-progress__track i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--forest), var(--signal));
}

.reader-referral-progress > p {
  margin: 14px 0 24px;
  color: var(--muted);
  font-size: 0.72rem;
}

.reader-reward-locked {
  pointer-events: none;
  opacity: 0.68;
}

.reader-method-note {
  padding-block: 64px;
}

.reader-method-note__items {
  display: grid;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.reader-method-note__items span {
  display: grid;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  grid-template-columns: 30px 1fr;
  color: rgba(255, 255, 255, 0.78);
  gap: 10px;
}

.reader-method-note__items svg {
  color: var(--gold-light);
}

html[data-theme-resolved="dark"] :is(.reader-sample-card, .reader-access-form, .reader-referral-progress) {
  background: var(--paper);
}

html[data-theme-resolved="dark"] :is(.reader-referral-progress > strong, .reader-book-card strong, .reader-share-field > span:first-child) {
  color: var(--text);
}

html[data-theme-resolved="dark"] .reader-share-field input {
  color: var(--text);
  background: #0a2023;
}

html[data-theme-resolved="light"] .page-hero--ink .reader-hero-record {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 18px 18px 0 rgba(188, 140, 66, 0.1);
}

html[data-theme-resolved="light"] .page-hero--ink .reader-hero-record :is(strong, small) {
  color: var(--text);
}

html[data-theme-resolved="light"] .page-hero--ink .reader-hero-record span {
  color: var(--gold);
}

html[data-theme-resolved="light"] :is(.english-reader-invitation, .reader-method-note) h2 {
  color: var(--ink);
}

html[data-theme-resolved="light"] .english-reader-invitation__grid > div:last-child > p,
html[data-theme-resolved="light"] .reader-method-note__items span {
  color: var(--text);
}

html[data-theme-resolved="light"] .reader-method-note__items,
html[data-theme-resolved="light"] .reader-method-note__items span {
  border-color: var(--line);
}

html[data-theme-resolved="dark"] .reader-referral-notice {
  color: var(--signal-bright);
  background: rgba(42, 211, 184, 0.08);
}

@media (max-width: 980px) {
  .english-reader-invitation__grid,
  .reader-method-note__grid,
  .reader-unlocked__grid,
  .reader-referrals__grid,
  .reader-offer__grid {
    grid-template-columns: 1fr;
  }

  .reader-unlocked__grid,
  .reader-referrals__grid {
    min-height: 0;
  }

  .reader-book-card,
  .reader-referral-progress {
    max-width: 520px;
  }
}

@media (max-width: 680px) {
  .proof-section__actions {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .proof-section__actions .button {
    width: 100%;
  }

  .english-reader-invitation,
  .reader-offer,
  .reader-unlocked,
  .reader-referrals,
  .reader-method-note {
    padding-block: 56px;
  }

  .reader-sample-card,
  .reader-book-card {
    grid-template-columns: 1fr;
  }

  .reader-sample-card img {
    width: min(210px, 70%);
  }

  .reader-book-card img {
    width: min(190px, 65%);
  }

  .reader-share-field > span:last-child {
    grid-template-columns: 1fr;
  }

  .reader-share-field button {
    margin-top: 8px;
  }
}

/* Secure reader account and operational administration */
.reader-dashboard-hero {
  padding-block: clamp(72px, 9vw, 126px);
  color: var(--white);
  background:
    radial-gradient(circle at 82% 24%, rgba(199, 151, 76, 0.2), transparent 26%),
    linear-gradient(135deg, #062e31, #0a4545);
}

.reader-dashboard-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
}

.reader-dashboard-hero h1 {
  max-width: 820px;
  margin: 12px 0 16px;
  color: inherit;
  font-size: clamp(3rem, 7vw, 6.8rem);
}

.reader-dashboard-hero p:last-child { max-width: 640px; margin: 0; color: rgba(255, 255, 255, 0.74); }
.reader-dashboard-main { padding-block: clamp(42px, 7vw, 92px); background: var(--paper); }
.reader-dashboard-stack { display: grid; gap: 28px; }

.reader-panel-notice {
  display: flex;
  padding: 18px 20px;
  border: 1px solid var(--line-strong);
  align-items: flex-start;
  background: var(--surface);
  color: var(--text);
  gap: 14px;
}

.reader-panel-notice > svg { flex: 0 0 auto; margin-top: 2px; }
.reader-panel-notice strong { display: block; margin-bottom: 4px; color: var(--ink); }
.reader-panel-notice p { margin: 0; color: var(--muted); }
.reader-panel-notice form { margin-top: 10px; }
.reader-panel-notice .form-message { margin: 8px 0 0; }
.reader-panel-notice--success { border-color: rgba(13, 124, 102, 0.38); background: var(--mint); }
.reader-panel-notice--attention { border-color: rgba(174, 111, 36, 0.42); background: color-mix(in srgb, var(--gold-light) 14%, var(--surface)); }

.reader-account-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  background: var(--surface);
}

.reader-account-stats article { min-height: 160px; padding: 26px; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid var(--line); }
.reader-account-stats article:first-child { border-left: 0; }
.reader-account-stats span { color: var(--gold); font-size: .69rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.reader-account-stats strong { margin: 15px 0 7px; color: var(--ink); font-family: var(--font-serif); font-size: clamp(2rem, 3.2vw, 3.3rem); font-weight: 500; line-height: 1; }
.reader-account-stats strong small { color: var(--muted); font-family: var(--font-sans); font-size: .82rem; }
.reader-account-stats > article > small { color: var(--muted); }

.reader-panel-section { padding: clamp(28px, 4vw, 48px); border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-soft); }
.reader-panel-heading { display: flex; margin-bottom: 28px; align-items: flex-end; justify-content: space-between; gap: 28px; }
.reader-panel-heading h2 { margin: 6px 0 0; }
.reader-panel-heading > p { max-width: 380px; margin: 0; color: var(--muted); text-align: right; }
.reader-library-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.reader-library-book { display: grid; min-height: 330px; padding: 26px; border: 1px solid var(--line); align-items: center; grid-template-columns: 150px 1fr; background: var(--paper); gap: 28px; }
.reader-library-book img { width: 100%; height: auto; box-shadow: 0 18px 34px rgba(9, 35, 38, 0.16); filter: saturate(.76); }
.reader-library-book--available img { filter: none; }
.reader-library-book h3 { margin: 16px 0 6px; font-size: clamp(1.75rem, 3vw, 2.65rem); }
.reader-library-book p { margin: 0 0 22px; color: var(--muted); }
.reader-library-book .button { width: 100%; }
.reader-panel-section.reader-referrals { padding-block: clamp(34px, 5vw, 58px); }
.reader-account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.reader-account-form { display: grid; padding: clamp(24px, 3vw, 34px); border: 1px solid var(--line); background: var(--paper); gap: 17px; }
.reader-account-form h3 { margin: 0 0 4px; font-size: 1.7rem; }
.reader-account-form .field { display: grid; gap: 7px; }
.reader-account-form .field > span { font-size: .78rem; font-weight: 800; }
.reader-account-form .field input { width: 100%; min-height: 49px; padding: 12px 13px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--text); }
.reader-account-form .field input[readonly] { color: var(--muted); background: color-mix(in srgb, var(--paper) 72%, var(--line)); }
.field-note { margin: -8px 0 0; color: var(--muted); font-size: .72rem; }
.reader-account-help { margin: 22px 0 0; color: var(--muted); font-size: .8rem; }

.reader-auth-shell {
  min-height: calc(100vh - 150px);
  padding-block: clamp(64px, 9vw, 128px);
  background:
    linear-gradient(rgba(8, 45, 47, 0.86), rgba(8, 45, 47, 0.94)),
    radial-gradient(circle at 12% 12%, rgba(66, 194, 166, 0.3), transparent 34%);
}

.reader-auth-grid { display: grid; align-items: center; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .72fr); gap: clamp(48px, 9vw, 130px); }
.reader-register-layout { display: grid; align-items: center; grid-template-columns: minmax(0, .82fr) minmax(440px, 1.05fr); gap: clamp(42px, 7vw, 100px); }
.reader-register-layout .reader-access-form { box-shadow: 20px 20px 0 rgba(199, 151, 76, .13); }
.reader-auth-intro { color: var(--white); }
.reader-auth-intro h1 { max-width: 720px; margin: 14px 0 22px; color: inherit; font-size: clamp(3.4rem, 7vw, 7rem); }
.reader-auth-intro > p:last-of-type { max-width: 640px; color: rgba(255, 255, 255, .76); font-size: 1.05rem; }
.reader-auth-points { display: grid; max-width: 560px; margin-top: 34px; border-top: 1px solid rgba(255, 255, 255, .2); }
.reader-auth-points span { display: flex; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); align-items: center; gap: 12px; }
.reader-auth-points svg { color: var(--gold-light); }
.reader-auth-card { padding: clamp(28px, 4vw, 48px); border: 1px solid rgba(255, 255, 255, .18); background: var(--surface); box-shadow: 20px 20px 0 rgba(199, 151, 76, .13); }
.reader-auth-card h2 { margin: 6px 0 24px; }
.reader-auth-card form { display: grid; gap: 18px; }
.reader-auth-card .field { display: grid; gap: 7px; color: var(--ink); font-size: .78rem; font-weight: 800; }
.reader-auth-card .field input { width: 100%; min-height: 50px; padding: 12px 13px; border: 1px solid var(--line-strong); background: var(--paper); color: var(--text); }
.reader-auth-card .field small { color: var(--muted); font-weight: 500; }
.reader-auth-card .form-message { margin: 0; }
.reader-auth-links { display: flex; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); justify-content: space-between; gap: 18px; font-size: .78rem; }

.reader-access-form__signin { margin: 4px 0 0; color: var(--muted); font-size: .78rem; }
.reader-access-form .field small { color: var(--muted); font-size: .7rem; font-weight: 500; }
.consent-field--optional { padding: 14px; border: 1px dashed var(--line-strong); background: color-mix(in srgb, var(--surface) 90%, var(--sage)); }

.admin-section-nav { min-height: 42px; display: flex; align-items: center; gap: 24px; overflow-x: auto; border-top: 1px solid var(--line); }
.admin-section-nav a { flex: 0 0 auto; color: var(--muted); font-size: .73rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.admin-reader-stats { display: grid; margin-bottom: 22px; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line); }
.admin-reader-stats article { min-height: 96px; padding: 18px; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid var(--line); }
.admin-reader-stats article:first-child { border-left: 0; }
.admin-reader-stats strong { color: var(--ink); font-family: var(--font-serif); font-size: 2rem; font-weight: 500; }
.admin-reader-stats span { color: var(--muted); font-size: .68rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.admin-reader-filter { grid-template-columns: minmax(180px, 1.6fr) repeat(4, minmax(96px, 1fr)) auto auto; }
.admin-reader-table { min-width: 1380px; }
.admin-reader-table td:first-child,
.admin-reader-table td:nth-child(4) { display: grid; gap: 4px; }
.admin-reader-table td:first-child small { color: var(--muted); font-size: .63rem; }
.admin-reader-table td:nth-child(4) small { color: var(--muted); }
.admin-reader-table code { color: var(--ink); font-size: .72rem; }
.admin-text-action { padding: 0; border: 0; color: #9d4b3f; background: transparent; font: inherit; font-weight: 800; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.admin-muted-action { color: var(--muted); font-size: .7rem; }

html[data-theme-resolved="dark"] :is(.reader-panel-notice, .reader-account-stats, .reader-panel-section, .reader-library-book, .reader-account-form, .reader-auth-card) { background: var(--surface); }
html[data-theme-resolved="dark"] :is(.reader-account-stats strong, .reader-panel-notice strong, .reader-account-form h3, .reader-auth-card h2, .reader-auth-card .field, .admin-reader-stats strong, .admin-reader-table code) { color: var(--text); }
html[data-theme-resolved="dark"] :is(.reader-account-form .field input, .reader-auth-card .field input) { color: var(--text); background: #0a2023; }
html[data-theme-resolved="dark"] .reader-panel-notice--success { background: rgba(37, 150, 125, .12); }
html[data-theme-resolved="dark"] .reader-panel-notice--attention { background: rgba(190, 132, 54, .12); }
html[data-theme-resolved="light"] .reader-referral-progress > span { color: var(--gold); }

@media (max-width: 1100px) {
  .reader-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reader-account-stats article:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .reader-account-stats article:nth-child(4) { border-top: 1px solid var(--line); }
  .reader-library-grid,
  .reader-account-grid { grid-template-columns: 1fr; }
  .reader-auth-grid,
  .reader-register-layout { grid-template-columns: 1fr; gap: 44px; }
  .reader-auth-intro h1 { max-width: 800px; }
  .admin-reader-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .reader-dashboard-hero__inner,
  .reader-panel-heading { align-items: flex-start; flex-direction: column; }
  .reader-dashboard-hero h1,
  .reader-auth-intro h1 { font-size: clamp(2.8rem, 15vw, 4.5rem); }
  .reader-panel-heading > p { text-align: left; }
  .reader-account-stats { grid-template-columns: 1fr; }
  .reader-account-stats article { min-height: 122px; border-top: 1px solid var(--line); border-left: 0; }
  .reader-account-stats article:first-child { border-top: 0; }
  .reader-library-book { grid-template-columns: 92px 1fr; padding: 18px; gap: 18px; }
  .reader-library-book .button { min-height: 45px; padding-inline: 14px; font-size: .72rem; }
  .reader-auth-grid,
  .reader-register-layout { display: block; }
  .reader-auth-card { margin-top: 40px; box-shadow: 10px 10px 0 rgba(199, 151, 76, .13); }
  .reader-register-layout .reader-access-form { margin-top: 40px; box-shadow: 10px 10px 0 rgba(199, 151, 76, .13); }
  .reader-auth-links { align-items: flex-start; flex-direction: column; }
  .admin-reader-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-reader-stats article:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; }
  .admin-reader-stats article:nth-child(4) { border-top: 1px solid var(--line); }
  .admin-section-nav { padding-inline: 0; }
}

/* Encrypted support ticket system */
.contact-form :is(input, select, textarea) { width: 100%; }
.contact-form select { min-height: 50px; padding: 12px 14px; border: 1px solid var(--line-strong); border-radius: 0; background: var(--surface); color: var(--text); font: inherit; }
.support-hero { padding: clamp(72px, 9vw, 132px) 0; color: var(--white); background: radial-gradient(circle at 85% 20%, rgba(199, 151, 76, .2), transparent 34%), linear-gradient(135deg, #082f31, #0b4140 58%, #123431); }
.support-hero--compact { min-height: 590px; display: grid; align-items: center; }
.support-hero--inbox { padding-block: clamp(56px, 7vw, 92px); }
.support-hero__grid { display: grid; align-items: center; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .65fr); gap: clamp(42px, 9vw, 130px); }
.support-hero h1 { max-width: 820px; margin: 14px 0 22px; color: inherit; font-size: clamp(4rem, 8vw, 8.4rem); }
.support-hero--inbox h1 { font-size: clamp(3.3rem, 7vw, 6.8rem); }
.support-hero__grid > div > p:not(.eyebrow) { max-width: 700px; margin-bottom: 32px; color: rgba(255, 255, 255, .75); font-size: 1.05rem; }
.support-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.support-hero__actions .button--outline { color: var(--white); border-color: rgba(255, 255, 255, .45); }
.support-hero--inbox .support-hero__grid { grid-template-columns: minmax(0, 1fr) auto; }
.support-security-card { min-height: 330px; padding: clamp(28px, 4vw, 48px); display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid rgba(255,255,255,.2); background: rgba(5, 32, 34, .55); box-shadow: 22px 22px 0 rgba(199, 151, 76, .12); }
.support-security-card span { color: var(--gold-light); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.support-security-card strong { margin: 16px 0 12px; font-family: var(--font-serif); font-size: 2.1rem; font-weight: 500; }
.support-security-card p { margin: 0; color: rgba(255,255,255,.7); }
.support-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); }
.support-principles article { min-height: 310px; padding: clamp(28px, 4vw, 48px); border-left: 1px solid var(--line); }
.support-principles article:first-child { border-left: 0; }
.support-principles span { color: var(--gold); font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.support-principles h2 { margin: 70px 0 16px; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.support-principles p { margin: 0; color: var(--muted); }
.support-legacy-note { margin-top: 18px; color: var(--muted); font-size: .75rem; }
.support-account-gate { padding: clamp(28px, 4vw, 46px); border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.support-account-gate h2 { margin: 8px 0 14px; font-size: clamp(2rem, 3.5vw, 3.25rem); }
.support-account-gate > p:not(.eyebrow):not(.support-form-safety) { color: var(--muted); }
.support-account-gate__actions { display: flex; margin: 26px 0; flex-wrap: wrap; gap: 10px; }
.support-account-gate__benefits { display: grid; padding: 0; margin: 0; border-top: 1px solid var(--line); list-style: none; }
.support-account-gate__benefits li { display: flex; padding: 13px 0; border-bottom: 1px solid var(--line); align-items: center; color: var(--text); gap: 10px; }
.support-account-gate__benefits svg { color: var(--forest-light); }
.support-state { min-height: calc(100vh - 360px); padding: clamp(90px, 12vw, 170px) 0; display: grid; align-items: center; background: var(--paper); }
.support-state .container { max-width: 820px; margin-left: max(24px, calc((100vw - 1180px) / 2)); }
.support-state h1 { margin: 12px 0 22px; font-size: clamp(3.4rem, 8vw, 7rem); }
.support-state p:not(.eyebrow) { max-width: 660px; margin-bottom: 30px; color: var(--muted); font-size: 1.05rem; }
.support-alert { margin-bottom: 22px; padding: 18px 20px; display: grid; border: 1px solid currentColor; gap: 5px; }
.support-alert--success { color: #075a4c; background: #edf9f5; }
.support-alert--error { color: #8a342d; background: #fff1ed; }
.support-empty { min-height: 440px; padding: clamp(36px, 7vw, 80px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border: 1px solid var(--line); background: var(--surface); }
.support-empty h2 { margin: 10px 0 14px; font-size: clamp(2.4rem, 5vw, 4.7rem); }
.support-empty p:not(.eyebrow) { max-width: 600px; margin: 0 0 28px; color: var(--muted); }
.support-ticket-list { border: 1px solid var(--line); background: var(--surface); }
.support-ticket-row { min-height: 150px; padding: 27px 30px; display: grid; align-items: center; grid-template-columns: minmax(0, 1fr) auto; border-bottom: 1px solid var(--line); color: var(--text); gap: 30px; transition: background .2s ease, transform .2s ease; }
.support-ticket-row:last-child { border-bottom: 0; }
.support-ticket-row:hover { background: color-mix(in srgb, var(--surface) 88%, var(--sage)); transform: translateX(4px); }
.support-ticket-row__reference { color: var(--gold); font-size: .69rem; font-weight: 850; letter-spacing: .1em; }
.support-ticket-row h2 { margin: 8px 0 5px; font-size: clamp(1.65rem, 3vw, 2.4rem); }
.support-ticket-row p { margin: 0; color: var(--muted); }
.support-ticket-row > div:last-child { display: grid; justify-items: end; gap: 12px; }
.support-ticket-row time { color: var(--muted); font-size: .72rem; }
.support-status { display: inline-flex; width: fit-content; padding: 7px 10px; border: 1px solid currentColor; color: var(--forest-light); font-size: .65rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.support-status--pending_admin { color: #a45126; }
.support-status--pending_requester { color: #2f657b; }
.support-status--resolved { color: #11735e; }
.support-status--closed { color: var(--muted); }
.support-thread-hero { padding: clamp(54px, 7vw, 90px) 0; border-bottom: 1px solid var(--line); background: linear-gradient(105deg, var(--cream), var(--paper)); }
.support-thread-hero__grid { display: grid; align-items: end; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; }
.support-thread-hero h1 { max-width: 920px; margin: 18px 0; font-size: clamp(3rem, 6vw, 6rem); overflow-wrap: anywhere; }
.support-thread-hero p:not(.eyebrow) { margin: 0; color: var(--muted); }
.support-back { display: inline-flex; margin-bottom: 20px; color: var(--muted); font-size: .78rem; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.support-thread-hero__status { display: grid; justify-items: end; gap: 12px; }
.support-thread-hero__status small { color: var(--muted); }
.support-thread-layout { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr) minmax(290px, 350px); gap: 24px; }
.support-conversation { min-width: 0; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--line); background: var(--surface); }
.support-conversation__heading { margin-bottom: 28px; display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.support-conversation__heading h2 { margin: 6px 0 0; }
.support-conversation__heading > span { color: var(--muted); font-size: .72rem; }
.support-message-list { margin: 0; padding: 0; display: grid; list-style: none; gap: 16px; }
.support-message { max-width: 88%; padding: 22px; border: 1px solid var(--line); background: var(--paper); }
.support-message--admin { margin-right: auto; border-left: 4px solid var(--forest-light); }
.support-message--requester { margin-left: auto; border-right: 4px solid var(--gold); }
.support-message--internal { max-width: 100%; margin: 0; border: 1px solid #b76b36; background: color-mix(in srgb, var(--surface) 83%, #dfb276); }
.support-message header { margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.support-message header strong { color: var(--ink); }
.support-message time { color: var(--muted); font-size: .68rem; }
.support-message > div { color: var(--text); line-height: 1.75; overflow-wrap: anywhere; }
.support-message footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid currentColor; color: #7b431d; font-size: .7rem; font-weight: 750; }
.support-reply-form { margin-top: 34px; padding-top: 30px; display: grid; border-top: 1px solid var(--line); gap: 18px; }
.support-reply-form label,
.support-csat label { display: grid; color: var(--ink); font-size: .82rem; font-weight: 800; gap: 8px; }
.support-reply-form textarea,
.support-csat textarea { width: 100%; padding: 14px; border: 1px solid var(--line-strong); background: var(--paper); color: var(--text); font: inherit; resize: vertical; }
.support-reply-form > div { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.support-reply-form small { max-width: 440px; color: var(--muted); }
.support-closed-notice { margin-top: 32px; padding: 28px; border: 1px solid var(--line); background: var(--paper); }
.support-closed-notice h2 { margin-top: 0; }
.support-ticket-summary { position: sticky; top: 160px; padding: 28px; border: 1px solid var(--line); background: var(--surface); }
.support-ticket-summary dl,
.admin-support-facts { margin: 0; display: grid; }
.support-ticket-summary dl > div,
.admin-support-facts > div { padding: 15px 0; display: grid; border-bottom: 1px solid var(--line); gap: 5px; }
.support-ticket-summary dt,
.admin-support-facts dt { color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.support-ticket-summary dd,
.admin-support-facts dd { margin: 0; overflow-wrap: anywhere; }

.admin-support-requester {
  margin: 26px 0;
  display: grid;
  grid-template-columns: minmax(190px, .7fr) minmax(0, 2fr);
  align-items: center;
  gap: 28px;
}

.admin-support-requester h2 { margin: 5px 0 0; }

.admin-support-requester__details {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(150px, .8fr) minmax(170px, .9fr);
  gap: 0;
}

.admin-support-requester__details > div { padding: 4px 22px; border-left: 1px solid var(--line); }
.admin-support-requester__details dt { margin-bottom: 7px; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.admin-support-requester__details dd { margin: 0; overflow-wrap: anywhere; }
.admin-support-delete { border-color: color-mix(in srgb, #a84639 48%, var(--line)); }
.admin-support-delete h2 { margin: 6px 0 10px; }
.admin-support-delete form { margin-top: 18px; display: grid; gap: 14px; }
.admin-support-delete label { display: grid; gap: 8px; color: var(--muted); font-size: .83rem; }
.admin-support-delete input { min-width: 0; width: 100%; min-height: 44px; border: 1px solid var(--line-strong); background: var(--paper); color: var(--text); padding: 10px 12px; font: inherit; text-transform: uppercase; }
.support-private-link-note { margin-top: 24px; padding: 18px; border: 1px solid var(--line); background: var(--paper); }
.support-private-link-note p { margin-bottom: 0; color: var(--muted); font-size: .78rem; }
.support-csat { margin-top: 28px; padding-top: 26px; display: grid; border-top: 1px solid var(--line); gap: 16px; }
.support-csat h2 { margin: 0; }
.support-csat fieldset { margin: 0; padding: 0; border: 0; }
.support-csat legend { margin-bottom: 10px; font-size: .76rem; font-weight: 800; }
.support-rating { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.support-rating label { position: relative; display: block; }
.support-rating input { position: absolute; opacity: 0; }
.support-rating span { min-height: 42px; display: grid; place-items: center; border: 1px solid var(--line-strong); cursor: pointer; }
.support-rating input:checked + span { border-color: var(--gold); color: var(--white); background: var(--gold); }
.reader-support-entry { display: flex; align-items: center; justify-content: space-between; gap: 35px; background: linear-gradient(110deg, var(--surface), color-mix(in srgb, var(--surface) 78%, var(--sage))); }
.reader-support-entry h2 { margin: 7px 0 12px; }
.reader-support-entry p:not(.eyebrow) { margin: 0; color: var(--muted); }
.reader-support-entry > div:last-child { display: grid; justify-items: end; gap: 16px; }

.admin-support-state { min-height: calc(100vh - 180px); padding-block: 90px; }
.admin-support-state h1 { margin: 12px 0 18px; font-size: clamp(3rem, 7vw, 6rem); }
.admin-support-counts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--surface); }
.admin-support-counts a { min-height: 120px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid var(--line); color: var(--text); }
.admin-support-counts a:first-child { border-left: 0; }
.admin-support-counts strong { color: var(--forest-light); font-family: var(--font-serif); font-size: 2.5rem; font-weight: 500; }
.admin-support-counts span { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-support-filter { grid-template-columns: minmax(200px, 1.6fr) repeat(4, minmax(110px, 1fr)); repeat(2, minmax(130px, 1fr)); }
.admin-support-filter > :is(button, a) { align-self: center; }
.admin-support-list { margin: 0; padding: 0; border: 1px solid var(--line); list-style: none; }
.admin-support-ticket { min-height: 126px; padding: 20px; display: grid; align-items: center; grid-template-columns: 72px minmax(0, 1fr) auto; border-bottom: 1px solid var(--line); color: var(--text); gap: 22px; }
.admin-support-list > li:last-child .admin-support-ticket { border-bottom: 0; }
.admin-support-ticket:hover { background: var(--paper); }
.admin-support-ticket__priority { align-self: stretch; display: grid; place-items: center; border: 1px solid var(--line); }
.admin-support-ticket__priority span { writing-mode: vertical-rl; color: var(--muted); font-size: .62rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.admin-support-ticket__priority--urgent { border-color: #9f2c2c; }
.admin-support-ticket__priority--high { border-color: #ba692e; }
.admin-support-ticket > div { min-width: 0; }
.admin-support-ticket__reference { color: var(--gold); font-size: .66rem; font-weight: 850; letter-spacing: .08em; }
.admin-support-ticket h3 { margin: 7px 0; font-family: var(--font-serif); font-size: 1.55rem; font-weight: 500; overflow-wrap: anywhere; }
.admin-support-ticket p { margin: 0; color: var(--muted); font-size: .78rem; overflow-wrap: anywhere; }
.admin-support-ticket > div:last-child { display: grid; justify-items: end; gap: 8px; }
.admin-support-ticket small,
.admin-support-ticket time { color: var(--muted); font-size: .68rem; }
.admin-support-empty { min-height: 240px; display: grid; place-items: center; color: var(--muted); }
.admin-support-detail__grid { display: grid; align-items: start; grid-template-columns: minmax(0, 1.4fr) minmax(310px, .6fr); gap: 22px; }
.admin-support-conversation { min-width: 0; }
.support-message-list--admin .support-message { max-width: 94%; }
.admin-support-reply { margin-top: 32px; padding-top: 28px; display: grid; border-top: 1px solid var(--line); gap: 16px; }
.admin-support-reply fieldset { margin: 0; padding: 0; display: flex; border: 0; gap: 12px; }
.admin-support-reply legend { margin-bottom: 10px; font-size: .72rem; font-weight: 800; }
.admin-support-reply fieldset label { padding: 12px; display: flex; border: 1px solid var(--line-strong); align-items: center; gap: 8px; }
.admin-support-internal-choice { border-color: #b76b36 !important; }
.admin-support-reply > label,
.admin-support-triage label { display: grid; color: var(--ink); font-size: .78rem; font-weight: 800; gap: 7px; }
.admin-support-reply textarea,
.admin-support-triage select { width: 100%; padding: 12px; border: 1px solid var(--line-strong); background: var(--paper); color: var(--text); font: inherit; }
.admin-support-reply > p { margin: 0; color: var(--muted); font-size: .72rem; }
.admin-support-sidebar { display: grid; gap: 22px; }
.admin-support-sidebar .admin-panel { padding: 27px; }
.admin-support-sidebar h2 { margin: 10px 0; }
.admin-support-triage { display: grid; gap: 15px; }
.admin-support-access p:not(.eyebrow) { color: var(--muted); }
.admin-danger-button { width: 100%; min-height: 44px; border: 1px solid #a84639; color: #a84639; background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
.admin-danger-button--filled { background: #a84639; color: #fff; }
.admin-danger-button--filled:hover { background: #8f352b; border-color: #8f352b; }

html[data-theme-resolved="dark"] :is(.support-principles, .support-account-gate, .support-empty, .support-ticket-list, .support-ticket-row, .support-conversation, .support-ticket-summary, .admin-support-counts, .admin-support-list) { background: var(--surface); }
html[data-theme-resolved="dark"] :is(.support-thread-hero, .support-state) { background: var(--paper); }
html[data-theme-resolved="dark"] :is(.support-message header strong, .support-reply-form label, .support-csat label, .admin-support-reply > label, .admin-support-triage label) { color: var(--text); }
html[data-theme-resolved="dark"] .support-alert--success { color: #9de6d3; background: #123a33; }
html[data-theme-resolved="dark"] .support-alert--error { color: #ffc1b7; background: #3a2020; }
html[data-theme-resolved="dark"] .support-status--pending_admin { color: #efb078; }
html[data-theme-resolved="dark"] .support-status--pending_requester { color: #9dcce0; }
html[data-theme-resolved="dark"] .support-status--resolved { color: #79d9c3; }
html[data-theme-resolved="dark"] .support-message footer { color: #f2c28d; }
html[data-theme-resolved="dark"] .admin-danger-button { border-color: #f19a8f; color: #f19a8f; }
html[data-theme-resolved="dark"] .admin-danger-button--filled { background: #b94d40; border-color: #b94d40; color: #fff; }

@media (max-width: 900px) {
  .admin-support-requester { grid-template-columns: 1fr; gap: 18px; }
  .admin-support-requester__details { grid-template-columns: 1fr; }
  .admin-support-requester__details > div { padding: 13px 0; border-left: 0; border-top: 1px solid var(--line); }
}

@media (max-width: 1100px) {
  .support-hero__grid { grid-template-columns: 1fr; }
  .support-hero--inbox .support-hero__grid { grid-template-columns: 1fr; }
  .support-security-card { max-width: 680px; }
  .support-thread-layout,
  .admin-support-detail__grid { grid-template-columns: 1fr; }
  .support-ticket-summary { position: static; }
  .admin-support-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-support-counts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-support-counts a:nth-child(4) { border-top: 1px solid var(--line); border-left: 0; }
  .admin-support-counts a:nth-child(5) { border-top: 1px solid var(--line); }
}

@media (max-width: 760px) {
  .admin-section-nav { padding-block: 10px; flex-wrap: wrap; gap: 10px 18px; overflow-x: visible; }
  .support-principles { grid-template-columns: 1fr; }
  .support-principles article { min-height: 240px; border-top: 1px solid var(--line); border-left: 0; }
  .support-principles article:first-child { border-top: 0; }
  .support-principles h2 { margin-top: 38px; }
  .support-account-gate__actions { align-items: stretch; flex-direction: column; }
  .support-account-gate__actions .button { width: 100%; }
  .support-ticket-row,
  .support-thread-hero__grid { grid-template-columns: 1fr; }
  .support-ticket-row > div:last-child,
  .support-thread-hero__status { justify-items: start; }
  .support-reply-form > div,
  .support-conversation__heading,
  .reader-support-entry { align-items: flex-start; flex-direction: column; }
  .support-message { max-width: 100%; }
  .reader-support-entry > div:last-child { width: 100%; justify-items: stretch; }
  .admin-support-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-support-counts a { border-top: 1px solid var(--line); }
  .admin-support-counts a:nth-child(odd) { border-left: 0; }
  .admin-support-counts a:first-child,
  .admin-support-counts a:nth-child(2) { border-top: 0; }
  .admin-support-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-support-ticket { grid-template-columns: 48px minmax(0, 1fr); }
  .admin-support-ticket > div:last-child { grid-column: 2; justify-items: start; }
}

@media (max-width: 480px) {
  .support-hero h1 { font-size: clamp(3.2rem, 17vw, 5rem); }
  .support-conversation,
  .support-ticket-summary { padding: 20px; }
  .support-message header { align-items: flex-start; flex-direction: column; gap: 5px; }
  .support-reply-form > div { display: grid; }
  .support-reply-form .button { width: 100%; }
  .admin-support-filter { grid-template-columns: 1fr; }
  .admin-support-counts { grid-template-columns: 1fr; }
  .admin-support-counts a { border-top: 1px solid var(--line); border-left: 0; }
  .admin-support-counts a:first-child { border-top: 0; }
  .admin-support-reply fieldset { align-items: stretch; flex-direction: column; }
}

/* Final responsive safeguards for private authentication surfaces. */
html[data-theme-resolved="dark"] .reader-panel-notice .text-link { color: #8aefd4; }

@media (max-width: 560px) {
  .reader-dashboard-stack,
  .reader-panel-section,
  .reader-library-grid,
  .reader-library-book,
  .reader-account-grid,
  .reader-account-form,
  .reader-privacy-controls,
  .reader-panel-notice > div { min-width: 0; max-width: 100%; }
  .reader-library-book { grid-template-columns: 1fr; }
  .reader-library-book img { width: min(150px, 55%); }
  .reader-share-field input,
  .reader-account-form input { min-width: 0; }
  .reader-panel-notice p,
  .reader-account-help { overflow-wrap: anywhere; }
}

/* Keep private administration fully operable on tablet and mobile.
   This block intentionally follows the desktop table dimensions. */
@media (max-width: 900px) {
  .admin-table-wrap--cards {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  table.admin-table--responsive,
  table.admin-table--responsive.admin-reader-table {
    width: 100%;
    min-width: 0;
    border-collapse: separate;
    table-layout: fixed;
  }

  .admin-table--responsive thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .admin-table--responsive tbody {
    display: grid;
    gap: 14px;
  }

  .admin-table--responsive tbody tr {
    display: grid;
    overflow: hidden;
    border: 1px solid var(--line);
    background: var(--surface);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-table--responsive tbody td,
  .admin-reader-table tbody td:first-child,
  .admin-reader-table tbody td:nth-child(4) {
    display: block;
    min-width: 0;
    padding: 13px 14px;
    border: 0;
    border-bottom: 1px solid var(--line);
    overflow-wrap: anywhere;
  }

  .admin-table--responsive tbody td[data-label]::before {
    display: block;
    margin-bottom: 7px;
    color: var(--muted);
    content: attr(data-label);
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
  }

  .admin-table--responsive tbody td[data-label="Reader"],
  .admin-table--responsive tbody td[data-label="Actions"],
  .admin-table--responsive tbody td[data-label="Name"],
  .admin-table--responsive tbody td[data-label="Email"],
  .admin-table--responsive tbody td[data-label="User agent"],
  .admin-table--responsive tbody td.admin-empty {
    grid-column: 1 / -1;
  }

  .admin-reader-table tbody td[data-label="Actions"] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
  }

  .admin-reader-table tbody td[data-label="Actions"]::before {
    flex: 0 0 100%;
    margin-bottom: 0;
  }

  .admin-reader-table tbody td[data-label="Actions"] form {
    margin: 0;
  }
}

/* Touch-screen safeguards: core content must never depend on a scroll
   animation completing before it becomes readable. */
@media (max-width: 900px), (hover: none), (pointer: coarse) {
  .reveal-ready .reveal,
  .reveal-ready .reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

html[data-theme-resolved="dark"] .menu-toggle {
  color: #ffffff;
  border-color: rgba(220, 232, 228, 0.42);
  background: rgba(255, 255, 255, 0.06);
}

.menu-toggle svg {
  color: currentColor;
  stroke: currentColor;
}

@media (max-width: 760px) {
  main > section,
  [id] {
    scroll-margin-top: 158px;
  }
}