@font-face {
  font-family: "Pixelated Elegance";
  src: url("/assets/fonts/PixelatedEleganceRegular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face { font-family: "Domino Brick"; src: url("/assets/fonts/DominoBrick.ttf") format("truetype"); font-display: swap; font-weight: 400; }
@font-face { font-family: "Fort Avenue"; src: url("/assets/fonts/FortAvenue.ttf") format("truetype"); font-display: swap; font-weight: 400; }
@font-face { font-family: "Matrixtype"; src: url("/assets/fonts/Matrixtype.ttf") format("truetype"); font-display: swap; font-weight: 400; }
@font-face { font-family: "Matrixtype Display"; src: url("/assets/fonts/MatrixtypeDisplay.ttf") format("truetype"); font-display: swap; font-weight: 400; }
@font-face { font-family: "Super Pixel"; src: url("/assets/fonts/SuperPixel.ttf") format("truetype"); font-display: swap; font-weight: 400; }
@font-face {
  font-family: "Atkinson";
  src: url("/assets/fonts/atkinson-regular.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Atkinson";
  src: url("/assets/fonts/atkinson-bold.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  color-scheme: dark;
  --route-bg: #03120d;
  --route-panel: #0a1d16;
  --route-text: #f4f7ec;
  --route-muted: rgba(244, 247, 236, 0.72);
  --route-line: rgba(244, 247, 236, 0.2);
  --route-accent: #d9ff57;
  --edge: clamp(1.25rem, 4vw, 4.5rem);
  font-family: "Atkinson", sans-serif;
}

* {
  box-sizing: border-box;
}

.route-page {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  color: var(--route-text);
  background:
    radial-gradient(circle at 82% 8%, rgba(19, 107, 68, 0.3), transparent 34rem),
    var(--route-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.route-page a {
  color: inherit;
  text-decoration: none;
}

.route-page__shell {
  width: calc(100% - (var(--edge) + var(--edge)));
  max-width: none;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding-bottom: 0;
}

.route-page__header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  min-height: 6.3rem;
  border-bottom: 1px solid var(--route-line);
}

.route-page__brand {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.route-page__brand img {
  width: 2.8rem;
  height: 2.8rem;
  object-fit: contain;
}

.route-page__nav,
.route-page__languages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.route-page__nav {
  justify-content: center;
}

.route-page__languages {
  gap: 0.5rem;
}

.route-page__languages a {
  display: inline-grid;
  min-width: 44px;
  min-height: 44px;
  place-items: center;
}

.route-page__nav a,
.route-page__languages a {
  color: var(--route-muted);
  transition: color 180ms ease;
}

.route-page__nav a[aria-current="page"],
.route-page__languages a[aria-current="page"],
.route-page__nav a:hover,
.route-page__languages a:hover,
.route-page__nav a:focus-visible,
.route-page__languages a:focus-visible {
  color: var(--route-accent);
}

.route-page__main {
  padding: clamp(4.5rem, 10vw, 8rem) 0 clamp(6rem, 12vw, 10rem);
}

.route-page__eyebrow {
  margin: 0;
  color: var(--route-accent);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.route-page h1 {
  max-width: 760px;
  margin: 1rem 0 1.5rem;
  font-size: clamp(3.5rem, 9vw, 7rem);
  font-weight: 400;
  letter-spacing: -0.065em;
  line-height: 0.86;
}

.route-page__lede {
  max-width: 680px;
  margin: 0;
  color: var(--route-muted);
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
}

.route-page__notice {
  display: grid;
  max-width: 760px;
  margin: 3rem 0 0;
  padding: 1.4rem 1.5rem;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  gap: 0.25rem;
}

.route-page__notice strong {
  color: var(--route-accent);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.route-page__notice span {
  color: var(--route-muted);
}

.route-search {
  max-width: 720px;
  margin-top: 3rem;
}

.route-search label {
  display: block;
  margin-bottom: 0.65rem;
  font-weight: 700;
}

.route-search input {
  width: 100%;
  padding: 0.95rem 1rem;
  border: 1px solid var(--route-line);
  border-radius: 0;
  color: var(--route-text);
  background: var(--route-panel);
  font: inherit;
}

.route-search__results {
  display: grid;
  gap: 0;
  margin-top: 1.5rem;
  border-top: 1px solid var(--route-line);
}

.route-search__result {
  padding: 1rem 0;
  border-bottom: 1px solid var(--route-line);
}

.route-search__result h2 {
  margin: 0 0 0.2rem;
  font-size: 1.05rem;
}

.route-search__result h2 a:hover,
.route-search__result h2 a:focus-visible {
  color: var(--route-accent);
}

.route-search__result p,
.route-search__empty {
  margin: 0;
  color: var(--route-muted);
}

.route-page__footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem 0 2.25rem;
  border-top: 1px solid var(--route-line);
  color: var(--route-muted);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.route-page :focus-visible {
  outline: 2px solid var(--route-accent);
  outline-offset: 5px;
}

@media (max-width: 800px) {
  .route-page__header {
    grid-template-columns: auto auto;
  }

  .route-page__nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: flex-start;
    padding-bottom: 1.25rem;
  }

  .route-page__languages {
    justify-content: flex-end;
  }
}

@media (max-width: 520px) {
  .route-page__shell {
    width: calc(100% - (var(--edge) + var(--edge)));
  }

  .route-page__brand span {
    display: none;
  }

  .route-page__nav {
    gap: 0.75rem;
    font-size: 0.7rem;
  }

  .route-page__main {
    padding-top: 3.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.001ms !important;
  }
}

::selection { color: #f6faef; background: rgba(91, 139, 105, 0.72); }
.all-chapters { color: var(--route-muted); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; }
.chapter-page { position: relative; background: #02110c; }
.chapter-field { position: fixed; z-index: 0; inset: 0; background-position: center; background-size: cover; filter: saturate(1.05) contrast(1.08); pointer-events: none; }
.chapter-field::after { position: absolute; content: ""; inset: 0; background: linear-gradient(90deg, rgba(1,12,8,.9), rgba(1,12,8,.62) 58%, rgba(1,12,8,.72)); }
.chapter-physis .chapter-field { background-image: url("/assets/field-1.webp"); }
.chapter-noema .chapter-field { background-image: url("/assets/field-2.webp"); }
.chapter-lumen .chapter-field { background-image: url("/assets/field-3.webp"); }
.chapter-pneuma .chapter-field { background-image: url("/assets/field-4.webp"); }
.chapter-poiesis .chapter-field { background-image: url("/assets/field-5.webp"); }
.chapter-main { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(17rem, .65fr); gap: clamp(3rem, 9vw, 9rem); min-height: calc(100svh - 12rem); align-items: center; padding: clamp(4rem, 8vw, 8rem) 0 6rem; }
.chapter-main h1 { max-width: none; font-size: clamp(3rem, 6vw, 6rem); }
.chapter-domain { margin: 1.2rem 0 0; font-size: clamp(1rem, 1.7vw, 1.45rem); letter-spacing: .22em; text-transform: uppercase; }
.chapter-rule { display: block; width: 3rem; height: 1px; margin: 2.5rem 0; background: var(--route-accent); }
.chapter-main h2 { margin: 0 0 1rem; font-size: clamp(2.3rem, 5vw, 5rem); font-weight: 400; letter-spacing: -.05em; }
.chapter-main .route-page__notice { background: rgba(1,14,9,.24); }
.chapter-facts > p { display: grid; gap: .65rem; margin: 0; padding: 1.3rem 0; border-top: 1px solid var(--route-line); }
.chapter-facts small { color: var(--route-muted); font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; }
.chapter-facts strong { font-size: 1rem; font-weight: 400; }
.chapter-nav { display: flex; justify-content: space-between; padding-top: 1.4rem; border-top: 1px solid var(--route-line); }
.chapter-nav a { display: grid; min-width: 44px; min-height: 44px; place-items: center; color: var(--route-muted); }
.chapter-nav strong { display: none; }
.chapter-nav a[aria-current="page"] { color: var(--route-accent); }
.legal-page { max-width: 900px; }
@media (max-width: 760px) {
  .all-chapters { grid-column: 1 / -1; grid-row: 2; padding-bottom: 1rem; }
  .chapter-main { grid-template-columns: 1fr; }
  .chapter-facts { padding-top: 1rem; }
}

.chapter-page { overflow-x: hidden; }
.chapter-main h1 span { white-space: nowrap; }
@media (max-width: 760px) {
  .chapter-main h1 { max-width: 100%; font-size: clamp(2.5rem, 12vw, 4rem); overflow-wrap: anywhere; }
  .chapter-main h1 span { display: block; margin-top: .25rem; }
  .chapter-main .route-page__lede { overflow-wrap: anywhere; }
}

.chapter-main > * { min-width: 0; }
@media (max-width: 760px) {
  .chapter-main h1 { font-size: clamp(2.35rem, 10vw, 3.5rem); }
}

/* Full-bleed editorial chapter composition */
.chapter-page .route-page__shell {
  width: calc(100% - (var(--edge) + var(--edge)));
}

.chapter-page .chapter-header {
  min-height: 5.2rem;
  grid-template-columns: auto 1fr auto;
}

.chapter-wordmark {
  line-height: 1.25;
}

.chapter-status {
  justify-self: end;
  color: var(--route-muted);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.chapter-page .all-chapters {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin-top: 1.4rem;
}

.chapter-page .chapter-main {
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr);
  gap: clamp(4rem, 7vw, 7rem);
  min-height: calc(100svh - 10.5rem);
  align-items: start;
  padding: clamp(3rem, 6vh, 4.5rem) 1rem 2.5rem;
}

.chapter-copy {
  max-width: 58rem;
}

.chapter-page .chapter-main h1 {
  max-width: none;
  margin-top: .8rem;
  font-size: clamp(3rem, 5vw, 4.5rem);
  line-height: .92;
  white-space: nowrap;
}

.chapter-page .chapter-domain {
  margin-top: 1.4rem;
  font-size: clamp(1rem, 1.45vw, 1.35rem);
  letter-spacing: .14em;
}

.chapter-page .chapter-rule {
  margin: 2.2rem 0;
}

.chapter-page .chapter-main h2 {
  max-width: 13ch;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.05;
}

.chapter-page .chapter-main .route-page__lede {
  max-width: 42rem;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
}

.chapter-page .chapter-main .route-page__notice {
  display: none;
}

.chapter-page .chapter-facts {
  margin-top: 2.5rem;
}

.chapter-page .chapter-facts > p {
  padding: 1rem 0;
}

.chapter-nav__label {
  padding-bottom: .3rem !important;
}

.chapter-page .chapter-nav {
  align-items: center;
  padding-top: .65rem;
}

.chapter-nav__arrow {
  display: grid;
  min-width: 44px;
  min-height: 44px;
  place-items: center;
  color: var(--route-muted);
}

@media (max-width: 1100px) {
  .chapter-page .chapter-main {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .chapter-page .chapter-facts {
    margin-top: 0;
  }
}

@media (max-width: 760px) {
  .chapter-page .route-page__shell {
    width: calc(100% - (var(--edge) + var(--edge)));
  }

  .chapter-status {
    display: none;
  }

  .chapter-page .chapter-header {
    grid-template-columns: auto auto;
  }

  .chapter-page .chapter-main {
    gap: 2.5rem;
    padding-right: 0;
    padding-left: 0;
  }

  .chapter-page .chapter-main h1 {
    white-space: normal;
  }
}

/* Full-width Nature Editorial content routes */
.content-page {
  position: relative;
  overflow-x: hidden;
  background: #02110c;
}

.content-field {
  position: fixed;
  z-index: 0;
  inset: 0;
  background-position: center;
  background-size: cover;
  filter: saturate(1.02) contrast(1.08);
  pointer-events: none;
}

.content-field::after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(90deg, rgba(1, 12, 8, .94), rgba(1, 12, 8, .72) 58%, rgba(1, 12, 8, .84));
}

.content-blog .content-field { background-image: url("/assets/field-1.webp"); }
.content-research .content-field { background-image: url("/assets/field-2.webp"); }
.content-docs .content-field { background-image: url("/assets/field-4.webp"); }
.content-search .content-field { background-image: url("/assets/field-5.webp"); }

 .content-models .content-field { background-image: url("/assets/field-3.webp"); }
 .content-publications .content-field { background-image: url("/assets/field-4.webp"); }
 .content-notes .content-field { background-image: url("/assets/field-1.webp"); }
 .content-about .content-field { background-image: url("/assets/field-2.webp"); }
 .content-careers .content-field { background-image: url("/assets/field-5.webp"); }
 .content-contact .content-field { background-image: url("/assets/field-3.webp"); }
.content-page .route-page__shell {
  width: calc(100% - (var(--edge) + var(--edge)));
}

.content-page .content-header {
  min-height: 5.2rem;
}

/* The parent route bar keeps the main research spine visible and tucks utilities into one keyboardable disclosure. */
.content-header__more { position: relative; }
.content-header__more summary { cursor: pointer; list-style: none; }
.content-header__more summary::-webkit-details-marker { display: none; }
.content-header__more summary::after { content: " +"; color: var(--acid); }
.content-header__more[open] summary::after { content: " −"; }
.content-header__more > div { position: absolute; z-index: 2; top: 1.8rem; right: 0; display: grid; min-width: 10rem; padding: .55rem; border: 1px solid var(--line); background: rgba(3,18,13,.98); box-shadow: 0 1rem 2rem rgba(0,0,0,.22); }
.content-header__more > div a { padding: .65rem .55rem; }
.content-header__more > div a:hover,
.content-header__more > div a:focus-visible { color: var(--acid); background: rgba(217,255,87,.06); }
@media (max-width: 720px) {
  .content-header__more > div { position: static; border: 0; box-shadow: none; }
}

.content-wordmark {
  line-height: 1.25;
}

.content-page .content-main {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(17rem, .6fr);
  gap: clamp(4rem, 9vw, 10rem);
  min-height: calc(100svh - 10rem);
  align-items: center;
  padding: clamp(3.5rem, 8vh, 6rem) 1rem 4rem;
}

.content-copy {
  min-width: 0;
  max-width: 58rem;
}

.content-page .content-copy h1 {
  max-width: none;
  margin: 1rem 0 2rem;
  font-size: clamp(4.5rem, 8vw, 8rem);
  line-height: .82;
}

.content-page .content-copy .route-page__lede {
  max-width: 52rem;
  font-size: clamp(1.1rem, 1.55vw, 1.4rem);
}

.content-page .content-copy .route-page__notice {
  max-width: 52rem;
  margin-top: 3.5rem;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
}

.content-index {
  align-self: center;
  border-top: 1px solid var(--route-line);
}

.content-index > p {
  margin: 0;
  padding: 1rem 0;
  color: var(--route-muted);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.content-index nav {
  display: grid;
}

.content-index nav a {
  display: flex;
  min-height: 3.6rem;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--route-line);
  color: var(--route-muted);
  font-size: 1rem;
}

.content-index nav a::after {
  content: "↗";
}

.content-index nav a[aria-current="page"],
.content-index nav a:hover,
.content-index nav a:focus-visible {
  color: var(--route-accent);
}

.content-page .route-search {
  max-width: 52rem;
}

.content-page .route-search input {
  border-width: 0 0 1px;
  background: rgba(1, 14, 9, .38);
  font-size: 1.05rem;
}

.route-features {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(-2rem, -2vw, 0rem);
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
}

.route-feature {
  display: flex;
  min-height: 20rem;
  flex-direction: column;
  padding: clamp(1.5rem, 3vw, 3rem);
  border-right: 1px solid var(--route-line);
  background: rgba(3, 18, 13, .58);
}

.route-feature:last-child { border-right: 0; }
.route-feature > p { margin: 0 0 auto; color: var(--route-accent); font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.route-feature h2 { max-width: 18ch; margin: 3rem 0 1rem; font-size: clamp(1.6rem, 2.5vw, 2.65rem); font-weight: 400; letter-spacing: -.035em; line-height: 1; }
.route-feature > span { max-width: 42ch; color: var(--route-muted); }
.route-feature a { display: inline-flex; min-height: 44px; margin-top: 2rem; align-items: center; justify-content: space-between; border-top: 1px solid var(--route-line); color: var(--route-accent); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.route-features--models .route-feature { min-height: 17rem; background: rgba(3, 18, 13, .76); }
.route-features--publications { border-style: dashed; }
.route-features--publications .route-feature { border-right-style: dashed; }
.route-features--notes .route-feature:nth-child(2) { transform: translateY(1.25rem); }
.route-features--about .route-feature:first-child { grid-column: span 2; }
.route-features--about { grid-template-columns: 1fr 1fr 1fr 1fr; }
.route-features--careers .route-feature:first-child { background: rgba(217, 255, 87, .08); }
.route-features--contact .route-feature { min-height: 16rem; }
.route-features--blog .route-feature h2 { font-family: "Matrixtype", "Atkinson", sans-serif; }
.route-features--docs { counter-reset: doc-index; }
.route-features--docs .route-feature { counter-increment: doc-index; }
.route-features--docs .route-feature > p::before { content: counter(doc-index, decimal-leading-zero) " / "; }
.route-features--search .route-feature { min-height: 14rem; }

.route-contact { margin: 2rem 0 0; font-style: normal; }
.route-contact a { display: inline-flex; min-height: 44px; align-items: center; border-bottom: 1px solid var(--route-accent); color: var(--route-accent); }

.content-footer nav {
  display: flex;
  gap: .75rem;
}

@media (max-width: 900px) {
  .content-page .content-main {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .route-features,
  .route-features--about {
    grid-template-columns: 1fr;
  }

  .route-feature,
  .route-feature:last-child {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--route-line);
  }

  .route-feature:last-child { border-bottom: 0; }
  .route-features--about .route-feature:first-child { grid-column: auto; }
  .route-features--notes .route-feature:nth-child(2) { transform: none; }

  .content-index {
    max-width: 36rem;
  }
}

@media (max-width: 760px) {
  .content-page .route-page__shell {
    width: calc(100% - (var(--edge) + var(--edge)));
  }

  .content-page .content-main {
    gap: 3rem;
    padding-right: 0;
    padding-left: 0;
  }

  .content-page .content-copy h1 {
    font-size: clamp(3.5rem, 18vw, 5rem);
  }

  .content-footer {
    flex-direction: column;
  }
}

.route-page .site-footer {
  color: rgba(244, 247, 236, .7);
}

.route-page .site-footer--flow {
  position: relative;
  inset: auto;
  width: 100%;
  margin-top: 4rem;
}

.legal-route .legal-page {
  min-height: calc(100svh - 11.5rem);
  padding-bottom: 7rem;
}

/* Release shelf: a quiet archive frame for future documented model releases. */
.release-page .content-field { background-image: url("/assets/field-3.webp"); }
.release-main { min-height: calc(100svh - 10rem); padding: clamp(2rem, 5vh, 4rem) 1rem 5rem; }
.release-intro { max-width: 76rem; margin: 0 auto; text-align: center; }
.release-page .release-intro h1 { display: block; width: 100%; min-height: 1em; max-width: none; margin: 0; color: var(--route-text); font-family: "Pixelated Elegance", "Courier New", monospace; font-size: clamp(1.8rem, 5.2vw, 5.6rem); font-weight: 400; letter-spacing: -.01em; line-height: .95; text-transform: uppercase; white-space: nowrap; }
.release-subtitle { margin: 1rem 0 0; color: var(--route-muted); font-size: clamp(.78rem, 1.3vw, 1rem); letter-spacing: .04em; }
.release-registry { min-width: 0; margin-top: clamp(2rem, 4vw, 3.5rem); }
.release-registry__toolbar { display: flex; align-items: center; justify-content: flex-end; gap: .55rem; margin-bottom: .4rem; }
.release-registry__toolbar h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.release-registry__toolbar label { color: var(--route-muted); font-size: .72rem; letter-spacing: 0; }
.release-registry__toolbar input { width: 9rem; padding: .28rem .15rem; border: 0; border-bottom: 1px solid var(--route-line); border-radius: 0; outline: 0; color: var(--route-text); background: transparent; font: inherit; }
.release-registry__toolbar input::placeholder { color: transparent; }
.release-registry__toolbar input:focus { border-bottom-color: var(--route-accent); box-shadow: 0 1px 0 var(--route-accent); }
.release-table-wrap { width: 100%; overflow-x: auto; border-top: 1px solid var(--route-line); border-left: 1px solid var(--route-line); scrollbar-color: var(--route-accent) transparent; }
.release-table { width: 100%; min-width: 64rem; border-collapse: collapse; color: var(--route-text); font-size: .98rem; }
.release-table th, .release-table td { padding: 1.2rem 1rem; border-right: 1px solid var(--route-line); border-bottom: 1px solid var(--route-line); text-align: left; vertical-align: top; }
.release-table thead th { color: var(--route-accent); background: transparent; font-size: .76rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.release-table tbody td:first-child { width: 3.2rem; color: var(--route-accent); font-variant-numeric: tabular-nums; }
.release-table tbody th { min-width: 10rem; font-weight: 400; white-space: nowrap; }
.release-table tbody th { min-width: 10rem; font-weight: 400; white-space: nowrap; }
.release-table .release-model-name { color: #6bbcff; font-weight: 700; text-decoration: none; }

.release-table tbody td:nth-child(3), .release-table tbody td:nth-child(5), .release-table tbody td:nth-child(6), .release-table tbody td:nth-child(7) { white-space: nowrap; }
.release-table tbody tr:hover { background: rgba(217, 255, 87, .06); }
.release-table tbody tr[hidden] { display: none; }
@media (max-width: 900px) { .release-main { min-height: auto; } }
@media (max-width: 760px) { .release-main { padding-right: 0; padding-left: 0; } .release-page .release-intro h1 { font-size: clamp(1.8rem, 8.5vw, 3.8rem); } .release-registry__toolbar { justify-content: flex-start; } .release-table { font-size: .92rem; } .release-table th, .release-table td { padding: 1rem .85rem; } }

/* Product directory */
.products-main { width: min(100%, 100rem); margin: 0 auto; padding: clamp(5rem, 10vw, 10rem) clamp(1.25rem, 5vw, 5rem) 8rem; }
.products-intro { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .55fr); gap: 2rem 5rem; align-items: end; margin-bottom: clamp(4rem, 8vw, 8rem); }
.products-intro .route-page__eyebrow { grid-column: 1 / -1; }
.products-intro h1 { max-width: 9ch; margin: 0; font-size: clamp(4rem, 9vw, 9rem); font-weight: 400; letter-spacing: -.06em; line-height: .82; }
.products-intro > p:last-child { max-width: 34rem; margin: 0 0 .5rem; color: var(--route-muted); font-size: clamp(1rem, 1.45vw, 1.3rem); line-height: 1.55; }
.products-page .product-directory { border-top: 1px solid var(--route-line); }
.products-page .product-entry a { display: grid; grid-template-columns: 3rem minmax(10rem,.65fr) minmax(14rem,1.25fr) minmax(9rem,.6fr) 2rem; gap: clamp(1rem, 3vw, 3rem); align-items: center; min-height: 9.5rem; padding: 1.5rem .25rem; border-bottom: 1px solid var(--route-line); transition: color 180ms ease, padding 180ms ease; }
.products-page .product-entry a:hover, .products-page .product-entry a:focus-visible { padding-right: 1rem; padding-left: 1rem; color: var(--route-acid); }
.products-page .product-entry__number, .products-page .product-entry small { color: var(--route-muted); font-size: .58rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.products-page .product-entry__identity { display: grid; gap: .55rem; }
.products-page .product-entry__identity strong { font-size: clamp(1.7rem,3vw,3.2rem); font-weight: 400; letter-spacing: -.04em; }
.products-page .product-entry__statement { max-width: 36rem; color: var(--route-muted); font-size: clamp(.9rem, 1.2vw, 1.08rem); line-height: 1.55; }
.products-page .product-entry__state { display: grid; gap: .45rem; font-size: .66rem; font-weight: 700; letter-spacing: .08em; line-height: 1.45; text-transform: uppercase; }
.products-page .product-entry__arrow { color: var(--route-acid); font-size: 1.35rem; }
@media (max-width: 800px) { .products-intro { grid-template-columns: 1fr; } .products-page .product-entry a { grid-template-columns: 2rem 1fr 1.5rem; gap: .8rem; } .products-page .product-entry__statement, .products-page .product-entry__state { grid-column: 2 / 3; } .products-page .product-entry__arrow { grid-column: 3; grid-row: 1 / span 3; } }
@media (max-width: 520px) { .products-main { padding-top: 4rem; } .products-intro h1 { font-size: clamp(3.4rem, 17vw, 5.2rem); } .products-page .product-entry a { min-height: 8rem; } }

.content-products .content-field { background-image: url('/assets/field-5.webp');
  background-position: center top;
  filter: saturate(1.18) contrast(1.04);
}

.content-products .content-field::after {
  background:
    linear-gradient(180deg, rgba(1, 12, 8, .28), rgba(1, 12, 8, .68)),
    linear-gradient(90deg, rgba(1, 12, 8, .86), rgba(1, 12, 8, .62) 58%, rgba(1, 12, 8, .42));
}

@media (max-width: 800px) {
  .content-products .content-field::after {
    background: linear-gradient(180deg, rgba(1, 12, 8, .66), rgba(1, 12, 8, .84));
  }
}

@media (max-width:520px){.route-page__brand span{display:block;font-size:.56rem}.route-page__nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem;white-space:nowrap;scrollbar-width:none}.route-page__nav::-webkit-scrollbar{display:none}}

/* Parent page families: research journal, model registry, and field manual deliberately do not share one route composition. */
.content-research .content-main{min-height:calc(100svh - 5.2rem);align-items:end;padding-top:clamp(7rem,14vh,12rem)}.content-research .content-copy{align-self:end}.content-research .content-copy h1{max-width:8ch;font-size:clamp(6rem,13vw,14rem);letter-spacing:-.08em}.content-research .content-index{align-self:end}.content-research .route-features--research{grid-template-columns:repeat(12,minmax(0,1fr));margin-top:3rem}.content-research .route-feature{grid-column:span 4;min-height:28rem;justify-content:flex-end;background:rgba(2,12,8,.72)}.content-research .route-feature:first-child{grid-column:span 8}.content-research .route-feature>p{margin-bottom:auto}.content-research .route-feature h2{font-size:clamp(2rem,4vw,4.8rem);line-height:.9}
.content-models .content-main{grid-template-columns:1fr;gap:2rem;align-items:end;min-height:auto;padding-top:clamp(7rem,14vh,12rem)}.content-models .content-copy{display:grid;grid-template-columns:1fr minmax(20rem,.55fr);gap:3rem;max-width:none;align-items:end}.content-models .content-copy .route-page__eyebrow{grid-column:1/-1}.content-models .content-copy h1{max-width:8ch;margin:0;font-family:"Pixelated Elegance","Atkinson",sans-serif;font-size:clamp(5rem,12vw,13rem);letter-spacing:.01em}.content-models .content-copy .route-page__lede{margin-bottom:1rem}.content-models .content-index{border-bottom:1px solid var(--route-line)}.content-models .content-index nav{grid-template-columns:repeat(6,1fr)}.content-models .content-index nav a{padding-right:.5rem;font-size:.72rem}.content-models .route-features--models{grid-template-columns:1fr;margin-top:2rem}.content-models .route-feature{display:grid;grid-template-columns:5rem minmax(14rem,.7fr) minmax(18rem,1fr) auto;gap:2rem;align-items:center;min-height:8rem;padding:1rem 0;border-right:0;border-bottom:1px solid var(--route-line);background:transparent}.content-models .route-feature>p{margin:0}.content-models .route-feature h2{margin:0;font-size:clamp(1.6rem,3vw,3.3rem)}.content-models .route-feature a{min-width:10rem;margin:0}
.content-docs .content-main{grid-template-columns:16rem minmax(0,1fr);gap:clamp(3rem,7vw,8rem);align-items:start;min-height:auto;padding-top:5rem}.content-docs .content-index{position:sticky;top:7rem;grid-column:1;grid-row:1/span 2;align-self:start}.content-docs .content-copy{grid-column:2;max-width:none;padding:0 0 4rem;border-bottom:2px solid var(--route-accent)}.content-docs .content-copy h1{max-width:9ch;font-size:clamp(5rem,10vw,11rem)}.content-docs .route-features--docs{grid-column:2;grid-template-columns:1fr;margin-top:0;border-bottom:0}.content-docs .route-feature{display:grid;grid-template-columns:5rem minmax(14rem,.65fr) 1fr;gap:2rem;min-height:12rem;padding:2rem 0;border-right:0;border-bottom:1px solid var(--route-line);background:transparent}.content-docs .route-feature>p{margin:0}.content-docs .route-feature h2{margin:0;font-size:clamp(2rem,3.5vw,4rem)}.content-docs .route-feature a{grid-column:3;margin:1rem 0 0}
@media(max-width:900px){.content-research .route-features--research{grid-template-columns:1fr}.content-research .route-feature,.content-research .route-feature:first-child{grid-column:auto;min-height:0}.content-models .content-copy{grid-template-columns:1fr}.content-models .content-copy .route-page__eyebrow{grid-column:auto}.content-models .content-index nav{grid-template-columns:repeat(2,1fr)}.content-models .route-feature{grid-template-columns:3rem 1fr}.content-models .route-feature>span,.content-models .route-feature>a{grid-column:2}.content-docs .content-main{grid-template-columns:1fr}.content-docs .content-index{position:static;grid-column:auto;grid-row:auto}.content-docs .content-copy,.content-docs .route-features--docs{grid-column:auto}.content-docs .route-feature{grid-template-columns:3rem 1fr}.content-docs .route-feature>span,.content-docs .route-feature>a{grid-column:2}}
@media(max-width:560px){.content-research .content-copy h1,.content-models .content-copy h1,.content-docs .content-copy h1{font-size:clamp(3.6rem,18vw,6rem)}.content-models .content-index nav{grid-template-columns:1fr}.content-models .route-feature,.content-docs .route-feature{grid-template-columns:1fr}.content-models .route-feature>span,.content-models .route-feature>a,.content-docs .route-feature>span,.content-docs .route-feature>a{grid-column:auto}}

/* CSP-safe release title font rotation. */
.release-title-font--pixelated{font-family:"Pixelated Elegance","Courier New",monospace}.release-title-font--domino{font-family:"Domino Brick","Courier New",monospace}.release-title-font--fort{font-family:"Fort Avenue","Courier New",monospace}.release-title-font--matrix{font-family:"Matrixtype","Courier New",monospace}.release-title-font--matrix-display{font-family:"Matrixtype Display","Courier New",monospace}.release-title-font--super{font-family:"Super Pixel","Courier New",monospace}

/* People: portrait-led institutional index with a separate public structure ledger. */
.content-people .content-field,
.content-person .content-field {
  background-image: url("/assets/field-2.webp");
  background-position: center top;
  filter: saturate(.82) contrast(1.12);
}

.content-people .content-field::after,
.content-person .content-field::after {
  background:
    linear-gradient(180deg, rgba(1, 12, 8, .5), rgba(1, 12, 8, .9) 42rem),
    linear-gradient(90deg, rgba(1, 12, 8, .9), rgba(1, 12, 8, .62) 58%, rgba(1, 12, 8, .76));
}

.people-main,
.person-main {
  width: min(100%, 100rem);
  margin: 0 auto;
  padding: clamp(2.5rem, 4vw, 4.5rem) clamp(1.25rem, 5vw, 5rem) 8rem;
}
.people-main { padding-top: clamp(1.6rem, 2.2vw, 2.4rem); }
.person-main { padding-top: clamp(2.1rem, 3.2vw, 3.6rem); }

.people-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
  gap: 1rem clamp(3rem, 7vw, 8rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 4vw, 4rem);
}

.people-intro .route-page__eyebrow { grid-column: 1 / -1; }
.people-intro .route-page__eyebrow { font-size: .61rem; letter-spacing: .17em; }
.people-intro h1 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.55rem, 4.1vw, 4.6rem);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .88;
}
.people-intro > p:last-child {
  max-width: 32rem;
  margin: 0 0 .25rem;
  color: var(--route-muted);
  font-size: clamp(.86rem, 1vw, 1rem);
  line-height: 1.55;
}

.people-group { margin-top: 0; padding-top: 1.25rem; border-top: 1px solid var(--route-line); }
.people-group > h2 {
  margin: 0 0 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--route-line);
  color: var(--route-muted);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.people-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
}
.people-card { min-width: 0; }
.people-card a { display: grid; gap: 1rem; }
.people-card figure,
.person-hero figure { position: relative; margin: 0; overflow: hidden; background: #092844; }
.people-card figure::after,
.person-hero figure::after {
  position: absolute;
  content: "";
  inset: 0;
  border: 1px solid rgba(244, 247, 236, .18);
  pointer-events: none;
}
.people-card img,
.person-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  filter: saturate(.84) contrast(1.04);
  transition: transform 700ms cubic-bezier(.2, .8, .2, 1), filter 300ms ease;
}
.people-card a:hover img,
.people-card a:focus-visible img { transform: scale(1.018); filter: saturate(1) contrast(1.04); }
.people-card__copy { display: grid; align-content: end; min-height: 7.5rem; padding-bottom: .2rem; }
.people-card__copy > p {
  margin: 0 0 .55rem;
  color: var(--route-accent);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.people-card__copy h3 {
  margin: 0;
  font-size: clamp(1.55rem, 2.3vw, 2.8rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .95;
}
.people-card__copy small {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: .8rem;
  border-top: 1px solid var(--route-line);
  color: var(--route-muted);
  font-size: .66rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: color 180ms ease;
}
.people-card__copy small i { color: var(--route-accent); font-size: 1rem; font-style: normal; }
.people-card a:hover small,
.people-card a:focus-visible small { color: var(--route-accent); }

.people-structure {
  display: grid;
  grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.25fr);
  gap: clamp(4rem, 10vw, 12rem);
  margin-top: clamp(6rem, 10vw, 10rem);
  padding-top: clamp(3rem, 6vw, 6rem);
  border-top: 1px solid var(--route-line);
}
.people-structure > header { align-self: start; }
.people-structure > header h2 {
  max-width: 8ch;
  margin: 1.1rem 0 2rem;
  font-size: clamp(4rem, 7vw, 8rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .82;
}
.people-structure > header > p:last-child { max-width: 35rem; margin: 0; color: var(--route-muted); font-size: 1.05rem; line-height: 1.65; }
.people-structure__list { border-top: 1px solid var(--route-line); }
.people-structure__item {
  display: grid;
  grid-template-columns: 3rem minmax(9rem, .65fr) minmax(16rem, 1fr);
  gap: 1.5rem;
  padding: 1.75rem 0 2.25rem;
  border-bottom: 1px solid var(--route-line);
}
.people-structure__item > span { color: var(--route-accent); font-size: .68rem; letter-spacing: .14em; }
.people-structure__item h3 { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.6rem); font-weight: 400; letter-spacing: -.035em; line-height: 1; }
.people-structure__item p { max-width: 40rem; margin: 0; color: var(--route-muted); line-height: 1.6; }

.person-main { padding-top: clamp(3rem, 6vw, 6rem); }
.person-back { display: inline-flex; min-height: 44px; align-items: center; color: var(--route-muted); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.person-back:hover,
.person-back:focus-visible { color: var(--route-accent); }
.person-hero {
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(0, 1.2fr);
  gap: clamp(3rem, 8vw, 10rem);
  align-items: end;
  margin-top: 2rem;
}
.person-hero figure { max-width: 44rem; }
.person-hero__copy { padding-bottom: clamp(1rem, 4vw, 4rem); }
.person-hero__copy .route-page__eyebrow,
.person-profile .route-page__eyebrow { font-size: .61rem; letter-spacing: .17em; }
.person-hero__copy h1 {
  max-width: 10ch;
  margin: 1rem 0 1.7rem;
  font-size: clamp(3.4rem, 6.5vw, 7.2rem);
  font-weight: 400;
  letter-spacing: -.07em;
  line-height: .8;
}
.person-role { max-width: 30rem; margin: 0; color: var(--route-accent); font-size: clamp(.9rem, 1.2vw, 1.15rem); }
.person-website { display: inline-flex; min-height: 44px; align-items: center; gap: .8rem; margin-top: 1.2rem; border-bottom: 1px solid var(--route-line); color: var(--route-muted); font-size: .64rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.person-website span { color: var(--route-accent); }
.person-website:hover,
.person-website:focus-visible { color: var(--route-accent); }
.person-profile {
  display: grid;
  grid-template-columns: minmax(14rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(3rem, 8vw, 10rem);
  margin-top: clamp(5rem, 10vw, 10rem);
  padding-top: 1.5rem;
  border-top: 1px solid var(--route-line);
}
.person-profile > div > p { margin: 0 0 .5rem; color: var(--route-muted); font-size: .59rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.person-profile > div > strong { max-width: 18rem; font-size: .98rem; font-weight: 400; }
.person-profile article h2 { margin: .8rem 0 1.2rem; font-size: clamp(2.4rem, 4.5vw, 4.8rem); font-weight: 400; letter-spacing: -.055em; line-height: .9; }
.person-profile article > p:not(.route-page__eyebrow) { max-width: 45rem; margin: 0; color: var(--route-muted); font-size: clamp(.96rem, 1.3vw, 1.12rem); line-height: 1.65; }
.person-profile article small { display: block; margin-top: 2rem; padding-top: .7rem; border-top: 1px solid var(--route-line); color: var(--route-muted); font-size: .59rem; letter-spacing: .11em; text-transform: uppercase; }

@media (max-width: 900px) {
  .people-intro,
  .people-structure,
  .person-hero,
  .person-profile { grid-template-columns: 1fr; }
  .people-intro { gap: 1.25rem; }
  .people-structure { gap: 4rem; }
  .person-hero figure { width: min(100%, 42rem); }
}

@media (max-width: 620px) {
  .people-main,
  .person-main { padding-right: 0; padding-left: 0; }
  .people-intro h1 { font-size: clamp(2.45rem, 11vw, 3.15rem); }
  .person-hero__copy h1 { font-size: clamp(3rem, 14vw, 4.6rem); }
  .people-grid { grid-template-columns: 1fr; }
  .people-card__copy { min-height: 0; }
  .people-structure__item { grid-template-columns: 2.5rem 1fr; }
  .people-structure__item p { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .people-card img { transition: none; }
  .people-card a:hover img,
  .people-card a:focus-visible img { transform: none; }
}

/* About keeps the existing dark field, route chrome, and footer, but uses a quieter long-form article composition. */
/* About keeps the existing dark field, route chrome, and footer, but uses a quieter long-form article composition. */
.content-about .route-page__shell {
  padding-bottom: 0;
}
.content-about .content-main {
  display: block;
  min-height: auto;
  padding: clamp(3.5rem, 6vw, 5.5rem) 0 3.5rem;
}

.content-about .about-intro {
  max-width: 68rem;
  margin: 0 auto;
  text-align: center;
}

.content-about .about-intro .route-page__eyebrow {
  display: inline-block;
  margin: 0;
  color: var(--route-accent);
}

.content-about .content-copy h1 {
  max-width: none;
  margin: 1.1rem auto 1.15rem;
  font-size: clamp(2.8rem, 4.8vw, 5.6rem);
  line-height: .92;
  white-space: nowrap;
  text-wrap: balance;
}

.content-about .content-copy .route-page__lede {
  max-width: 38rem;
  margin: 0 auto;
  color: var(--route-text);
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height: 1.45;
}

.content-about .about-hero {
  width: min(100%, 72rem);
  margin: clamp(2.25rem, 4vw, 3.5rem) auto 0;
  overflow: hidden;
  aspect-ratio: 1672 / 941;
}

.content-about .about-hero img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-reading-layout {
  display: grid;
  grid-template-columns: minmax(10rem, 13rem) minmax(0, 43rem);
  gap: clamp(3rem, 8vw, 8rem);
  align-items: start;
  max-width: 67rem;
  margin: clamp(4rem, 7vw, 6rem) auto 0;
}

.content-about .about-index {
  position: sticky;
  top: 2rem;
  align-self: start;
  max-height: calc(100svh - 4rem);
  margin: 0;
  overflow: auto;
}

.content-about .about-index > p {
  margin: 0;
  padding: 1rem 0;
  color: var(--route-muted);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.content-about .about-index nav {
  display: grid;
}

.content-about .about-index nav a {
  min-height: 2.45rem;
  justify-content: flex-start;
  color: var(--route-muted);
  font-size: .88rem;
  line-height: 1.35;
}

.content-about .about-index nav a::after {
  content: none;
}

.content-about .about-index nav a:hover,
.content-about .about-index nav a:focus-visible {
  color: var(--route-accent);
}

.content-about .about-index nav a.is-active,
.content-about .about-index nav a[aria-current="location"] {
  color: var(--route-accent);
  font-weight: 700;
}
  color: var(--route-accent);
}

.about-prose {
  min-width: 0;
}

.about-prose__opening {
  max-width: 42rem;
  margin: 0 0 clamp(4rem, 8vw, 6rem);
  color: var(--route-text);
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  line-height: 1.55;
}
.about-prose__opening p {
  margin: 0;
}

.about-prose__opening p + p {
  margin-top: 1.25rem;
}

.content-about .about-intro__lede--italic {
  font-style: italic;
}

.content-about .about-sections {
  display: block;
  width: auto;
  margin: 0;
  border-top: 1px solid var(--route-line);
}

.content-about .about-section {
  display: block;
  scroll-margin-top: 2rem;
  padding: clamp(2.75rem, 6vw, 5.5rem) 0;
  border-bottom: 1px solid var(--route-line);
}

.content-about .about-section__meta {
  margin: 0 0 1.2rem;
}

.content-about .about-section__meta p {
  margin: 0;
  color: var(--route-accent);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.content-about .about-section__body {
  max-width: 42rem;
}

.content-about .about-section h2 {
  max-width: 18ch;
  margin: 0 0 1.7rem;
  font-size: clamp(2.25rem, 4.4vw, 4.5rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .94;
  text-wrap: balance;
}

.content-about .about-section p {
  max-width: 62ch;
  margin: 0;
  color: var(--route-muted);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.72;
}

.content-about .about-section p + p {
  margin-top: 1.25rem;
}

.content-about .about-section ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1.25rem;
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--route-line);
}

.content-about .about-section li {
  min-height: 3.8rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--route-line);
  color: var(--route-text);
  font-size: .95rem;
  line-height: 1.4;
}

.content-about .about-section li::before {
  content: "—";
  margin-right: .65rem;
  color: var(--route-accent);
}

.content-about .about-section__links {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  margin-top: 2rem;
  padding-top: .9rem;
  border-top: 1px solid var(--route-line);
}

.content-about .about-section__links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: .75rem;
  color: var(--route-accent);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.content-about .about-section__links a:hover,
.content-about .about-section__links a:focus-visible {
  color: var(--route-text);
}

@media (max-width: 900px) {
  .content-about .about-reading-layout {
    grid-template-columns: 1fr;
    gap: 3.5rem;
  }

  .content-about .about-index {
    position: static;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 560px) {
  .content-about .content-main {
    padding-top: 4.5rem;
  }

  .content-about .content-copy h1 {
    max-width: none;
    font-size: clamp(1.6rem, 7vw, 2.75rem);
  }

  .about-reading-layout {
    margin-top: 4rem;
  }

  .content-about .about-section h2 {
    font-size: clamp(2.1rem, 10vw, 3.2rem);
  }

  .content-about .about-section ul {
    grid-template-columns: 1fr;
  }
}

/* Shared route utilities: compact account, theme, and locale controls stay keyboardable at every width. */
.content-header__utilities {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: .35rem;
}
.content-header__utilities details { position: relative; }
.content-header__utilities summary {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: .35rem;
  padding: .35rem .55rem;
  color: var(--route-muted);
  cursor: pointer;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .1em;
  list-style: none;
  text-transform: uppercase;
}
.content-header__utilities summary::-webkit-details-marker { display: none; }
.content-header__utilities summary:hover,
.content-header__utilities summary:focus-visible,
.content-header__utilities details[open] > summary { color: var(--route-accent); }
.language-picker > div,
.theme-picker__options,
.account-picker__body {
  position: absolute;
  z-index: 10;
  top: calc(100% + .35rem);
  right: 0;
  display: grid;
  min-width: 10rem;
  gap: .15rem;
  padding: .45rem;
  border: 1px solid var(--route-line);
  background: var(--route-bg);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .22);
}
.language-picker > div a,
.theme-picker__options button,
.account-picker__body > * {
  display: block;
  min-height: 2.5rem;
  padding: .7rem .65rem;
  border: 0;
  color: var(--route-muted);
  background: transparent;
  font: inherit;
  font-size: .68rem;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
}
.language-picker > div a:hover,
.language-picker > div a:focus-visible,
.theme-picker__options button:hover,
.theme-picker__options button:focus-visible,
.theme-picker__options button.is-active { color: var(--route-accent); background: color-mix(in srgb, var(--route-accent) 8%, transparent); }
.theme-picker__options button { width: 100%; cursor: pointer; }
.account-picker__body { width: min(18rem, calc(100vw - 2.5rem)); gap: .45rem; }
.account-picker__body p,
.account-picker__body small { margin: 0; color: var(--route-muted); font-size: .78rem; line-height: 1.45; }
.account-picker__body small { font-size: .68rem; }
.account-picker__body .account-picker__try { color: var(--route-accent); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.content-header__account { order: 3; }
.theme-picker { order: 2; }
.language-picker { order: 4; }

/* Theme switching is scoped to editorial routes; the default remains the established dark field. */
html[data-theme="light"] .content-page {
  --route-bg: #f6f6f1;
  --route-panel: #ebece5;
  --route-text: #15211d;
  --route-muted: rgba(21, 33, 29, .72);
  --route-line: rgba(21, 33, 29, .17);
  --route-accent: #76B900;
  color-scheme: light;
  color: var(--route-text);
  background: var(--route-bg);
}
html[data-theme="light"] .content-page .content-field { filter: saturate(.68) contrast(.92) brightness(1.18); }
html[data-theme="light"] .content-page .content-field::after { background: linear-gradient(90deg, rgba(246, 246, 241, .92), rgba(246, 246, 241, .76) 58%, rgba(246, 246, 241, .88)); }
html[data-theme="light"] .content-page .route-page__header,
html[data-theme="light"] .content-page .content-footer { background: rgba(246, 246, 241, .8); }
html[data-theme="light"] .content-page .route-feature,
html[data-theme="light"] .content-page .about-related__copy { background: rgba(246, 246, 241, .78); }
html[data-theme="light"] .content-page .account-picker__body,
html[data-theme="light"] .content-page .language-picker > div,
html[data-theme="light"] .content-page .theme-picker__options { background: var(--route-bg); box-shadow: 0 1rem 2rem rgba(21, 33, 29, .12); }

/* About article toolbar, publication record, and related route shelf. */
.content-about .about-article__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  margin: 1.7rem auto 0;
}
.content-about .about-article__toolbar button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: .45rem;
  padding: .55rem .75rem;
  border: 1px solid var(--route-line);
  color: var(--route-muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.content-about .about-article__toolbar button:hover,
.content-about .about-article__toolbar button:focus-visible,
.content-about .about-article__toolbar button[data-state="speaking"],
.content-about .about-article__toolbar button[data-state="paused"] { border-color: var(--route-accent); color: var(--route-accent); }
.content-about .about-article__toolbar button:disabled { cursor: not-allowed; opacity: .55; }
.about-article__toolbar-status { min-height: 1.2rem; color: var(--route-muted); font-size: .72rem; }
.about-ending-meta {
  display: grid;
  grid-template-columns: minmax(8rem, .35fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
  margin-top: clamp(3rem, 7vw, 6rem);
  padding: 1.5rem 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
}
.about-ending-meta > div:first-child { display: grid; gap: .4rem; }
.about-ending-meta > div:first-child p,
.about-publication dt { margin: 0; color: var(--route-accent); font-size: .64rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.about-ending-meta > div:first-child span { color: var(--route-muted); font-size: .82rem; }
.about-publication { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0; }
.about-publication > div { display: grid; gap: .25rem; min-width: 7rem; }
.about-publication dd { margin: 0; color: var(--route-text); font-size: .92rem; }
.about-related {
  width: min(100%, 72rem);
  margin: clamp(4rem, 9vw, 9rem) auto 0;
  padding-bottom: clamp(2rem, 5vw, 5rem);
}
.about-related > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 0 clamp(2rem, 4vw, 3.5rem);
}
.about-related > header p { margin: 0 0 .7rem; color: var(--route-accent); font-size: .66rem; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.about-related > header h2 { margin: 0; font-size: clamp(2.2rem, 4.5vw, 4.5rem); font-weight: 400; letter-spacing: -.055em; line-height: .92; }
.about-related__controls { display: flex; align-items: center; gap: .45rem; }
.about-related__controls button { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--route-line); color: var(--route-text); background: transparent; cursor: pointer; font: inherit; font-size: 1.15rem; }
.about-related__controls button:hover,
.about-related__controls button:focus-visible { border-color: var(--route-accent); color: var(--route-accent); }
.about-related__controls button:disabled { cursor: not-allowed; opacity: .35; }
.about-related__controls a { display: inline-flex; min-height: 44px; align-items: center; margin-left: .55rem; color: var(--route-accent); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.about-related__viewport { overflow-x: auto; overscroll-behavior-x: contain; scroll-behavior: smooth; scroll-padding-inline: 1px; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-y; }
.about-related__viewport::-webkit-scrollbar { display: none; }
.about-related__viewport.is-dragging { cursor: grabbing; user-select: none; }
.about-related__track { display: flex; gap: 1px; min-width: max-content; border-top: 1px solid var(--route-line); border-bottom: 1px solid var(--route-line); }
.about-related__item { flex: 0 0 calc((100vw - 2rem) / 3.15); min-width: 0; max-width: 30rem; border-right: 1px solid var(--route-line); scroll-snap-align: start; }
.about-related__item a { display: flex; height: 100%; flex-direction: column; }
.about-related__item img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: .68; transition: opacity 180ms ease; }
.about-related__item a:hover img,
.about-related__item a:focus-visible img { opacity: .9; }
.about-related__item > a > div { display: flex; min-height: 14rem; flex: 1; flex-direction: column; padding: 1.25rem 1.25rem 1.5rem; background: rgba(3, 18, 13, .62); }
.about-related__item p { margin: 0 0 auto; color: var(--route-accent); font-size: .65rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.about-related__item h3 { margin: 2.5rem 0 .65rem; font-size: clamp(1.25rem, 1.9vw, 1.85rem); font-weight: 400; letter-spacing: -.03em; line-height: 1.05; }
.about-related__item span { color: var(--route-muted); line-height: 1.45; }
.about-related__item time { display: block; margin-top: 1.25rem; color: var(--route-muted); font-size: .7rem; letter-spacing: .04em; }

/* Shared multi-column editorial footer. */
.content-footer { display: block; padding-top: clamp(3rem, 6vw, 5rem); }
.content-footer__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(1.25rem, 2.4vw, 3rem); padding-bottom: clamp(3rem, 8vw, 7rem); }
.content-footer__grid section { min-width: 0; }
.content-footer__grid h2 { margin: 0 0 1rem; color: var(--route-muted); font-size: .68rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }
.content-footer__group { margin-top: 1.75rem; }
.content-footer__group:first-of-type { margin-top: 0; }
.content-footer__group h3 { margin: 0 0 .7rem; color: color-mix(in srgb, var(--route-muted) 72%, transparent); font-size: .58rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; }
.content-footer__grid nav { display: grid; gap: .75rem; }
.content-footer__grid a { color: var(--route-text); font-size: .8rem; line-height: 1.35; }
.content-footer__grid a:hover,
.content-footer__grid a:focus-visible { color: var(--route-accent); }
.content-footer__base { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid var(--route-line); }
.content-footer__base p { margin: 0; }
.content-footer__base nav { display: flex; flex-wrap: wrap; gap: .75rem 1rem; }

@media (max-width: 900px) {
  .content-header__utilities { grid-column: 1 / -1; grid-row: 3; justify-content: flex-start; padding-bottom: .9rem; }
  .about-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-related__item:nth-child(2) { border-right: 0; }
  .about-related__item:last-child { grid-column: 1 / -1; border-top: 1px solid var(--route-line); border-right: 0; }
  .content-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .content-header__utilities { gap: .1rem; }
  .content-header__utilities summary { padding-right: .35rem; padding-left: .35rem; font-size: .58rem; letter-spacing: .06em; }
  .content-header__utilities summary > span:not([aria-hidden]) { display: none; }
  .about-article__toolbar { justify-content: flex-start; }
  .about-ending-meta { grid-template-columns: 1fr; gap: 1.5rem; }
  .about-related > header { align-items: flex-start; flex-direction: column; }
  .about-related__grid { grid-template-columns: 1fr; }
  .about-related__item,
  .about-related__item:nth-child(2),
  .about-related__item:last-child { grid-column: auto; border-right: 0; border-top: 0; border-bottom: 1px solid var(--route-line); }
  .about-related__item:last-child { border-bottom: 0; }
  .content-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem 1rem; }
  .content-footer__base { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .about-related__item img { transition: none; }
}

@media (max-width: 900px) {
  .content-about .content-copy h1 { white-space: normal; overflow-wrap: anywhere; }
}

/* About editorial scale: compact reading rhythm with the restrained hierarchy of a modern research publication. */
.content-about .content-copy h1 {
  max-width: 20ch;
  margin-top: .8rem;
  margin-bottom: .9rem;
  font-size: clamp(2.25rem, 3.8vw, 4rem);
  line-height: .98;
  white-space: normal;
}
.content-about .content-copy .route-page__lede {
  max-width: 34rem;
  font-size: clamp(.98rem, 1.05vw, 1.08rem);
  line-height: 1.55;
}
.content-about .about-intro__meta {
  display: flex;
  justify-content: center;
  gap: .55rem;
  margin-top: 1rem;
  color: var(--route-muted);
  font-size: .76rem;
  line-height: 1.4;
}
.content-about .about-intro__meta time { color: var(--route-muted); }
.content-about .about-article__toolbar { margin-top: 1rem; }
.content-about .about-reading-layout {
  grid-template-columns: minmax(8rem, 11rem) minmax(0, 39rem);
  gap: clamp(2rem, 5vw, 5rem);
  max-width: 59rem;
  margin-top: clamp(3rem, 5vw, 4.5rem);
}
.content-about .about-prose__opening {
  max-width: 39rem;
  margin-bottom: clamp(3rem, 5vw, 4.5rem);
  font-size: clamp(1.08rem, 1.35vw, 1.2rem);
  line-height: 1.58;
}
.content-about .about-section { padding: clamp(2.3rem, 4vw, 3.75rem) 0; }
.content-about .about-section__meta { margin-bottom: .85rem; }
.content-about .about-section__body { max-width: 39rem; }
.content-about .about-section h2 {
  max-width: 22ch;
  margin-bottom: 1.25rem;
  font-size: clamp(1.85rem, 3vw, 3rem);
  line-height: 1;
}
.content-about .about-section p {
  font-size: clamp(.95rem, 1.05vw, 1.02rem);
  line-height: 1.68;
}
.content-about .about-section p + p { margin-top: 1rem; }
.content-about .about-section ul { margin-top: 1.75rem; }
.content-about .about-section li { min-height: 3.2rem; padding: .78rem 0; font-size: .9rem; }
.content-about .about-related { margin-top: clamp(3rem, 6vw, 6rem); }
.content-about .about-related > header { padding-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.content-about .about-related > header h2 { font-size: clamp(1.8rem, 3.2vw, 3rem); line-height: 1; }
.content-about .about-related__item h3 { font-size: clamp(1.1rem, 1.5vw, 1.5rem); }
.content-about .about-related__item > a > div { min-height: 12rem; padding: 1rem 1.1rem 1.2rem; }
@media (max-width: 560px) {
  .content-about .content-copy h1 { max-width: 14ch; font-size: clamp(2rem, 10vw, 3rem); }
  .content-about .about-intro__meta { font-size: .72rem; }
  .content-about .about-reading-layout { margin-top: 2.75rem; }
  .content-about .about-prose__opening { font-size: 1.05rem; }
  .content-about .about-section h2 { font-size: clamp(1.75rem, 8vw, 2.45rem); }
}
.content-about .about-section__closing {
  margin-top: 1.5rem !important;
  padding-top: 1rem;
  border-top: 1px solid var(--route-line);
  color: var(--route-text) !important;
  font-size: .82rem !important;
  letter-spacing: .04em;
}
.content-about .about-section__closing strong { font-weight: 600; }

/* Related articles: a quiet three-up editorial shelf, matching the compact reference layout. */
.content-about .about-related {
  width: min(calc(100% - 2rem), 87rem);
  margin-top: clamp(5rem, 10vw, 9rem);
  padding-bottom: clamp(3rem, 6vw, 6rem);
}
.content-about .about-related > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 0 0 2.75rem;
}
.content-about .about-related > header h2 {
  margin: 0;
  color: var(--route-text);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.15;
}
.content-about .about-related__controls { margin-left: auto; }
.content-about .about-related__controls a {
  min-height: 0;
  margin: 0;
  color: var(--route-text);
  font-size: .78rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.content-about .about-related__viewport { margin: 0; }
.content-about .about-related__track {
  gap: 1.5rem;
  min-width: max-content;
  border: 0;
}
.content-about .about-related__item {
  flex: 0 0 calc((min(100vw - 2rem, 87rem) - 3rem) / 3);
  max-width: none;
  border: 0;
}
.content-about .about-related__item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: .2rem;
  opacity: .78;
}
.content-about .about-related__item > a > div {
  display: block;
  min-height: 0;
  padding: 1rem 0 0;
  background: transparent;
}
.content-about .about-related__item h3 {
  margin: 0;
  color: var(--route-text);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.2;
}
.content-about .about-related__item .about-related__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  margin: 1rem 0 0;
  color: var(--route-muted);
  font-size: .75rem;
  line-height: 1.35;
}
.content-about .about-related__item .about-related__meta span,
.content-about .about-related__item .about-related__meta time {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 760px) {
  .content-about .about-related > header { align-items: flex-start; padding-bottom: 1.5rem; }
  .content-about .about-related__item { flex-basis: calc(100vw - 3rem); }
}

/* Give the related shelf the clean, paper-like finish of the reference page. */
.content-about .about-related {
  --route-bg: #ffffff;
  --route-text: #111111;
  --route-muted: rgba(17, 17, 17, .7);
  --route-line: rgba(17, 17, 17, .16);
  --route-accent: #111111;
  width: calc(100% + (var(--edge) * 2));
  margin-left: calc(var(--edge) * -1);
  padding: clamp(5rem, 9vw, 8rem) var(--edge) clamp(4rem, 7vw, 6rem);
  color: var(--route-text);
  background: #fff;
}

/* Final related shelf tuning: keep the Navin field continuous and make the row a true draggable carousel. */
.content-about .about-related {
  --route-text: #f4f7ec;
  --route-muted: rgba(244, 247, 236, .72);
  --route-line: rgba(244, 247, 236, .2);
  --route-accent: #d9ff57;
  width: calc(100% + (var(--edge) * 2));
  margin-left: calc(var(--edge) * -1);
  padding: clamp(5rem, 9vw, 8rem) var(--edge) clamp(4rem, 7vw, 6rem);
  color: var(--route-text);
  background: transparent;
}
.content-about .about-related > header h2 { color: var(--route-text); }
.content-about .about-related__controls { display: flex; align-items: center; gap: .5rem; }
.content-about .about-related__controls button {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--route-line);
  color: var(--route-text);
  background: rgba(244, 247, 236, .06);
  cursor: pointer;
  font: inherit;
  font-size: 1rem;
}
.content-about .about-related__controls button:hover,
.content-about .about-related__controls button:focus-visible { border-color: var(--route-accent); color: var(--route-accent); }
.content-about .about-related__controls button:disabled { cursor: not-allowed; opacity: .35; }
.content-about .about-related__controls a { color: var(--route-accent); }
.content-about .about-related__track { gap: 1.5rem; }
.content-about .about-related__item {
  flex-basis: calc((100vw - (var(--edge) * 2) - 4.5rem) / 4);
  border: 0;
}
.content-about .about-related__item img {
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: .2rem;
}
.content-about .about-related__item > a > div { min-height: 6.25rem; }
.content-about .about-related__item h3 { font-size: clamp(.95rem, 1.1vw, 1.15rem); }
.content-about .about-related__item .about-related__meta { margin-top: .85rem; font-size: .7rem; }
.content-about .about-related__viewport { cursor: grab; }
.content-about .about-related__viewport.is-dragging { cursor: grabbing; }
@media (max-width: 760px) {
  .content-about .about-related__item { flex-basis: calc(100vw - 3rem); }
}

/* Audio/share row sits directly below the banner, like an article utility rail. */
.content-about .about-article__toolbar {
  width: min(100%, 72rem);
  min-height: 4.25rem;
  align-items: center;
  justify-content: flex-start;
  gap: .9rem;
  margin: 1.25rem auto 0;
  padding: .75rem 1rem;
  border-top: 1px solid rgba(244, 247, 236, .18);
  border-bottom: 1px solid rgba(244, 247, 236, .18);
  color: #111;
  background: #fff;
}
.content-about .about-article__toolbar button {
  min-height: 2.5rem;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font-size: .84rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.content-about .about-article__toolbar button[data-listen] { display: inline-flex; align-items: center; gap: .7rem; }
.content-about .about-article__play-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #111;
  background: #f2f2f2;
  font-size: .72rem;
}
.content-about .about-article__toolbar-divider { width: 1px; height: 1.7rem; background: rgba(17, 17, 17, .15); }
.content-about .about-article__toolbar-duration { color: rgba(17, 17, 17, .72); font-size: .82rem; }
.content-about .about-article__toolbar button[data-share] { display: inline-flex; align-items: center; gap: .5rem; margin-left: auto; }
.content-about .about-article__toolbar button:hover,
.content-about .about-article__toolbar button:focus-visible { color: #08734c; }
.content-about .about-article__toolbar-status { color: rgba(17, 17, 17, .72); font-size: .75rem; }
@media (max-width: 560px) {
  .content-about .about-article__toolbar { padding-inline: .75rem; }
  .content-about .about-article__toolbar button[data-share] { margin-left: auto; }
}

/* Route header utilities: compact theme modes plus an explicit language switcher. */
.content-page .content-header {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: clamp(1rem, 2.5vw, 2.5rem);
}
.content-page .content-header__utilities { gap: .55rem; }
.content-page .theme-picker {
  display: inline-flex;
  align-items: center;
  gap: .12rem;
  padding: .2rem;
  border: 1px solid var(--route-line);
  border-radius: .55rem;
  background: color-mix(in srgb, var(--route-bg) 78%, transparent);
}
.content-page .theme-picker button {
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: .35rem;
  color: var(--route-muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 1rem;
}
.content-page .theme-picker button:hover,
.content-page .theme-picker button:focus-visible,
.content-page .theme-picker button.is-active { color: var(--route-text); background: color-mix(in srgb, var(--route-text) 12%, transparent); }
.content-page .language-picker > summary {
  min-height: 2.7rem;
  gap: .5rem;
  padding: .35rem .8rem;
  border: 1px solid var(--route-line);
  border-radius: .55rem;
  color: var(--route-text);
  font-size: .76rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.content-page .language-picker > summary > span[aria-hidden="true"]:first-child { color: var(--route-muted); font-size: .85rem; }
.content-page .language-picker > div { min-width: 11rem; border-radius: .55rem; }
.content-page .content-header__account > .account-picker > summary {
  min-height: 2.7rem;
  padding-inline: .8rem;
  border: 1px solid var(--route-line);
  border-radius: .55rem;
  color: var(--route-text);
  font-size: .76rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 900px) {
  .content-page .content-header { grid-template-columns: auto 1fr; }
  .content-page .route-page__nav { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; justify-content: center; }
  .content-page .content-header__utilities { grid-column: 1 / -1; grid-row: 3; }
  .content-page .content-header > .content-header__utilities { justify-self: stretch; }
}
@media (max-width: 640px) {
  .content-page .content-header__utilities { flex-wrap: wrap; }
  .content-page .language-picker > summary { padding-inline: .65rem; }
  .content-page .language-picker__current { display: inline; }
  .content-page .content-header__account > .account-picker > summary { padding-inline: .65rem; }
}

/* Three-up square cards, matching the OpenAI editorial shelf proportions. */
.content-about .about-related__item {
  flex-basis: calc((100vw - (var(--edge) * 2) - 3rem) / 3);
}
.content-about .about-related__item img {
  aspect-ratio: 1 / 1;
}
@media (max-width: 760px) {
  .content-about .about-related__item { flex-basis: calc(100vw - 3rem); }
}
.content-about .about-related__viewport.is-dragging { scroll-snap-type: none; user-select: none; }
.content-about .about-related__item img { -webkit-user-drag: none; user-select: none; }

/* Theme and language controls live at the footer edge, matching the reference footer pattern. */
.content-page .content-footer__preferences {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--route-line);
}
.content-page .content-footer__preferences .theme-picker {
  display: inline-flex;
  align-items: center;
  gap: .12rem;
  padding: .2rem;
  border: 1px solid var(--route-line);
  border-radius: .55rem;
}
.content-page .content-footer__preferences .theme-picker button { width: 2.25rem; height: 2.25rem; }
.content-page .content-footer__preferences .language-picker > summary { min-height: 2.7rem; }
.content-page .content-footer__preferences .language-picker > div { bottom: calc(100% + .35rem); top: auto; }
.content-page .content-footer__social { display: flex; align-items: center; gap: 1rem; }
.content-page .content-footer__social a { min-width: 1.25rem; font-size: .78rem; text-align: center; }
@media (max-width: 640px) {
  .content-page .content-footer__preferences { justify-content: flex-start; flex-wrap: wrap; }
  .content-page .content-footer__base { align-items: flex-start; }
}

/* Audio rail icons use explicit SVG geometry instead of text glyphs. */
.content-about .about-article__play-icon svg { display: none; width: .82rem; height: .82rem; fill: currentColor; }
.content-about .about-article__play-icon[data-state="play"] [data-icon-play],
.content-about .about-article__play-icon[data-state="pause"] [data-icon-pause] { display: block; }
.content-about .about-article__toolbar-elapsed { color: rgba(17, 17, 17, .78); font-variant-numeric: tabular-nums; font-size: .8rem; }
.content-about .about-article__toolbar-icon {
  display: inline-flex !important;
  width: 3rem;
  height: 2rem;
  min-height: 2rem !important;
  align-items: center;
  justify-content: center;
  gap: .12rem;
}
.content-about .about-article__toolbar-icon svg { width: 1.3rem; height: 1.3rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.content-about .about-article__toolbar-icon > span { font-size: .67rem; font-variant-numeric: tabular-nums; font-weight: 600; }
.content-about .about-article__share-icon { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.content-about .about-article__toolbar-speed {
  min-width: 2.7rem !important;
  min-height: 2rem !important;
  padding-inline: .55rem !important;
  border: 1px solid rgba(17, 17, 17, .65) !important;
  border-radius: .55rem;
  font-size: .72rem !important;
}
.content-about .about-article__toolbar button[data-audio-control]:disabled { opacity: .45; }
.content-page .content-footer__preferences .language-picker { position: relative; }

/* Keep the footer base row intact on wide screens; preferences sit in the same baseline instead of creating a second shelf. */
@media (min-width: 641px) {
  .content-page .content-footer { position: relative; }
  .content-page .content-footer__base { padding-right: min(18rem, 30vw); }
  .content-page .content-footer__preferences {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}

/* Keep preferences directly above the legal tabs, as one compact right-hand footer group. */
.content-page .content-footer__base { align-items: flex-start; padding-right: 0; }
.content-page .content-footer__end {
  display: grid;
  justify-items: end;
  gap: .65rem;
  min-width: max-content;
}
.content-page .content-footer__preferences {
  position: static;
  margin: 0;
  padding: 0;
  border-top: 0;
}
.content-page .content-footer__legal { justify-content: flex-end; }
.content-page .company-footer__bottom { align-items: flex-start; }
.content-page .company-footer__bottom .content-footer__end { min-width: max-content; }
@media (max-width: 640px) {
  .content-page .content-footer__base,
  .content-page .company-footer__bottom { flex-direction: column; }
  .content-page .content-footer__end { justify-items: start; min-width: 0; }
  .content-page .content-footer__legal { justify-content: flex-start; }
}

.content-footer__legal-group { margin-top: 2.25rem; }
.content-footer__legal-group nav { gap: .75rem; }

/* OpenAI-like footer baseline: copyright left, platform marks centered, preferences right. */
.content-page .content-footer__base {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 1.5rem;
}
.content-page .content-footer__base > p { justify-self: start; }
.content-page .content-footer__social {
  display: flex;
  grid-column: 2;
  align-items: center;
  justify-content: center;
  gap: 1.15rem;
  color: var(--route-text);
}
.content-page .content-footer__social span { display: inline-grid; width: 1rem; height: 1rem; place-items: center; }
.content-page .content-footer__social svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.content-page .content-footer__social span[aria-label="YouTube"] svg,
.content-page .content-footer__social span[aria-label="GitHub"] svg { fill: currentColor; stroke: none; }
.content-page .content-footer__preferences { grid-column: 3; justify-self: end; }
.content-page .content-footer__preferences .language-picker > summary {
  min-height: auto;
  padding: .2rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  list-style: none;
}
.content-page .content-footer__preferences .language-picker > summary::-webkit-details-marker { display: none; }
.content-page .content-footer__preferences .language-picker > summary::marker { display: none; }
@media (max-width: 640px) {
  .content-page .content-footer__base { grid-template-columns: 1fr; gap: 1rem; }
  .content-page .content-footer__social { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  .content-page .content-footer__preferences { grid-column: 1; grid-row: 3; justify-self: start; }
}

/* Final related shelf sizing: keep three compact cards centered like the reference page. */
.content-about .about-related {
  width: min(calc(100% - 2rem), 80rem);
  margin-right: auto;
  margin-left: auto;
  padding: clamp(4rem, 7vw, 6rem) 0 clamp(3rem, 5vw, 5rem);
}
.content-about .about-related__item {
  flex: 0 0 calc((min(100vw - 2rem, 80rem) - 3rem) / 3);
  max-width: none;
}
.content-about .about-related__item img {
  aspect-ratio: 1 / 1;
  opacity: .78;
  transition: none;
}
.content-about .about-related__item a:hover img,
.content-about .about-related__item a:focus-visible img { opacity: .78; }
.content-about .about-related__viewport { scroll-behavior: auto; }
.content-about .about-related__viewport.is-dragging { scroll-behavior: auto !important; }
@media (max-width: 760px) {
  .content-about .about-related { width: calc(100% - 2rem); }
  .content-about .about-related__item { flex-basis: calc(100vw - 3rem); }
}

/* Language selector matches the theme control as a quiet footer tab. */
.content-page .content-footer__preferences .language-picker {
  border: 1px solid var(--route-line);
  border-radius: .55rem;
}
.content-page .content-footer__preferences .language-picker > summary {
  min-height: 2.7rem;
  padding: .35rem .8rem;
  color: var(--route-text);
  cursor: pointer;
}
.content-page .content-footer__preferences .language-picker > div { min-width: 10rem; }

.content-page .content-footer__copyright { white-space: nowrap; }
.content-page .manage-cookies {
  margin-left: .8rem;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: .18em;
}
.content-page .manage-cookies:hover,
.content-page .manage-cookies:focus-visible { color: var(--route-accent); }

.cookie-dialog {
  width: min(31rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  margin: auto;
  padding: 0;
  border: 0;
  color: #1b1b1b;
  background: #fff;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .35);
}
.cookie-dialog::backdrop { background: rgba(0, 0, 0, .38); }
.cookie-dialog__panel { position: relative; display: grid; gap: 1.25rem; max-height: calc(100vh - 2rem); overflow: auto; padding: 1.75rem 1.5rem 1.35rem; }
.cookie-dialog__close { position: absolute; top: .75rem; right: .9rem; width: 2rem; height: 2rem; border: 0; color: #555; background: transparent; cursor: pointer; font-size: 1.5rem; line-height: 1; }
.cookie-dialog h2 { margin: 0; color: #111; font-size: 1.35rem; font-weight: 500; letter-spacing: -.02em; }
.cookie-dialog p { margin: 0; color: #444; font-size: .9rem; line-height: 1.55; }
.cookie-dialog p a { color: #111; text-decoration: underline; text-underline-offset: .16em; }
.cookie-dialog__options { display: grid; gap: 1.05rem; }
.cookie-dialog__option { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: .7rem; align-items: start; color: #222; cursor: pointer; }
.cookie-dialog__option input { width: .85rem; height: .85rem; margin: .15rem 0 0; accent-color: #111; }
.cookie-dialog__option input:disabled { accent-color: #c8c8c8; }
.cookie-dialog__option span { display: grid; gap: .35rem; }
.cookie-dialog__option strong { font-size: .88rem; font-weight: 500; }
.cookie-dialog__option small { color: #707070; font-size: .84rem; line-height: 1.55; }
.cookie-dialog__done { min-height: 2.7rem; border: 0; border-radius: 999px; color: #fff; background: #000; cursor: pointer; font: inherit; font-size: .86rem; font-weight: 600; }
.cookie-dialog__done:hover,
.cookie-dialog__done:focus-visible { background: #2a2a2a; }
@media (max-width: 640px) {
  .content-page .content-footer__copyright { white-space: normal; }
  .cookie-dialog__panel { padding-inline: 1.25rem; }
}

/* Dragging is free-form: never snap the release point back to a three-card boundary. */
.content-about .about-related__viewport { scroll-snap-type: none; }
.content-about .about-related__item { scroll-snap-align: none; }

/* Theme and language controls share one exact control height and center line. */
.content-page .content-footer__preferences { align-items: stretch; gap: .55rem; }
.content-page .content-footer__preferences .theme-picker,
.content-page .content-footer__preferences .language-picker {
  height: 2.7rem;
  box-sizing: border-box;
}
.content-page .content-footer__preferences .language-picker > summary {
  display: inline-flex;
  width: 5.5rem;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.content-page .content-footer__preferences .language-picker__current { display: block; line-height: 1; text-align: center; }
.content-page .content-footer__preferences .language-picker > div a { text-align: right; }

.content-page .content-footer__preferences .theme-picker button svg {
  width: 1.1rem;
  height: 1.1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.45;
}
.content-page .content-footer__preferences .language-picker > summary { font-size: .88rem; font-weight: 500; }

/* Header account actions remain visibly available while failing closed until real destinations are published. */
.content-page .content-header__account { display: flex; align-items: center; gap: .55rem; }
.content-page .content-header__account summary,
.content-page .content-header__try {
  min-height: 2.25rem;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}
.content-page .content-header__account summary {
  padding: .35rem .85rem;
  color: var(--route-text);
  background: color-mix(in srgb, var(--route-text) 10%, transparent);
}
.content-page .content-header__try {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .35rem .9rem;
  border: 1px solid var(--route-text);
  color: var(--route-bg);
  background: var(--route-text);
  cursor: not-allowed;
  opacity: 1;
  font-family: inherit;
}
.content-page .content-header__try > span[aria-hidden="true"] { font-size: .9rem; }
html[data-theme="light"] .content-page .content-footer { background: transparent; }
@media (max-width: 640px) {
  .content-page .content-header__account { gap: .35rem; }
  .content-page .content-header__account summary,
  .content-page .content-header__try { padding-inline: .65rem; font-size: .7rem; }
}

/* Refined carousel controls: lightweight SVG chevrons instead of text glyphs. */
.content-about .about-related__controls button svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.35;
}
.content-about .about-related__view-all {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  padding: 0 .65rem;
  color: var(--route-accent);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html[data-theme="light"] .content-about .about-related__controls button,
html[data-theme="light"] .content-about .about-related__view-all {
  border-color: transparent;
  color: var(--route-text);
  background: color-mix(in srgb, var(--route-text) 8%, transparent);
}
html[data-theme="light"] .content-about .about-related__controls button:hover,
html[data-theme="light"] .content-about .about-related__controls button:focus-visible,
html[data-theme="light"] .content-about .about-related__view-all:hover,
html[data-theme="light"] .content-about .about-related__view-all:focus-visible {
  color: var(--route-accent);
  background: color-mix(in srgb, var(--route-accent) 12%, transparent);
}

/* The related shelf overrides its own palette for the dark field; restore readable ink in light mode. */
html[data-theme="light"] .content-about .about-related {
  --route-text: #15211d;
  --route-muted: rgba(21, 33, 29, .72);
  --route-line: rgba(21, 33, 29, .17);
  --route-accent: #76B900;
}

/* Notes archive: a quiet editorial index for the real Markdown articles. */
.content-notes .notes-main {
  width: min(100%, 80rem);
  margin: 0 auto;
  padding: clamp(5rem, 10vw, 9rem) 0 clamp(4rem, 8vw, 7rem);
}
.content-notes .notes-hero { max-width: 50rem; }
.content-notes .notes-hero h1 {
  margin: .7rem 0 1.25rem;
  color: var(--route-text);
  font-size: clamp(3.5rem, 8vw, 7rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .9;
}
.content-notes .notes-hero__lede {
  max-width: 38rem;
  margin: 0;
  color: var(--route-muted);
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  line-height: 1.55;
}
.content-notes .notes-topics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem 1.35rem;
  margin-top: clamp(3.5rem, 8vw, 6rem);
  padding: 1rem 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
  color: var(--route-muted);
  font-size: .78rem;
}
.content-notes .notes-topics__label {
  margin-right: .35rem;
  color: var(--route-text);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.content-notes .notes-topics a,
.content-notes .notes-topics span:not(.notes-topics__label) { color: var(--route-muted); }
.content-notes .notes-topics a.is-active,
.content-notes .notes-topics a:hover,
.content-notes .notes-topics a:focus-visible { color: var(--route-accent); }
.content-notes .notes-featured {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(19rem, 1fr);
  gap: clamp(1.5rem, 3vw, 3rem);
  margin-top: clamp(3rem, 6vw, 5rem);
}
.content-notes .notes-card { min-width: 0; }
.content-notes .notes-card > a { display: block; height: 100%; }
.content-notes .notes-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: .2rem;
  opacity: .82;
}
.content-notes .notes-card__copy { padding-top: 1rem; }
.content-notes .notes-card__category {
  margin: 0 0 .55rem;
  color: var(--route-accent);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.content-notes .notes-card h2 {
  margin: 0;
  color: var(--route-text);
  font-size: clamp(1.25rem, 2.4vw, 2.35rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.05;
}
.content-notes .notes-card__description {
  max-width: 40rem;
  margin: .8rem 0 0;
  color: var(--route-muted);
  font-size: .92rem;
  line-height: 1.55;
}
.content-notes .notes-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1rem 0 0;
  color: var(--route-muted);
  font-size: .7rem;
}
.content-notes .notes-featured__side {
  display: grid;
  gap: clamp(2rem, 4vw, 3rem);
}
.content-notes .notes-card--compact {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--route-line);
}
.content-notes .notes-card--compact img { aspect-ratio: 1 / 1; }
.content-notes .notes-card--compact .notes-card__copy { padding-top: 0; }
.content-notes .notes-card--compact h2 { font-size: clamp(1rem, 1.5vw, 1.35rem); }
.content-notes .notes-card--compact .notes-card__description { display: none; }
.content-notes .notes-grid { margin-top: clamp(5rem, 10vw, 8rem); }
.content-notes .notes-grid > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--route-line);
}
.content-notes .notes-grid > header p { margin: 0; }
.content-notes .notes-grid > header h2 { margin: 0; color: var(--route-text); font-size: 1.35rem; font-weight: 400; }
.content-notes .notes-grid__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3.5rem 1.5rem;
  padding-top: 2rem;
}
.content-notes .notes-grid__items .notes-card img { aspect-ratio: 1 / 1; }
.content-notes .notes-grid__items .notes-card h2 { font-size: clamp(1.05rem, 1.35vw, 1.35rem); }
@media (max-width: 850px) {
  .content-notes .notes-main { width: 100%; }
  .content-notes .notes-featured { grid-template-columns: 1fr; }
  .content-notes .notes-featured__side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .content-notes .notes-featured__side,
  .content-notes .notes-grid__items { grid-template-columns: 1fr; }
  .content-notes .notes-card--compact { grid-template-columns: 8rem minmax(0, 1fr); }
  .content-notes .notes-grid > header { align-items: flex-start; flex-direction: column; }
}

/* Notes archive refinements: controlled three-row index, square topic tabs, and stable editorial columns. */
.content-notes .notes-main { width: min(calc(100% - 2rem), 78rem); }
.content-notes .notes-featured { grid-column: auto; border: 0; }
.content-notes .notes-featured > .notes-card--featured { grid-column: 1; }
.content-notes .notes-featured__side { grid-column: 2; }
.content-notes .notes-topics { gap: .45rem; }
.content-notes .notes-topics__tab {
  min-height: 1.9rem;
  padding: .25rem .55rem;
  border: 1px solid var(--route-line);
  border-radius: 0;
  color: var(--route-muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .74rem;
  line-height: 1;
}
.content-notes .notes-topics__tab:hover,
.content-notes .notes-topics__tab:focus-visible,
.content-notes .notes-topics__tab.is-active { border-color: var(--route-accent); color: var(--route-text); background: color-mix(in srgb, var(--route-accent) 10%, transparent); }
.content-notes .notes-card[hidden] { display: none; }
.content-notes .notes-card img { border-radius: 0; }
.content-notes .notes-card--featured img { aspect-ratio: 16 / 8.8; }
.content-notes .notes-card--featured h2 { max-width: 19ch; font-size: clamp(2rem, 4vw, 4.1rem); line-height: .98; }
.content-notes .notes-more {
  display: block;
  margin: 2.25rem auto 0;
  padding: .7rem 1.15rem;
  border: 1px solid var(--route-line);
  border-radius: 0;
  color: var(--route-text);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .8rem;
}
.content-notes .notes-more:hover,
.content-notes .notes-more:focus-visible { border-color: var(--route-accent); color: var(--route-accent); }
.content-notes .notes-more[hidden] { display: none; }

/* Sign-in is a real, honest page shell; provider controls stay disabled until an auth backend exists. */
.content-sign-in .content-field { background-image: url("/assets/field-3.webp"); }
.content-sign-in .route-page__shell { min-height: 100svh; }
.sign-in-main { display: grid; min-height: calc(100svh - 5.2rem); place-items: center; padding: 4rem 1rem 6rem; }
.sign-in-page { display: block; grid-column: auto; width: min(100%, 27rem); min-height: 0; margin: 0; border: 0; background: transparent; text-align: center; }
.sign-in-page__mark { display: grid; width: 3rem; height: 3rem; margin: 0 auto 1.5rem; place-items: center; border: 1px solid var(--route-line); border-radius: 50%; color: var(--route-accent); font-size: .7rem; font-weight: 700; letter-spacing: .08em; }
.sign-in-page h1 { margin: .8rem 0 .7rem; color: var(--route-text); font-size: clamp(2rem, 5vw, 3rem); font-weight: 400; letter-spacing: -.05em; }
.sign-in-page__intro { margin: 0 auto 1.75rem; color: var(--route-muted); font-size: .95rem; line-height: 1.55; }
.sign-in-page__providers { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; margin-bottom: 1.5rem; }
.sign-in-page__providers button { min-height: 2.65rem; border: 1px solid var(--route-line); border-radius: 0; color: var(--route-muted); background: transparent; font: inherit; font-size: .8rem; opacity: .65; }
.sign-in-page__form { display: grid; gap: .8rem; text-align: left; }
.sign-in-page__form label { display: grid; gap: .4rem; color: var(--route-muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
.sign-in-page__form input { width: 100%; min-height: 2.8rem; padding: .65rem .75rem; border: 1px solid var(--route-line); border-radius: 0; color: var(--route-text); background: color-mix(in srgb, var(--route-bg) 76%, transparent); font: inherit; }
.sign-in-page__form > button { min-height: 2.8rem; margin-top: .35rem; border: 1px solid var(--route-accent); border-radius: 0; color: #FFFFFF; background: var(--route-accent); cursor: pointer; font: inherit; font-size: .82rem; font-weight: 700; }
.sign-in-page__form > button:hover, .sign-in-page__form > button:focus-visible { filter: brightness(1.08); }
.sign-in-page__note { margin: 1.25rem 0 0; color: var(--route-muted); font-size: .72rem; line-height: 1.5; }
.sign-in-page .sign-in-dialog__status { margin: .15rem 0 0; color: var(--route-accent); font-size: .78rem; line-height: 1.45; }

/* Header actions stay compact while preserving the requested square outlined treatment. */
.content-page .content-header__sign-in,
.content-page .content-header__sales,
.content-page .content-header__try { min-height: 2.3rem; border-radius: 0; text-decoration: none; }

/* Header actions: Login stays quiet, while sales and product entry points use distinct outlined tabs. */
/* Header actions: Login stays quiet, while sales and product entry points use distinct outlined tabs. */
.content-page .content-header__login {
  display: inline-flex;
  min-height: 2.7rem;
  align-items: center;
  padding: .35rem .25rem;
  color: var(--route-text);
  font-size: .76rem;
  white-space: nowrap;
}
.content-page .content-header__sales,
.content-page .content-header__try {
  display: inline-flex;
  min-height: 2.7rem;
  align-items: center;
  justify-content: center;
  padding: .35rem .8rem;
  border: 1px solid var(--route-line);
  color: var(--route-text);
  background: transparent;
  font-family: inherit;
  font-size: .76rem;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
}
.content-page .content-header__sales { border-radius: 999px; }
.content-page .content-header__try { border-radius: .55rem; gap: .3rem; cursor: not-allowed; opacity: 1; }
.content-page .content-header__sales:hover,
.content-page .content-header__sales:focus-visible,
.content-page .content-header__try:hover,
.content-page .content-header__try:focus-visible { border-color: var(--route-accent); color: var(--route-accent); }
@media (max-width: 640px) {
  .content-page .content-header__login,
  .content-page .content-header__sales,
  .content-page .content-header__try { min-height: 2.35rem; padding-inline: .55rem; font-size: .7rem; }
}

/* Compact editorial header and a truthful sign-in surface. */
.content-page .content-header {
  min-height: 5.25rem;
}
.content-page .route-page__nav {
  justify-self: center;
  width: auto;
  gap: 1.15rem;
  font-size: .82rem;
}
.content-page .content-header > .content-wordmark { justify-self: start; }
.content-page .content-header > .content-header__utilities { justify-self: end; }
.content-page .content-header__sign-in {
  display: inline-flex;
  min-height: 2.7rem;
  align-items: center;
  padding: .35rem .25rem;
  border: 0;
  color: var(--route-text);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .8rem;
  white-space: nowrap;
}
.content-page .content-header__sign-in:hover,
.content-page .content-header__sign-in:focus-visible { color: var(--route-accent); }
html[data-theme="light"] .content-page .route-page__header { background: transparent; }

.sign-in-dialog {
  width: min(28rem, calc(100% - 2rem));
  padding: 0;
  border: 1px solid var(--route-line);
  border-radius: .7rem;
  color: var(--route-text);
  background: var(--route-bg);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .28);
}
.sign-in-dialog::backdrop { background: rgba(0, 0, 0, .55); }
.sign-in-dialog__panel { display: grid; gap: 1rem; padding: clamp(1.5rem, 5vw, 2.5rem); }
.sign-in-dialog__close {
  justify-self: end;
  width: 2rem;
  height: 2rem;
  margin: -.5rem -.5rem 0 0;
  border: 0;
  color: var(--route-muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 1.4rem;
  line-height: 1;
}
.sign-in-dialog__close:hover,
.sign-in-dialog__close:focus-visible { color: var(--route-text); }
.sign-in-dialog__panel h2 { margin: -.25rem 0 0; font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.sign-in-dialog__intro { margin: 0; color: var(--route-muted); font-size: .9rem; line-height: 1.55; }
.sign-in-dialog__panel label { display: grid; gap: .4rem; color: var(--route-text); font-size: .78rem; }
.sign-in-dialog__panel input { width: 100%; min-height: 2.75rem; padding: .55rem .7rem; border: 1px solid var(--route-line); border-radius: .35rem; color: var(--route-text); background: color-mix(in srgb, var(--route-text) 5%, transparent); font: inherit; }
.sign-in-dialog__panel input:focus { outline: 2px solid var(--route-accent); outline-offset: 2px; }
.sign-in-dialog__submit { min-height: 2.75rem; border: 0; border-radius: .35rem; color: var(--route-bg); background: var(--route-text); cursor: pointer; font: inherit; font-weight: 700; }
.sign-in-dialog__submit:hover,
.sign-in-dialog__submit:focus-visible { color: var(--route-bg); background: var(--route-accent); }
.sign-in-dialog__status { margin: 0; padding: .75rem; border: 1px solid var(--route-line); color: var(--route-muted); font-size: .78rem; line-height: 1.45; }
@media (max-width: 900px) {
  .content-page .route-page__nav { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; }
}
@media (max-width: 640px) {
  .content-page .content-header__sign-in { min-height: 2.35rem; padding-inline: .55rem; font-size: .7rem; }
}

@media (max-width: 850px) {
  .content-notes .notes-featured__side { grid-column: auto; }
}

@media (max-width: 620px) {
  .content-notes .notes-featured > .notes-card--featured { grid-column: auto; }
  .content-notes .notes-topics { align-items: flex-start; }
  .content-notes .notes-topics__label { width: 100%; }
  .sign-in-main { padding-top: 3rem; }
  .sign-in-page__providers { grid-template-columns: 1fr; }
}

/* Final header calibration: tighter vertical tabs, larger labels, centered utility cluster. */
.content-page .content-header__sign-in,
.content-page .content-header__sales,
.content-page .content-header__try {
  min-height: 2rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
  font-size: .84rem;
}
.content-page .content-header__sign-in { padding-inline: .2rem; }
.content-page .content-header__sales,
.content-page .content-header__try { padding-inline: .72rem; }
.content-page .content-header__try > span[aria-hidden="true"] { font-size: .92rem; }
.route-page__header .content-header__sales { padding-top: .09rem; padding-bottom: .21rem; }
.route-page__header .content-header__sales { padding-top: .15rem; padding-bottom: .15rem; font-size: .92rem; transform: translateY(2px); }
.route-page__header .content-header__sign-in { transform: translateY(2px); }
.route-page__header .content-header__try { transform: translateY(2px); }
.route-page__header .content-header__sign-in > .content-header__label,
.route-page__header .content-header__sales > .content-header__label,
.route-page__header .content-header__try > .content-header__label {
  display: inline-flex;
  align-items: center;
  transform: translateY(1px);
}
.route-page__header .content-header__try > span[aria-hidden="true"] {
  display: inline-flex;
  transform: translateY(1px);
}
@media (max-width: 900px) {
  .content-page .content-header__utilities,
  .content-page .content-header__account { justify-content: center; }
  .content-page .content-header__account { width: 100%; }
  .content-page .route-page__nav { justify-content: center; }
}
@media (max-width: 640px) {
  .content-page .content-header__sign-in,
  .content-page .content-header__sales,
  .content-page .content-header__try { min-height: 1.9rem; font-size: .82rem; }
  .content-page .content-header__sales,
  .content-page .content-header__try { padding-inline: .58rem; }
}

/* Notes editorial controls and OpenAI-like latest/older card composition. */
.content-notes .notes-hero h1 { margin: 0; }
.content-notes .notes-topics.is-collapsed { display: none; }
.content-notes .notes-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.1rem;
  padding: .75rem 0;
  border-top: 1px solid var(--route-line);
  border-bottom: 1px solid var(--route-line);
}
.content-notes .notes-controls__primary,
.content-notes .notes-controls__views { display: flex; align-items: center; gap: .3rem; }
.content-notes .notes-controls button {
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  gap: .4rem;
  padding: .25rem .45rem;
  border: 0;
  border-radius: 0;
  color: var(--route-text);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
}
.content-notes .notes-controls button:hover,
.content-notes .notes-controls button:focus-visible,
.content-notes .notes-controls button.is-active { color: var(--route-accent); background: color-mix(in srgb, var(--route-text) 7%, transparent); }
.content-notes .notes-controls button svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.content-notes .notes-controls__views button { padding-inline: .35rem; color: var(--route-muted); }
.content-notes .notes-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: clamp(3rem, 6vw, 5rem); padding-bottom: 1.1rem; border-bottom: 1px solid var(--route-line); }
.content-notes .notes-section-heading p { margin: 0; }
.content-notes .notes-section-heading h2 { margin: 0; color: var(--route-text); font-size: 1.35rem; font-weight: 400; }
.content-notes .notes-latest .notes-section-heading { margin-top: clamp(3rem, 6vw, 5rem); }
.content-notes .notes-latest .notes-featured { margin-top: 1.75rem; }
.content-notes .notes-featured__side { gap: 2.25rem; }
.content-notes .notes-featured__side .notes-card--compact { display: block; padding-bottom: 0; border-bottom: 0; }
.content-notes .notes-featured__side .notes-card--compact .notes-card__media { aspect-ratio: 1 / 1; }
.content-notes .notes-featured__side .notes-card--compact h2 { font-size: clamp(1rem, 1.5vw, 1.4rem); }
.content-notes .notes-card__media { aspect-ratio: 16 / 10; overflow: hidden; }
.content-notes .notes-card__media img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.content-notes .notes-card--featured .notes-card__media { aspect-ratio: 16 / 8.8; }
.content-notes .notes-grid { margin-top: clamp(4rem, 8vw, 6rem); }
.content-notes .notes-grid__items .notes-card__media { aspect-ratio: 1 / 1; }
.content-notes .notes-grid__items--list { grid-template-columns: 1fr; }
.content-notes .notes-grid__items--list .notes-card > a { display: grid; grid-template-columns: minmax(12rem, 18rem) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.content-notes .notes-grid__items--list .notes-card__copy { padding-top: 0; }
@media (max-width: 620px) {
  .content-notes .notes-controls { align-items: flex-start; }
  .content-notes .notes-section-heading { align-items: flex-start; flex-direction: column; }
  .content-notes .notes-grid__items--list .notes-card > a { grid-template-columns: 1fr; }
}

/* Standalone sign-in surface: no site chrome, with a quiet brand panel and a focused form. */
.standalone-sign-in {
  min-width: 320px;
  min-height: 100svh;
  margin: 0;
  color: #151a18;
  background: #f8f8f5;
  font-family: "Atkinson", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.standalone-sign-in a { color: inherit; text-decoration: none; }
.sign-in-shell { display: grid; min-height: 100svh; grid-template-columns: minmax(20rem, .7fr) minmax(30rem, 1.3fr); }
.sign-in-aside { position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: space-between; overflow: hidden; padding: clamp(2rem, 5vw, 5rem); color: #f4f7ec; background: #07140f url("/assets/field-3.webp") center / cover; }
.sign-in-aside::before { position: absolute; inset: 0; content: ""; background: linear-gradient(145deg, rgba(2, 12, 9, .88), rgba(3, 28, 18, .58) 52%, rgba(3, 13, 10, .92)); }
.sign-in-aside > * { position: relative; z-index: 1; }
.sign-in-aside__brand { display: inline-grid; width: max-content; color: #d9ff57; font-size: .78rem; font-weight: 700; letter-spacing: .13em; line-height: 1.1; }
.sign-in-aside__content { max-width: 28rem; margin: auto 0; }
.sign-in-aside__eyebrow,
.sign-in-panel__eyebrow { margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.sign-in-aside__eyebrow { color: #d9ff57; }
.sign-in-aside h1 { max-width: 14ch; margin: 1rem 0 1.25rem; font-size: clamp(2.8rem, 5vw, 5.8rem); font-weight: 400; letter-spacing: -.065em; line-height: .92; }
.sign-in-aside__content p:last-child { max-width: 27rem; margin: 0; color: rgba(244, 247, 236, .72); font-size: 1rem; line-height: 1.55; }
.sign-in-aside__status { margin: 0; color: rgba(244, 247, 236, .52); font-size: .65rem; font-weight: 700; letter-spacing: .14em; }
.sign-in-panel { position: relative; display: grid; min-height: 100svh; place-items: center; padding: 5.5rem 1.5rem 3rem; background: #f8f8f5; }
.sign-in-panel__inner { width: min(100%, 27rem); transform: translate(-1rem, -2.75rem); }
.sign-in-panel__mark { display: block; width: 4.25rem; height: 4.25rem; margin-bottom: 1.35rem; object-fit: contain; }
.sign-in-panel__eyebrow { color: #526057; }
.sign-in-panel h2 { margin: .65rem 0 .55rem; color: #151a18; font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 400; letter-spacing: -.06em; line-height: .98; }
.sign-in-panel__intro { display: grid; max-width: 25rem; gap: .25rem; margin: .75rem 0 1.65rem; color: #68736c; font-size: .92rem; line-height: 1.5; }
.sign-in-panel__intro strong { color: #47534b; font-weight: 400; }
.sign-in-panel__intro span { color: #8a938c; }
.sign-in-providers { display: grid; grid-template-columns: repeat(3, 1fr); gap: .55rem; }
.sign-in-providers button { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; gap: .45rem; border: 1px solid rgba(21, 26, 24, .16); border-radius: .2rem; color: #151a18; background: #fff; cursor: pointer; font: inherit; font-size: .8rem; }
.sign-in-providers button:hover, .sign-in-providers button:focus-visible { border-color: #151a18; background: #f0f1ed; }
.sign-in-providers svg { width: 1rem; height: 1rem; fill: currentColor; }
.sign-in-providers button:first-child svg { fill: none; }
.sign-in-divider { display: flex; align-items: center; gap: .8rem; margin: 1.5rem 0 1.25rem; color: #8a938c; font-size: .7rem; text-transform: lowercase; }
.sign-in-divider::before, .sign-in-divider::after { flex: 1; height: 1px; content: ""; background: rgba(21, 26, 24, .14); }
.sign-in-form { display: grid; gap: .85rem; }
.sign-in-form label { display: grid; gap: .4rem; color: #47534b; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.sign-in-form input { width: 100%; min-height: 2.9rem; padding: .65rem .75rem; border: 1px solid rgba(21, 26, 24, .2); border-radius: .2rem; outline: 0; color: #151a18; background: #fff; font: inherit; font-size: .9rem; }
.sign-in-form input::placeholder { color: #a2aaa4; }
.sign-in-form input:focus { border-color: #08734c; box-shadow: 0 0 0 2px rgba(8, 115, 76, .14); }
.sign-in-form__password { position: relative; display: block; }
.sign-in-form__password input { padding-right: 2.8rem; }
.sign-in-form__password button { position: absolute; top: 50%; right: .55rem; display: grid; width: 1.8rem; height: 1.8rem; padding: 0; place-items: center; transform: translateY(-50%); border: 0; color: #68736c; background: transparent; cursor: pointer; }
.sign-in-form__password button:hover, .sign-in-form__password button:focus-visible { color: #151a18; }
.sign-in-form__password svg { width: 1rem; height: 1rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.sign-in-form__submit { min-height: 2.9rem; margin-top: .25rem; border: 1px solid #151a18; border-radius: .2rem; color: #f8f8f5; background: #151a18; cursor: pointer; font: inherit; font-size: .85rem; font-weight: 700; }
.sign-in-form__submit:hover, .sign-in-form__submit:focus-visible { border-color: #08734c; background: #08734c; }
.sign-in-status { margin: .2rem 0 0; padding: .7rem .8rem; border: 1px solid rgba(8, 115, 76, .28); color: #08734c; background: rgba(8, 115, 76, .06); font-size: .75rem; line-height: 1.4; }
.sign-in-panel__legal { margin: 1.25rem 0 0; color: #8a938c; font-size: .7rem; line-height: 1.5; }
.sign-in-panel__legal a { color: #08734c; text-decoration: underline; text-underline-offset: .15em; }
.sign-in-panel__availability { margin: .85rem 0 0; color: #8a938c; font-size: .68rem; line-height: 1.45; }
.sign-in-panel__return { display: inline-flex; gap: .35rem; margin-top: 1.5rem; color: #68736c; font-size: .75rem; }
.sign-in-panel__return:hover, .sign-in-panel__return:focus-visible { color: #08734c; }
@media (max-width: 760px) {
  .sign-in-shell { display: block; }
  .sign-in-aside { min-height: 15rem; padding: 1.5rem; }
  .sign-in-aside__content { margin: 2.5rem 0 0; }
  .sign-in-aside h1 { max-width: 14ch; margin: .55rem 0 .5rem; font-size: clamp(2rem, 10vw, 3.5rem); }
  .sign-in-aside__content p:last-child { font-size: .85rem; }
  .sign-in-aside__status { display: none; }
  .sign-in-panel { min-height: auto; padding: 5.5rem 1.25rem 4rem; }
  .sign-in-panel__inner { transform: none; }
}
@media (max-width: 430px) {
  .sign-in-providers { grid-template-columns: 1fr; }
  .sign-in-providers button { justify-content: flex-start; padding-inline: 1rem; }
}

/* Keep the topic tabs and utility controls on one compact line. */
.content-notes .notes-main { padding-top: clamp(1.5rem, 4vw, 3rem); }
.content-notes .notes-browsebar { display: flex; align-items: stretch; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; border-top: 1px solid var(--route-line); border-bottom: 1px solid var(--route-line); }
.content-notes .notes-browsebar .notes-topics { flex: 1 1 auto; min-width: 0; margin-top: 0; padding: .55rem 0; border: 0; }
.content-notes .notes-browsebar .notes-controls { flex: 0 0 auto; margin-top: 0; padding: .35rem 0; border: 0; }
.content-notes .notes-browsebar .notes-topics__label { font-size: .62rem; }
.content-notes .notes-browsebar .notes-topics__tab { min-height: 1.65rem; padding: .18rem .45rem; font-size: .68rem; }
.content-notes .notes-browsebar .notes-controls button { min-height: 1.7rem; padding: .2rem .35rem; font-size: .74rem; }
.content-notes .notes-browsebar .notes-controls__views button { width: 1.65rem; height: 1.65rem; min-height: 1.65rem; padding: .25rem; }
.content-notes .notes-browsebar .notes-controls__views button svg { width: .85rem; height: .85rem; }
@media (max-width: 820px) {
  .content-notes .notes-browsebar { align-items: flex-start; flex-wrap: wrap; }
  .content-notes .notes-browsebar .notes-topics { flex-basis: 100%; }
  .content-notes .notes-browsebar .notes-controls { width: 100%; justify-content: space-between; padding-top: 0; }
}
@media (max-width: 620px) {
  .content-notes .notes-main { padding-top: 1rem; }
}

.content-notes .notes-browsebar .notes-controls__primary button { min-height: 1.9rem; padding-inline: .5rem; font-size: .8rem; }

.sign-in-methods { display: flex; gap: 1.25rem; margin: .25rem 0 1.15rem; border-bottom: 1px solid rgba(21, 26, 24, .14); }
.sign-in-methods button { min-height: 2.1rem; padding: 0 0 .5rem; border: 0; border-bottom: 2px solid transparent; color: #8a938c; background: transparent; cursor: pointer; font: inherit; font-size: .78rem; }
.sign-in-methods button.is-active, .sign-in-methods button:hover, .sign-in-methods button:focus-visible { border-bottom-color: #08734c; color: #151a18; }
.sign-in-form__label-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.sign-in-form__label-row button { padding: 0; border: 0; color: #08734c; background: transparent; cursor: pointer; font: inherit; font-size: .68rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.sign-in-form__label-row button:hover, .sign-in-form__label-row button:focus-visible { text-decoration: underline; text-underline-offset: .15em; }
.sign-in-form [hidden] { display: none !important; }

.sign-in-utility-nav { position: absolute; z-index: 2; top: 1.75rem; right: clamp(1.25rem, 4vw, 4.5rem); display: flex; align-items: center; gap: 1.35rem; color: #68736c; font-size: .78rem; }
.sign-in-utility-nav a:hover, .sign-in-utility-nav a:focus-visible { color: #151a18; }
.sign-in-utility-nav__contact { padding: .43rem .9rem .67rem; border-radius: .35rem; color: #f8f8f5 !important; background: #151a18; font-size: 1.05rem; font-weight: 700; }
.sign-in-utility-nav__contact:hover, .sign-in-utility-nav__contact:focus-visible { background: #08734c; }
@media (max-width: 760px) {
  .sign-in-utility-nav { top: 1.25rem; right: 1.25rem; gap: .8rem; font-size: .72rem; }
  .sign-in-utility-nav__contact { padding: .45rem .65rem; }
}
@media (max-width: 430px) {
  .sign-in-utility-nav { left: 1.25rem; right: auto; gap: .65rem; }
  .sign-in-utility-nav__contact { padding-inline: .55rem; }
}

/* The account surface is a fixed viewport, not a document page. */
html:has(body.standalone-sign-in),
body.standalone-sign-in { height: 100%; overflow: hidden; overscroll-behavior: none; }
.standalone-sign-in .sign-in-panel__eyebrow { display: none; }
.standalone-sign-in .sign-in-shell,
.standalone-sign-in .sign-in-aside,
.standalone-sign-in .sign-in-panel { height: 100svh; min-height: 0; overflow: hidden; }
@media (max-width: 760px) {
  .standalone-sign-in .sign-in-aside { height: 8.5rem; min-height: 8.5rem; padding: 1.25rem; }
  .standalone-sign-in .sign-in-aside__content { margin: 1rem 0 0; }
  .standalone-sign-in .sign-in-aside h1 { margin: .35rem 0 0; font-size: clamp(1.65rem, 8vw, 2.4rem); }
  .standalone-sign-in .sign-in-panel { height: calc(100svh - 8.5rem); padding-top: 4.5rem; }
}

/* Notes feature hierarchy: keep section names on the left and give the lead story a wider editorial canvas. */
.content-notes .notes-section-heading h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.content-notes .notes-featured {
  grid-template-columns: minmax(0, 2.4fr) minmax(16rem, .85fr);
  gap: clamp(2rem, 4vw, 3.5rem);
}
.content-notes .notes-card--featured .notes-card__media { aspect-ratio: 16 / 8; }
.content-notes .notes-card--featured .notes-card__copy { padding-top: 1.35rem; }
.content-notes .notes-card--featured .notes-card__category {
  margin-bottom: .8rem;
  font-size: .74rem;
  letter-spacing: .16em;
}
.content-notes .notes-featured__side { gap: 2.75rem; }
.content-notes .notes-featured__side .notes-card--compact .notes-card__copy { padding-top: .8rem; }
.content-notes .notes-featured__side .notes-card--compact .notes-card__category { margin-bottom: .7rem; }
.content-notes .notes-card--featured h2 { max-width: 24ch; }
@media (max-width: 850px) {
  .content-notes .notes-featured { grid-template-columns: 1fr; }
  .content-notes .notes-featured__side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .content-notes .notes-featured__side { grid-template-columns: 1fr; }
}

/* Sign-in visual field: compressed WebP layers crossfade without moving the layout. */
.standalone-sign-in .sign-in-aside::before {
  z-index: 1;
  background: linear-gradient(145deg, rgba(2, 12, 9, .62), rgba(3, 28, 18, .24) 52%, rgba(3, 13, 10, .72));
}
.standalone-sign-in .sign-in-aside > * { z-index: 2; }
.standalone-sign-in .sign-in-aside__backdrop {
  position: absolute;
  z-index: 0 !important;
  inset: 0;
  overflow: hidden;
  background: #07140f;
}
.standalone-sign-in .sign-in-aside__backdrop img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(.92) contrast(.98);
  transition: opacity 1.15s ease-in-out;
}
.standalone-sign-in .sign-in-aside__backdrop img.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .standalone-sign-in .sign-in-aside__backdrop img { transition: none; }
}

/* NVIDIA Green is the shared light-theme action color. */
html[data-theme="light"] .content-page .content-header__sales,
html[data-theme="light"] .content-page .content-header__sales:hover,
html[data-theme="light"] .content-page .content-header__sales:focus-visible {
  border-color: #76B900;
  color: #FFFFFF;
  background: #76B900;
}
.standalone-sign-in .sign-in-utility-nav__contact,
.standalone-sign-in .sign-in-utility-nav__contact:hover,
.standalone-sign-in .sign-in-utility-nav__contact:focus-visible {
  border-color: #76B900;
  color: #FFFFFF !important;
  background: #76B900;
}
.standalone-sign-in .sign-in-form input:focus {
  border-color: #76B900;
  box-shadow: 0 0 0 2px rgba(118, 185, 0, .18);
}
.standalone-sign-in .sign-in-methods button.is-active,
.standalone-sign-in .sign-in-methods button:hover,
.standalone-sign-in .sign-in-methods button:focus-visible,
.standalone-sign-in .sign-in-form__label-row button,
.standalone-sign-in .sign-in-panel__legal a,
.standalone-sign-in .sign-in-panel__return:hover,
.standalone-sign-in .sign-in-panel__return:focus-visible {
  color: #76B900;
}
.standalone-sign-in .sign-in-methods button.is-active,
.standalone-sign-in .sign-in-methods button:hover,
.standalone-sign-in .sign-in-methods button:focus-visible {
  border-bottom-color: #76B900;
}
.standalone-sign-in .sign-in-form__submit,
.standalone-sign-in .sign-in-form__submit:hover,
.standalone-sign-in .sign-in-form__submit:focus-visible {
  border-color: #76B900;
  color: #FFFFFF;
  background: #76B900;
}
.standalone-sign-in .sign-in-status {
  border-color: rgba(118, 185, 0, .3);
  color: #527f00;
  background: rgba(118, 185, 0, .08);
}

/* Center action labels optically and geometrically inside their controls. */
.content-page .content-header__sales,
.standalone-sign-in .sign-in-utility-nav__contact,
.standalone-sign-in .sign-in-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  text-align: center;
  vertical-align: middle;
}

/* Keep Notes controls optically centered: line-height must not add a hidden baseline above SVG icons. */
.content-notes .notes-controls button {
  justify-content: center;
  line-height: 1.1;
  vertical-align: middle;
}
.content-notes .notes-controls button svg {
  display: block;
  flex: 0 0 auto;
  margin: 0;
}
.content-notes .notes-controls__views button {
  display: inline-grid;
  place-items: center;
  line-height: 1;
}

/* Audio rail: give the 15-second seek controls enough room for the complete SVG geometry. */
.content-about .about-article__toolbar-icon {
  width: 3.6rem;
  min-width: 3.6rem;
  overflow: visible;
  padding-inline: .12rem !important;
  line-height: 1;
}
.content-about .about-article__toolbar-icon svg {
  display: block;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  overflow: visible;
}
.content-about .about-article__toolbar-icon > span { line-height: 1; }
.content-about .about-article__toolbar button:hover,
.content-about .about-article__toolbar button:focus-visible,
.content-about .about-article__toolbar button[data-state="speaking"],
.content-about .about-article__toolbar button[data-state="paused"] {
  border-color: #76B900;
  color: #76B900;
}

/* Optical correction for the account actions: Atkinson's cap height sits high in a tight line box. */
.standalone-sign-in .sign-in-utility-nav__contact {
  padding-top: .52rem;
  padding-bottom: .38rem;
  line-height: 1;
}
.standalone-sign-in .sign-in-form__submit {
  padding-top: .3rem;
  padding-bottom: 0;
  line-height: 1;
}
.standalone-sign-in .sign-in-panel__availability { display: none; }

/* Keep the sign-in utility action prominent after optical centering. */
.standalone-sign-in .sign-in-utility-nav__contact {
  min-height: 2.35rem;
  padding: .62rem 1rem .48rem;
  font-size: .8rem;
}
.standalone-sign-in .sign-in-panel__return { display: none; }

/* Home route light theme: use the same readable editorial palette as the shared routes. */
html[data-theme="light"] .home-page {
  --ink: #15211d;
  --muted: rgba(21, 33, 29, .72);
  --line: rgba(21, 33, 29, .17);
  --acid: #76B900;
  --ground: #f6f6f1;
  color-scheme: light;
  color: var(--ink);
  background: var(--ground);
}
html[data-theme="light"] .home-page .field { filter: saturate(.68) contrast(.92) brightness(1.18); }
html[data-theme="light"] .home-page .field__wash {
  background: linear-gradient(90deg, rgba(246, 246, 241, .91), rgba(246, 246, 241, .76) 58%, rgba(246, 246, 241, .88));
}
html[data-theme="light"] .home-page .field__grain { opacity: .08; mix-blend-mode: multiply; }
html[data-theme="light"] .home-page .wealth__mark { border-color: rgba(118, 185, 0, .65); }
html[data-theme="light"] .home-page .wealth__rule { background: rgba(118, 185, 0, .78); }
html[data-theme="light"] .home-page .wealth__statement { color: rgba(21, 33, 29, .78); }
html[data-theme="light"] .home-page .statement { color: rgba(21, 33, 29, .82); }
html[data-theme="light"] .home-page .product-directory { border-color: rgba(21, 33, 29, .28); }
html[data-theme="light"] .home-page .product-entry a { border-color: rgba(21, 33, 29, .18); }
html[data-theme="light"] .home-page .product-entry__statement { color: rgba(21, 33, 29, .76); }
html[data-theme="light"] .home-page .site-menu {
  color: #15211d;
  background: rgba(246, 246, 241, .98);
  border-color: rgba(21, 33, 29, .17);
}
html[data-theme="light"] .home-page .site-menu__primary { border-color: rgba(21, 33, 29, .17); }
html[data-theme="light"] .home-page .site-menu__primary nav > a,
html[data-theme="light"] .home-page .site-menu__primary nav > button { color: #15211d; border-color: rgba(21, 33, 29, .12); }
html[data-theme="light"] .home-page .site-menu__primary nav > :hover,
html[data-theme="light"] .home-page .site-menu__primary nav > :focus-visible,
html[data-theme="light"] .home-page .site-menu__primary nav > button[aria-expanded="true"] { color: #76B900; }
html[data-theme="light"] .home-page .chapter-panel { background: #f6f6f1; }
html[data-theme="light"] .home-page .chapter-list { border-color: rgba(21, 33, 29, .17); }
html[data-theme="light"] .home-page .chapter-list nav a { border-color: rgba(21, 33, 29, .14); }
html[data-theme="light"] .home-page .chapter-list nav a small,
html[data-theme="light"] .home-page .chapter-list > p,
html[data-theme="light"] .home-page .chapter-previews a { color: #76B900; }
html[data-theme="light"] .home-page .chapter-previews p { color: rgba(21, 33, 29, .72); }
html[data-theme="light"] .home-page .chapter-panel .chapter-back { color: #15211d; }

/* The footer baseline is a full-viewport rule, not a floating line inside the content shell. */
.content-page .content-footer__base,
.content-page .company-footer__bottom {
  width: calc(100% + (var(--edge) * 2));
  margin-left: calc(var(--edge) * -1);
  padding-inline: var(--edge);
}

/* Sign-in type scale: give the account content a slightly stronger reading hierarchy. */
.standalone-sign-in .sign-in-aside__brand { font-size: .82rem; }
.standalone-sign-in .sign-in-aside__eyebrow { font-size: .72rem; }
.standalone-sign-in .sign-in-panel h2 { font-size: clamp(2.1rem, 4.2vw, 3.4rem); }
.standalone-sign-in .sign-in-panel__intro { font-size: .96rem; }
.standalone-sign-in .sign-in-providers button { font-size: .84rem; }
.standalone-sign-in .sign-in-divider { font-size: .74rem; }
.standalone-sign-in .sign-in-methods button { font-size: .82rem; }
.standalone-sign-in .sign-in-form label { font-size: .74rem; }
.standalone-sign-in .sign-in-form input { font-size: .95rem; }
.standalone-sign-in .sign-in-form__label-row button { font-size: .72rem; }
.standalone-sign-in .sign-in-form__submit { font-size: .9rem; }
.standalone-sign-in .sign-in-panel__legal { font-size: .74rem; }

/* Sign-in announcement: a dismissible, full-width release strip above the account surface. */
.sign-in-announcement {
  position: relative;
  z-index: 10;
  display: flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: .55rem 4rem;
  color: #f8f8f5;
  background: linear-gradient(102deg, #0b3d31 0%, #167b5c 48%, #6bd495 100%);
  font-size: .78rem;
  text-align: center;
}
.sign-in-announcement[hidden] { display: none !important; }
.sign-in-announcement__copy { max-width: 70rem; margin: 0; line-height: 1.35; }
.sign-in-announcement__copy a { color: inherit; font-weight: 700; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .16em; }
.sign-in-announcement__copy a:hover, .sign-in-announcement__copy a:focus-visible { color: #d9ff57; }
.sign-in-announcement__close {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: grid;
  width: 2rem;
  height: 2rem;
  padding: 0;
  place-items: center;
  transform: translateY(-50%);
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 1.35rem;
  line-height: 1;
}
.sign-in-announcement__close:hover, .sign-in-announcement__close:focus-visible { color: #d9ff57; }
.standalone-sign-in:has(.sign-in-announcement:not([hidden])) { display: flex; flex-direction: column; }
.standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-shell { display: grid; flex: 1 1 auto; height: auto; min-height: 0; }
.standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-aside,
.standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-panel { height: auto; min-height: 0; }
@media (max-width: 760px) {
  .sign-in-announcement { min-height: 3rem; padding: .6rem 3.25rem .6rem 1rem; font-size: .72rem; }
  .sign-in-announcement__copy { max-width: 34rem; }
  .standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-shell { display: block; height: auto; }
  .standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-aside { height: 8.5rem; min-height: 8.5rem; }
  .standalone-sign-in:has(.sign-in-announcement:not([hidden])) .sign-in-panel { height: auto; min-height: 0; overflow: visible; }
  html:has(body.standalone-sign-in .sign-in-announcement:not([hidden])) { height: auto; overflow-y: auto; }
  .standalone-sign-in:has(.sign-in-announcement:not([hidden])) { height: auto; min-height: 100svh; overflow: visible; }
}

@media (min-width: 901px) {
  .content-blog-article .about-intro h1 { max-width: none; white-space: nowrap; }
}