/* PROOF OF BECOMING — native Ghost evidence instrument */
.becoming-page {
  --becoming-green: #69e69b;
  --becoming-cyan: #8fd8ff;
  --becoming-amber: #f2c94c;
  --becoming-red: #ff6d72;
  --becoming-violet: #b4a1ff;
  --becoming-muted: rgba(237, 239, 242, 0.58);
  --becoming-panel: rgba(8, 10, 14, 0.82);
  --becoming-line: rgba(255, 255, 255, 0.12);
  --becoming-wrap: 1240px;
  overflow: clip;
  background: #05060a;
}

.becoming-wrap {
  width: min(var(--becoming-wrap), calc(100% - 40px));
  margin-inline: auto;
}

.becoming-page em {
  color: var(--becoming-green);
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
}

.becoming-hero {
  position: relative;
  min-height: min(900px, 100svh);
  display: grid;
  align-items: center;
  padding: 126px 0 88px;
  overflow: hidden;
  scroll-margin-top: 88px;
  border-bottom: 1px solid var(--becoming-line);
  background:
    radial-gradient(circle at 74% 46%, rgba(105, 230, 155, 0.11), transparent 17%),
    radial-gradient(circle at 76% 48%, rgba(143, 216, 255, 0.075), transparent 34%),
    radial-gradient(circle at 15% 10%, rgba(180, 161, 255, 0.08), transparent 28%),
    linear-gradient(180deg, #030407, #06080d 80%, #05060a);
}

.becoming-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 49.9%, rgba(255, 255, 255, 0.06) 50%, transparent 50.1%),
    linear-gradient(transparent 49.9%, rgba(255, 255, 255, 0.035) 50%, transparent 50.1%);
  background-size: 220px 220px;
  mask-image: radial-gradient(circle at 76% 48%, black, transparent 54%);
  -webkit-mask-image: radial-gradient(circle at 76% 48%, black, transparent 54%);
}

.becoming-hero__grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 85%);
  -webkit-mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.becoming-hero__beam {
  position: absolute;
  top: 50%;
  left: 73%;
  width: min(52vw, 720px);
  aspect-ratio: 1;
  border: 1px solid rgba(105, 230, 155, 0.16);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow:
    0 0 0 56px rgba(105, 230, 155, 0.018),
    0 0 0 132px rgba(143, 216, 255, 0.012),
    inset 0 0 100px rgba(105, 230, 155, 0.03);
}

.becoming-hero__beam::before,
.becoming-hero__beam::after {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px dashed rgba(255, 255, 255, 0.13);
  border-radius: 50%;
}

.becoming-hero__beam::after {
  inset: 31%;
  border-style: solid;
  border-color: rgba(105, 230, 155, 0.2);
  box-shadow: 0 0 42px rgba(105, 230, 155, 0.08);
}

.becoming-hero__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.62fr);
  gap: clamp(48px, 8vw, 120px);
  align-items: center;
}

.becoming-kicker,
.becoming-heading > p {
  margin: 0;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.becoming-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
}

.becoming-kicker span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--becoming-green);
  box-shadow: 0 0 18px var(--becoming-green);
}

.becoming-hero h1 {
  max-width: 900px;
  margin: 24px 0 0;
  color: var(--ghost);
  font-family: var(--font-display);
  font-size: clamp(70px, 8.2vw, 132px);
  font-weight: 700;
  line-height: 0.78;
  letter-spacing: -0.075em;
  text-transform: uppercase;
  text-shadow: 0 0 70px rgba(220, 236, 255, 0.15);
}

.becoming-hero h1 em {
  display: inline-block;
  padding-left: 0.06em;
  font-size: 0.83em;
  font-style: italic;
  letter-spacing: -0.045em;
  text-transform: none;
}

.becoming-hero__lede {
  max-width: 740px;
  margin: 34px 0 0;
  color: var(--bone-70);
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.42;
}

.becoming-hero__thesis {
  max-width: 640px;
  margin: 22px 0 0;
  padding-left: 18px;
  border-left: 2px solid var(--becoming-green);
  color: var(--ghost);
  font-size: 15px;
  line-height: 1.65;
}

.becoming-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.release-seal {
  position: relative;
  width: min(100%, 360px);
  justify-self: end;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 155, 0.28);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(105, 230, 155, 0.07), transparent 45%),
    rgba(3, 5, 8, 0.8);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45), inset 0 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.release-seal > p {
  margin: 0;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.release-seal > strong {
  display: block;
  margin-top: 8px;
  color: var(--ghost);
  font-family: var(--font-display);
  font-size: clamp(74px, 9vw, 112px);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.release-seal > div:not(.release-seal__orbit) {
  display: grid;
  gap: 2px;
  margin-top: 22px;
}

.release-seal > div b {
  color: var(--becoming-green);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.release-seal > div span,
.release-seal > small {
  color: var(--becoming-muted);
  font-size: 12px;
}

.release-seal dl {
  display: grid;
  margin: 24px 0 20px;
  border-top: 1px solid var(--becoming-line);
}

.release-seal dl div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  border-bottom: 1px solid var(--becoming-line);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.release-seal dt { color: var(--becoming-muted); }
.release-seal dd { margin: 0; color: var(--ghost); text-align: right; }
.release-seal > small { display: block; line-height: 1.55; }

.release-seal__orbit {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 74px;
  height: 74px;
  margin: 0 !important;
  border: 1px solid rgba(105, 230, 155, 0.22);
  border-radius: 50%;
}

.release-seal__orbit span,
.release-seal__orbit i {
  position: absolute;
  inset: 12px;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 50%;
}

.release-seal__orbit i {
  inset: 29px;
  border: 0;
  background: var(--becoming-green);
  box-shadow: 0 0 18px var(--becoming-green);
}

.becoming-tape {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 22px;
  min-height: 42px;
  padding: 0 28px;
  overflow: hidden;
  border-bottom: 1px solid var(--becoming-line);
  background: rgba(255, 255, 255, 0.035);
  color: rgba(237, 239, 242, 0.46);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
}

.becoming-tape i { color: var(--becoming-green); font-size: 6px; }

.becoming-anchor {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  scroll-margin-top: 104px;
}

.becoming-plate--pulse {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 18%, rgba(105, 230, 155, 0.09), transparent 30%),
    radial-gradient(circle at 85% 30%, rgba(143, 216, 255, 0.055), transparent 24%),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    #040609;
  background-size: auto, auto, 48px 48px, 48px 48px, auto;
}

.becoming-plate--pulse::before {
  content: "";
  position: absolute;
  top: -220px;
  left: 50%;
  width: min(90vw, 1160px);
  aspect-ratio: 1;
  border: 1px solid rgba(105, 230, 155, 0.08);
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 0 100px rgba(105, 230, 155, 0.012), 0 0 0 220px rgba(143, 216, 255, 0.006);
  pointer-events: none;
}

.becoming-plate--pulse .becoming-wrap { position: relative; z-index: 1; }
.public-pulse__heading { align-items: center; }

.public-pulse__snapshot {
  display: grid;
  gap: 7px;
  padding: 20px 22px;
  border: 1px solid rgba(105, 230, 155, 0.2);
  border-radius: 18px;
  background: rgba(2, 5, 7, 0.72);
}

.public-pulse__snapshot span,
.public-pulse__snapshot b,
.public-pulse__snapshot small {
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.11em;
  line-height: 1.55;
  text-transform: uppercase;
}

.public-pulse__snapshot span { color: var(--becoming-green); }
.public-pulse__snapshot b { color: var(--ghost); }
.public-pulse__snapshot small { color: var(--becoming-muted); font-size: 7px; }
.becoming-plate--pulse[data-pulse-source="unavailable"] .public-pulse__snapshot span { color: var(--becoming-amber); }

.public-pulse__return {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 38px;
  padding: 13px 16px;
  border: 1px solid var(--becoming-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  font-family: var(--font-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.public-pulse__return > span { color: var(--becoming-muted); font-size: 7px; }
.public-pulse__return > b { color: var(--ghost); font-size: 8px; font-weight: 500; }
.public-pulse__return > small { color: var(--becoming-muted); font-size: 6px; text-align: right; }
.public-pulse__return code { color: var(--becoming-cyan); font-family: inherit; }

.public-pulse__trace {
  position: relative;
  height: 66px;
  margin: 24px 0 8px;
}

.public-pulse__trace svg { position: absolute; inset: 0 0 auto; width: 100%; height: 46px; overflow: visible; }
.public-pulse__trace path { fill: none; stroke: rgba(143, 216, 255, 0.7); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.public-pulse__trace > span { position: absolute; top: 17px; display: grid; justify-items: center; gap: 12px; width: 84px; transform: translateX(-50%); }
.public-pulse__trace > span:nth-of-type(1) { left: 1.2%; transform: translateX(0); }
.public-pulse__trace > span:nth-of-type(2) { left: 25%; }
.public-pulse__trace > span:nth-of-type(3) { left: 50%; }
.public-pulse__trace > span:nth-of-type(4) { left: 75%; }
.public-pulse__trace > span:nth-of-type(5) { right: 1.2%; left: auto; transform: translateX(0); }
.public-pulse__trace i { width: 9px; height: 9px; border: 1px solid var(--becoming-cyan); border-radius: 50%; background: #061018; box-shadow: 0 0 18px rgba(143, 216, 255, 0.55); }
.public-pulse__trace b { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }
.becoming-plate--pulse[data-pulse-settled] .public-pulse__trace i { background: var(--becoming-cyan); }

.public-pulse__metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--becoming-line);
  border-radius: 26px;
  background: rgba(0, 0, 0, 0.26);
}

.public-pulse__metrics > a {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 276px;
  flex-direction: column;
  padding: 20px 18px;
  border-right: 1px solid var(--becoming-line);
  color: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent);
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.public-pulse__metrics > a:last-child { border-right: 0; }
.public-pulse__metrics > a:hover,
.public-pulse__metrics > a:focus-visible { z-index: 1; outline: 0; background: rgba(105, 230, 155, 0.055); box-shadow: inset 0 -3px var(--becoming-green), 0 0 28px rgba(105, 230, 155, 0.07); }
.public-pulse__metric-index { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.11em; }
.public-pulse__metrics strong { display: block; min-width: 3ch; margin-top: 16px; color: var(--ghost); font-family: var(--font-display); font-size: clamp(46px, 4.4vw, 70px); font-variant-numeric: tabular-nums; font-weight: 600; letter-spacing: -0.07em; line-height: 0.9; }
.public-pulse__metrics h3 { min-height: 40px; margin: 10px 0 14px; color: var(--ghost); font-size: 14px; font-weight: 500; line-height: 1.35; }
.public-pulse__metrics p,
.public-pulse__metrics small { margin: 0 0 6px; color: var(--becoming-muted); font-size: 9px; line-height: 1.45; }
.public-pulse__metrics p b,
.public-pulse__metrics small b { margin-right: 5px; color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 6px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.public-pulse__metrics small { display: block; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--becoming-line); color: rgba(237, 239, 242, 0.46); }
.public-pulse__metrics small b { color: var(--becoming-red); }

.public-pulse__questions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.public-pulse__questions article { display: flex; min-height: 144px; flex-direction: column; padding: 18px; border: 1px solid var(--becoming-line); border-radius: 18px; background: rgba(255, 255, 255, 0.02); }
.public-pulse__questions span { color: var(--becoming-green); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; }
.public-pulse__questions b { margin-top: 18px; color: var(--ghost); font-size: 13px; font-weight: 500; line-height: 1.45; }
.public-pulse__questions a,
.public-pulse__questions small { margin-top: auto; padding-top: 13px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.09em; text-transform: uppercase; }
.public-pulse__questions a:hover,
.public-pulse__questions a:focus-visible { color: var(--becoming-green); }

.witnessed-feed {
  margin-top: 76px;
  overflow: hidden;
  border: 1px solid var(--becoming-line);
  border-radius: 26px;
  background: rgba(3, 5, 8, 0.72);
}

.witnessed-feed > header { display: flex; align-items: end; justify-content: space-between; gap: 30px; padding: 24px; border-bottom: 1px solid var(--becoming-line); }
.witnessed-feed header span,
.pulse-funnel > header span { color: var(--becoming-green); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.14em; text-transform: uppercase; }
.witnessed-feed header h3,
.pulse-funnel > header h3 { margin: 8px 0 0; color: var(--ghost); font-family: var(--font-display); font-size: clamp(28px, 3vw, 42px); font-weight: 600; letter-spacing: -0.045em; line-height: 1; }
.witnessed-feed header > p,
.pulse-funnel > header p { max-width: 440px; margin: 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.55; }
.witnessed-feed ol { margin: 0; padding: 0; list-style: none; }
.witnessed-feed li { display: grid; grid-template-columns: 92px 78px minmax(0, 1fr) 122px 110px; gap: 16px; align-items: center; min-height: 68px; padding: 12px 20px; border-bottom: 1px solid var(--becoming-line); }
.witnessed-feed li:last-child { border-bottom: 0; }
.witnessed-feed time,
.witnessed-feed li > span,
.witnessed-feed li > b,
.witnessed-feed li > a { font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; }
.witnessed-feed time { color: var(--becoming-muted); }
.witnessed-feed li > span { color: var(--becoming-cyan); }
.witnessed-feed li > p { margin: 0; color: var(--bone-70); font-size: 11px; line-height: 1.45; }
.witnessed-feed li > b { color: var(--becoming-green); }
.witnessed-feed li > a { color: var(--ghost); text-align: right; }
.witnessed-feed li > a:hover,
.witnessed-feed li > a:focus-visible { color: var(--becoming-green); }

.pulse-funnel { margin-top: 76px; }
.pulse-funnel > header { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.pulse-funnel > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 26px; }
.pulse-funnel > div > a { display: flex; min-height: 214px; flex-direction: column; padding: 19px; border: 1px solid var(--becoming-line); border-radius: 20px; color: inherit; background: rgba(255, 255, 255, 0.02); transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.pulse-funnel > div > a:hover,
.pulse-funnel > div > a:focus-visible { outline: 0; border-color: rgba(105, 230, 155, 0.38); background: rgba(105, 230, 155, 0.045); transform: translateY(-3px); }
.pulse-funnel a > span { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; }
.pulse-funnel a > b { margin-top: 28px; color: var(--ghost); font-size: 16px; font-weight: 500; line-height: 1.3; }
.pulse-funnel a > p { margin: 9px 0 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.5; }
.pulse-funnel a > small { margin-top: auto; padding-top: 18px; color: var(--becoming-amber); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.09em; }

.becoming-plate {
  position: relative;
  padding: 110px 0;
  scroll-margin-top: 104px;
  border-bottom: 1px solid var(--becoming-line);
  background:
    radial-gradient(circle at 80% 10%, rgba(143, 216, 255, 0.04), transparent 28%),
    #05060a;
}

.becoming-plate:nth-of-type(odd) {
  background:
    radial-gradient(circle at 18% 30%, rgba(105, 230, 155, 0.04), transparent 24%),
    #07080c;
}

.becoming-heading {
  display: grid;
  max-width: 920px;
}

.becoming-heading > p b { color: var(--becoming-green); font-weight: 500; }

.becoming-heading h2 {
  margin: 20px 0 0;
  color: var(--ghost);
  font-family: var(--font-display);
  font-size: clamp(56px, 6.2vw, 96px);
  font-weight: 650;
  line-height: 0.87;
  letter-spacing: -0.065em;
  text-transform: uppercase;
}

.becoming-heading h2 em {
  font-size: 0.9em;
  font-style: italic;
  text-transform: none;
}

.becoming-heading > span,
.becoming-heading--split > span {
  max-width: 580px;
  margin-top: 26px;
  color: var(--becoming-muted);
  font-size: 15px;
  line-height: 1.7;
}

.becoming-heading--split {
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.56fr);
  gap: 56px;
  align-items: end;
}

.becoming-heading--split > span { margin: 0 0 5px; }

.becoming-motion-ready [data-becoming-reveal]:not([data-revealed]) { opacity: 0; }
[data-becoming-reveal][data-revealed] { opacity: 1; }

.becoming-plate--journey {
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(105, 230, 155, 0.025) 1px, transparent 1px),
    linear-gradient(rgba(105, 230, 155, 0.02) 1px, transparent 1px),
    radial-gradient(circle at 15% 58%, rgba(105, 230, 155, 0.07), transparent 29%),
    #05060a;
  background-size: 64px 64px, 64px 64px, auto, auto;
}

.journey-instrument {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(420px, 1.16fr);
  margin-top: 56px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 155, 0.24);
  border-radius: 30px;
  background: rgba(3, 5, 8, 0.88);
  box-shadow: 0 42px 100px rgba(0, 0, 0, 0.36), inset 0 1px rgba(255, 255, 255, 0.045);
}

.journey-stage {
  position: relative;
  display: flex;
  min-height: 460px;
  flex-direction: column;
  padding: 36px;
  overflow: hidden;
  border-right: 1px solid var(--becoming-line);
  background:
    linear-gradient(145deg, rgba(105, 230, 155, 0.09), transparent 43%),
    radial-gradient(circle at 82% 22%, rgba(143, 216, 255, 0.09), transparent 28%),
    #06080c;
}

.journey-stage::before {
  content: "00 — 08";
  position: absolute;
  right: -0.04em;
  bottom: -0.16em;
  color: rgba(255, 255, 255, 0.022);
  font-family: var(--font-display);
  font-size: clamp(98px, 12vw, 176px);
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -0.09em;
  white-space: nowrap;
}

.journey-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(transparent 49.5%, rgba(255, 255, 255, 0.025) 50%, transparent 50.5%);
  background-size: 100% 8px;
  opacity: 0.48;
}

.journey-stage > * { position: relative; z-index: 1; }

.journey-stage__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.15em;
}

.journey-stage__meta b {
  padding: 5px 8px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--becoming-cyan);
  font-size: 7px;
  font-weight: 500;
}

.journey-stage[data-classification="PUBLIC"] .journey-stage__meta b { color: var(--becoming-green); }
.journey-stage[data-classification="JURY"] .journey-stage__meta b { color: var(--becoming-amber); }

.journey-stage > p:first-of-type {
  margin: auto 0 0;
  color: var(--becoming-green);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.journey-stage h3 {
  margin: 12px 0 0;
  color: var(--ghost);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(52px, 6vw, 82px);
  font-weight: 500;
  line-height: 0.92;
  letter-spacing: -0.055em;
}

.journey-stage > p:last-of-type {
  max-width: 520px;
  margin: 22px 0 0;
  color: var(--bone-70);
  font-size: 14px;
  line-height: 1.72;
}

.journey-stage footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid var(--becoming-line);
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.journey-stage footer i { color: var(--becoming-green); font-style: normal; }

.journey-controls {
  display: flex;
  flex-direction: column;
  padding: 34px 36px 30px;
}

.journey-track {
  position: relative;
  display: grid;
  gap: 5px;
}

.journey-track__line {
  position: absolute;
  top: 23px;
  bottom: 23px;
  left: 20px;
  width: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.13);
}

.journey-track__line i {
  position: absolute;
  inset: 0;
  background: linear-gradient(var(--becoming-green), var(--becoming-cyan));
  box-shadow: 0 0 12px rgba(105, 230, 155, 0.65);
  transform: scaleY(0);
  transform-origin: top;
}

.journey-track button {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 49px;
  padding: 3px 12px 3px 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--becoming-muted);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.journey-track button > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  background: #080a0e;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.08em;
  transition: border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.journey-track button > b {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.journey-track button:hover { color: var(--ghost); background: rgba(255, 255, 255, 0.025); transform: translateX(3px); }
.journey-track button:focus-visible { outline: 2px solid var(--becoming-green); outline-offset: 2px; }
.journey-track button[aria-pressed="true"] { color: var(--ghost); background: rgba(105, 230, 155, 0.055); }
.journey-track button[aria-pressed="true"] > span { border-color: var(--becoming-green); color: var(--becoming-green); box-shadow: 0 0 22px rgba(105, 230, 155, 0.22); }

.journey-scrubber {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 11px 18px;
  align-items: center;
  margin-top: auto;
  padding-top: 26px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.journey-scrubber output { color: var(--becoming-green); text-align: right; }

.journey-scrubber input {
  grid-column: 1 / -1;
  width: 100%;
  height: 20px;
  margin: 0;
  accent-color: var(--becoming-green);
  cursor: ew-resize;
}

.journey-scrubber input:focus-visible { outline: 2px solid var(--becoming-green); outline-offset: 4px; border-radius: 999px; }

.journey-playback,
.court-replay__playback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  padding-top: 22px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.journey-playback > span,
.court-replay__playback > span { display: inline-flex; align-items: center; gap: 9px; }
.journey-playback > span i,
.court-replay__playback > span i { width: 6px; height: 6px; border-radius: 50%; background: var(--becoming-green); box-shadow: 0 0 11px rgba(105, 230, 155, 0.7); }
.journey-instrument[data-playback-paused] .journey-playback > span i,
.court-replay[data-playback-paused] .court-replay__playback > span i { border-radius: 1px; background: var(--becoming-amber); box-shadow: 0 0 11px rgba(255, 208, 90, 0.55); }
.journey-playback > span b,
.court-replay__playback > span b { color: var(--becoming-green); font-weight: 500; }
.journey-playback > div,
.court-replay__playback > div { display: flex; gap: 7px; }
.journey-playback button,
.court-replay__playback button { min-height: 35px; padding: 8px 11px; border: 1px solid var(--becoming-line); border-radius: 10px; color: var(--becoming-muted); background: rgba(255, 255, 255, 0.02); cursor: pointer; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.journey-playback button:hover,
.journey-playback button:focus-visible,
.court-replay__playback button:hover,
.court-replay__playback button:focus-visible { border-color: rgba(105, 230, 155, 0.4); color: var(--ghost); outline: 0; }

.journey-held {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto;
  gap: 26px;
  align-items: center;
  margin-top: 16px;
  padding: 22px 24px;
  border: 1px dashed rgba(143, 216, 255, 0.2);
  border-radius: 18px;
  background: rgba(143, 216, 255, 0.018);
}

.journey-held span,
.journey-held b {
  color: var(--becoming-cyan);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.journey-held p { margin: 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.62; }
.journey-held b { justify-self: end; color: var(--becoming-muted); font-size: 7px; }

.becoming-plate--manifesto {
  background:
    radial-gradient(circle at 88% 12%, rgba(180, 161, 255, 0.075), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.018), transparent 45%),
    #07080c;
}

.manifesto-lines {
  display: grid;
  margin-top: 56px;
  border-top: 1px solid var(--becoming-line);
}

.manifesto-lines article {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) minmax(240px, 0.42fr);
  gap: 34px;
  align-items: start;
  padding: 34px 0;
  border-bottom: 1px solid var(--becoming-line);
}

.manifesto-lines article > span {
  padding-top: 8px;
  color: var(--becoming-green);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.manifesto-lines blockquote {
  margin: 0;
  color: var(--ghost);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(28px, 3.25vw, 48px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.manifesto-lines footer {
  padding-top: 8px;
  border-top: 1px solid rgba(105, 230, 155, 0.18);
}

.manifesto-lines footer b {
  color: var(--becoming-amber);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.manifesto-lines footer p { margin: 10px 0 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.62; }

.authorship-chain {
  display: grid;
  grid-template-columns: repeat(9, auto);
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  padding: 24px;
  border: 1px solid rgba(180, 161, 255, 0.22);
  border-radius: 20px;
  background: rgba(180, 161, 255, 0.025);
}

.authorship-chain span { display: flex; gap: 8px; align-items: baseline; color: var(--ghost); font-family: var(--font-mono); text-transform: uppercase; }
.authorship-chain small { color: var(--becoming-violet); font-size: 7px; letter-spacing: 0.08em; }
.authorship-chain b { font-size: 8px; font-weight: 500; letter-spacing: 0.12em; }
.authorship-chain > i { color: rgba(180, 161, 255, 0.58); font-style: normal; }
.authorship-chain > p { grid-column: 1 / -1; margin: 7px 0 0; padding-top: 18px; border-top: 1px solid var(--becoming-line); color: var(--becoming-muted); font-size: 12px; line-height: 1.6; }

.becoming-plate--replay {
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 42%, rgba(255, 109, 114, 0.075), transparent 25%),
    radial-gradient(circle at 25% 72%, rgba(105, 230, 155, 0.055), transparent 28%),
    linear-gradient(135deg, #05060a, #08080c 48%, #05060a);
}

.court-replay {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.78fr);
  margin-top: 56px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 30px;
  background: rgba(3, 4, 7, 0.92);
  box-shadow: 0 42px 110px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.05);
}

.court-replay__stage {
  --court-accent: var(--becoming-cyan);
  position: relative;
  display: flex;
  min-height: 460px;
  flex-direction: column;
  padding: 36px;
  overflow: hidden;
  border-right: 1px solid var(--becoming-line);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--court-accent) 8%, transparent), transparent 45%),
    #06070b;
  transition: background-color 0.25s ease;
}

.court-replay__stage::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(transparent 0 7px, rgba(255, 255, 255, 0.018) 8px),
    radial-gradient(circle at 78% 78%, color-mix(in srgb, var(--court-accent) 12%, transparent), transparent 26%);
}

.court-replay__stage[data-verdict="ship"],
.court-replay__stage[data-verdict="preserved"] { --court-accent: var(--becoming-green); }
.court-replay__stage[data-verdict="attack"],
.court-replay__stage[data-verdict="defects"],
.court-replay__stage[data-verdict="overturned"] { --court-accent: var(--becoming-red); }
.court-replay__stage[data-verdict="probe"] { --court-accent: var(--becoming-amber); }
.court-replay__stage > * { position: relative; z-index: 1; }

.court-replay__stage > header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.court-replay__stage > header b { color: var(--court-accent); font-weight: 500; }

.court-replay__stage > p:first-of-type {
  margin: auto 0 0;
  color: var(--court-accent);
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.court-replay__stage h3 {
  max-width: 650px;
  margin: 13px 0 0;
  color: var(--ghost);
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(48px, 5.8vw, 78px);
  font-weight: 500;
  line-height: 0.94;
  letter-spacing: -0.055em;
}

.court-replay__stage > p:last-of-type {
  max-width: 610px;
  margin: 21px 0 0;
  color: var(--bone-70);
  font-size: 14px;
  line-height: 1.72;
}

.court-replay__stage dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 32px 0 0;
  border: 1px solid var(--becoming-line);
  border-radius: 14px;
  background: var(--becoming-line);
  overflow: hidden;
}

.court-replay__stage dl div { padding: 14px 16px; background: rgba(5, 6, 10, 0.96); }
.court-replay__stage dt { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; }
.court-replay__stage dd { margin: 7px 0 0; color: var(--court-accent); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; }

.court-replay__stage footer {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.court-replay__stage footer i { color: var(--court-accent); font-style: normal; }

.court-constellation {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(105, 230, 155, 0.06), transparent 20%),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: auto, 44px 44px, 44px 44px;
}

.court-constellation::before,
.court-constellation::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58%;
  aspect-ratio: 1;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.court-constellation::after {
  width: 34%;
  border-style: solid;
  border-color: rgba(105, 230, 155, 0.13);
}

.court-constellation article {
  --role-color: var(--becoming-cyan);
  position: absolute;
  z-index: 2;
  display: grid;
  justify-items: center;
  gap: 8px;
  width: 128px;
  color: var(--becoming-muted);
  text-align: center;
  transition: color 0.25s ease, transform 0.25s ease;
}

.court-constellation [data-court-role="builder"] { --role-color: #ff9b59; top: 6%; left: 50%; transform: translateX(-50%); }
.court-constellation [data-court-role="skeptic"] { --role-color: #ff5d8f; top: 50%; right: 4%; transform: translateY(-50%); }
.court-constellation [data-court-role="judge"] { --role-color: var(--becoming-amber); bottom: 5%; left: 50%; transform: translateX(-50%); }
.court-constellation [data-court-role="witness"] { --role-color: var(--becoming-cyan); top: 50%; left: 4%; transform: translateY(-50%); }

.court-constellation article img {
  width: 70px;
  height: 70px;
  padding: 4px;
  border: 1px solid color-mix(in srgb, var(--role-color) 50%, transparent);
  border-radius: 50%;
  object-fit: cover;
  filter: saturate(0.72) brightness(0.82);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.02);
  transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.court-constellation article b { display: block; color: var(--role-color); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; }
.court-constellation article small { display: block; margin-top: 3px; font-size: 9px; line-height: 1.35; }
.court-constellation article[data-active] { color: var(--ghost); }
.court-constellation article[data-active] img { filter: saturate(1) brightness(1.08); box-shadow: 0 0 0 7px color-mix(in srgb, var(--role-color) 10%, transparent), 0 0 38px color-mix(in srgb, var(--role-color) 38%, transparent); transform: scale(1.08); }

.court-constellation__hub {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 126px;
  height: 126px;
  border: 1px solid rgba(105, 230, 155, 0.34);
  border-radius: 50%;
  background: rgba(4, 7, 8, 0.92);
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 48px rgba(105, 230, 155, 0.09), inset 0 0 26px rgba(105, 230, 155, 0.04);
}

.court-constellation__hub span { font-size: 7px; letter-spacing: 0.18em; text-transform: uppercase; }
.court-constellation__hub b { margin: -7px 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: 38px; font-weight: 500; }
.court-constellation__hub small { color: var(--becoming-green); font-size: 7px; letter-spacing: 0.13em; }
.court-constellation__hub[data-active] { border-color: var(--becoming-red); box-shadow: 0 0 54px rgba(255, 109, 114, 0.2), inset 0 0 26px rgba(255, 109, 114, 0.06); }

.court-constellation__mode {
  position: absolute;
  top: 16px;
  left: 18px;
  z-index: 4;
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 6px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.court-constellation__mode span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--becoming-cyan);
  box-shadow: 0 0 12px rgba(70, 186, 255, 0.72);
}

.court-replay__controls {
  grid-column: 1 / -1;
  padding: 24px 28px 28px;
  border-top: 1px solid var(--becoming-line);
}

.court-replay__steps {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 7px;
}

.court-replay__steps button {
  display: grid;
  gap: 7px;
  min-height: 68px;
  padding: 11px;
  border: 1px solid var(--becoming-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.018);
  color: var(--becoming-muted);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.court-replay__steps button span { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.1em; }
.court-replay__steps button b { align-self: end; color: inherit; font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.court-replay__steps button:hover { border-color: rgba(105, 230, 155, 0.34); color: var(--ghost); transform: translateY(-2px); }
.court-replay__steps button:focus-visible { outline: 2px solid var(--becoming-green); outline-offset: 2px; }
.court-replay__steps button[aria-pressed="true"] { border-color: var(--becoming-green); background: rgba(105, 230, 155, 0.055); color: var(--ghost); }
.court-replay__steps button[aria-pressed="true"] span { color: var(--becoming-green); }

.court-replay__scrubber {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 18px;
  margin-top: 22px;
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.court-replay__scrubber output { color: var(--becoming-green); text-align: right; }
.court-replay__scrubber input { grid-column: 1 / -1; width: 100%; height: 20px; margin: 0; accent-color: var(--becoming-green); cursor: ew-resize; }
.court-replay__scrubber input:focus-visible { outline: 2px solid var(--becoming-green); outline-offset: 4px; border-radius: 999px; }
.court-replay__playback { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--becoming-line); }

.court-replay__limit {
  margin: 16px 0 0;
  padding: 18px 22px;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  color: var(--becoming-muted);
  font-size: 12px;
  line-height: 1.62;
}

.court-replay__limit b { margin-right: 10px; color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }

.citizen-charter {
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 0%, rgba(70, 186, 255, 0.055), transparent 26%),
    rgba(3, 4, 7, 0.84);
}

.citizen-charter > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: 38px;
  align-items: end;
  padding: 30px;
  border-bottom: 1px solid var(--becoming-line);
}

.citizen-charter > header span,
.citizen-charter article > span,
.citizen-charter dt,
.citizen-charter > footer span,
.citizen-charter > footer b {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.citizen-charter > header span { color: var(--becoming-cyan); }
.citizen-charter > header h3 { margin: 10px 0 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: clamp(32px, 3.8vw, 50px); font-weight: 500; line-height: 1.02; letter-spacing: -0.04em; }
.citizen-charter > header h3 em { color: var(--bone-70); font-weight: 420; }
.citizen-charter > header p { max-width: 48ch; margin: 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.66; }

.citizen-charter > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  background: var(--becoming-line);
  gap: 1px;
}

.citizen-charter article {
  --citizen-accent: var(--becoming-cyan);
  min-width: 0;
  padding: 24px 20px;
  background: rgba(5, 6, 10, 0.98);
  transition: background-color 0.24s ease, box-shadow 0.24s ease;
}

.citizen-charter article[data-citizen-role="operator"] { --citizen-accent: var(--becoming-violet); }
.citizen-charter article[data-citizen-role="builder"] { --citizen-accent: #ff9b59; }
.citizen-charter article[data-citizen-role="skeptic"] { --citizen-accent: #ff5d8f; }
.citizen-charter article[data-citizen-role="judge"] { --citizen-accent: var(--becoming-amber); }
.citizen-charter article[data-citizen-role="witness"] { --citizen-accent: var(--becoming-cyan); }
.citizen-charter article[data-active] { background: color-mix(in srgb, var(--citizen-accent) 7%, #05060a); box-shadow: inset 0 2px var(--citizen-accent); }
.citizen-charter article > span { color: var(--citizen-accent); }
.citizen-charter article h4 { margin: 15px 0 22px; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: 29px; font-weight: 500; }
.citizen-charter article dl { display: grid; gap: 15px; margin: 0; }
.citizen-charter article dl div { padding-top: 13px; border-top: 1px solid var(--becoming-line); }
.citizen-charter dt { color: var(--citizen-accent); }
.citizen-charter dd { margin: 7px 0 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.52; }

.citizen-charter > footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 17px 22px;
  border-top: 1px solid var(--becoming-line);
}

.citizen-charter > footer span { color: var(--becoming-cyan); }
.citizen-charter > footer p { margin: 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.5; }
.citizen-charter > footer b { color: var(--becoming-green); font-weight: 500; text-align: right; }

.becoming-plate--loss {
  background:
    linear-gradient(105deg, rgba(255, 109, 114, 0.045), transparent 33%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.01) 0 6px, transparent 6px 12px),
    #07070a;
}

.loss-record {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  margin-top: 56px;
  overflow: hidden;
  border: 1px solid rgba(255, 109, 114, 0.32);
  border-radius: 28px;
  background: rgba(3, 4, 7, 0.88);
  box-shadow: 0 36px 100px rgba(0, 0, 0, 0.36);
}

.loss-record > aside {
  display: flex;
  min-height: 500px;
  flex-direction: column;
  padding: 30px;
  border-right: 1px solid rgba(255, 109, 114, 0.22);
  background:
    linear-gradient(155deg, rgba(255, 109, 114, 0.15), transparent 52%),
    rgba(255, 109, 114, 0.025);
}

.loss-record > aside span,
.loss-record > aside b {
  color: var(--becoming-red);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.loss-record > aside strong {
  margin: auto 0;
  color: var(--ghost);
  font-family: var(--font-display);
  font-size: clamp(58px, 6vw, 82px);
  font-weight: 700;
  line-height: 0.72;
  letter-spacing: -0.08em;
  transform: rotate(-3deg);
  text-shadow: 0 0 42px rgba(255, 109, 114, 0.18);
}

.loss-record__body { padding: 34px; }
.loss-record__body > header p { margin: 0; color: var(--becoming-red); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; }
.loss-record__body > header h3 { max-width: 850px; margin: 12px 0 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: clamp(30px, 3.4vw, 48px); font-weight: 500; line-height: 1.08; letter-spacing: -0.035em; }

.loss-record__turn {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 34px;
  padding: 18px;
  border: 1px solid var(--becoming-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.02);
}

.loss-record__turn span { display: grid; gap: 7px; }
.loss-record__turn small { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; }
.loss-record__turn b { color: var(--ghost); font-family: var(--font-mono); font-size: 9px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.loss-record__turn span:last-of-type b { color: var(--becoming-red); }
.loss-record__turn i { color: var(--becoming-red); font-style: normal; }

.loss-record__body dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 30px 0 0;
  border-top: 1px solid var(--becoming-line);
}

.loss-record__body dl div { padding: 22px 22px 0 0; border-right: 1px solid var(--becoming-line); }
.loss-record__body dl div + div { padding-left: 22px; }
.loss-record__body dl div:last-child { border-right: 0; }
.loss-record__body dt { color: var(--becoming-red); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; }
.loss-record__body dd { margin: 9px 0 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.6; }

.loss-record__body > footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--becoming-line);
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.loss-record__body > footer span { color: var(--becoming-muted); }
.loss-record__body > footer a { color: var(--ghost); }
.loss-record__body > footer a:hover { color: var(--becoming-red); }

.loss-law {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 16px;
  padding: 22px 24px;
  border: 1px solid rgba(255, 109, 114, 0.18);
  border-radius: 18px;
  background: rgba(255, 109, 114, 0.018);
}

.loss-law b,
.loss-law span { color: var(--becoming-red); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; }
.loss-law p { margin: 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.62; }
.loss-law span { color: var(--becoming-muted); font-size: 7px; }

.change-ledger {
  display: grid;
  margin-top: 52px;
  overflow: hidden;
  border: 1px solid var(--becoming-line);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.025);
}

.change-record { border-bottom: 1px solid var(--becoming-line); }
.change-record:last-child { border-bottom: 0; }
.change-record[open] { background: rgba(255, 255, 255, 0.018); }

.change-record summary {
  display: grid;
  grid-template-columns: 70px minmax(230px, 0.82fr) minmax(300px, 1fr) 110px 20px;
  gap: 22px;
  align-items: center;
  padding: 26px 28px;
  cursor: pointer;
  list-style: none;
}

.change-record summary::-webkit-details-marker { display: none; }
.change-record summary:focus-visible { outline: 2px solid var(--becoming-cyan); outline-offset: -4px; }
.change-record summary > i { color: var(--becoming-muted); font-style: normal; font-size: 18px; transition: transform 0.22s ease, color 0.22s ease; }
.change-record[open] summary > i { color: var(--becoming-green); transform: rotate(45deg); }
.change-row__index { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; }
.change-record p { margin: 0 0 6px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.15em; text-transform: uppercase; }
.change-record h3 { margin: 0; color: var(--ghost); font-size: 18px; font-weight: 500; line-height: 1.35; }
.change-record summary strong { display: block; color: var(--ghost); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.09em; text-transform: uppercase; }
.change-record summary small { display: block; margin-top: 7px; color: var(--becoming-muted); font-size: 12px; line-height: 1.5; }
.change-record[data-state="deleted"] summary strong { color: var(--becoming-green); }
.change-record[data-state="attack"] summary strong { color: var(--becoming-red); }
.change-record[data-state="hypothesis"] summary strong { color: var(--becoming-amber); }

.change-record__body { padding: 0 28px 28px 120px; }

.assumption-lifecycle {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--becoming-line);
  border-radius: 16px;
  list-style: none;
  background: rgba(0, 0, 0, 0.2);
}

.assumption-lifecycle li { position: relative; z-index: 1; display: grid; gap: 8px; color: rgba(229, 233, 240, 0.34); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.11em; text-transform: uppercase; }
.assumption-lifecycle li span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 50%; font-size: 7px; }
.assumption-lifecycle li[data-passed] { color: var(--bone-70); }
.assumption-lifecycle li[data-current] { color: var(--becoming-amber); }
.change-record[data-state="deleted"] .assumption-lifecycle li[data-current] { color: var(--becoming-green); }

.change-record__evidence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 18px; align-items: center; margin-top: 12px; padding: 16px 18px; border: 1px solid var(--becoming-line); border-radius: 14px; }
.change-record__evidence p { margin: 0; color: var(--becoming-muted); font-family: inherit; font-size: 11px; letter-spacing: 0; line-height: 1.55; text-transform: none; }
.change-record__evidence p b { display: block; margin-bottom: 3px; color: var(--ghost); font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; }
.change-record__evidence a { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; }

.state-chip {
  justify-self: end;
  padding: 6px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--becoming-green);
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.change-record:not([data-state="deleted"]) .state-chip,
.claim-card--held .state-chip { color: var(--becoming-amber); }

.receipt-instrument {
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 155, 0.18);
  border-radius: 24px;
  background: radial-gradient(circle at 22% 0%, rgba(105, 230, 155, 0.055), transparent 34%), rgba(105, 230, 155, 0.018);
}

.receipt-instrument > header { display: flex; justify-content: space-between; gap: 32px; align-items: end; padding: 26px 28px 20px; }
.receipt-instrument > header span { color: var(--becoming-green); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.15em; text-transform: uppercase; }
.receipt-instrument > header h3 { margin: 10px 0 0; color: var(--ghost); font-family: var(--font-display); font-size: 32px; font-weight: 600; line-height: 0.98; letter-spacing: -0.035em; }
.receipt-instrument > header p { max-width: 410px; margin: 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.6; }

.receipt-chain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  align-items: center;
  padding: 18px 28px 22px;
  border-top: 1px solid var(--becoming-line);
  border-bottom: 1px solid var(--becoming-line);
}

.receipt-chain__filament { position: absolute; z-index: 0; top: 31px; left: 9%; width: 82%; height: 1px; overflow: hidden; background: rgba(255, 255, 255, 0.09); }
.receipt-chain__filament i { display: block; width: 100%; height: 100%; transform: scaleX(1); transform-origin: left; background: linear-gradient(90deg, var(--becoming-cyan), var(--becoming-green)); box-shadow: 0 0 12px rgba(105, 230, 155, 0.45); }
.receipt-chain button { position: relative; z-index: 1; display: grid; justify-items: center; gap: 8px; padding: 0; border: 0; color: var(--becoming-muted); background: transparent; font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; }
.receipt-chain button b { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(105, 230, 155, 0.42); border-radius: 50%; color: var(--becoming-green); background: #06080a; font-size: 8px; font-weight: 500; box-shadow: 0 0 0 4px #06080a; }
.receipt-chain button:hover,
.receipt-chain button[data-active] { color: var(--ghost); }
.receipt-chain button[data-active] b { border-color: var(--becoming-cyan); color: var(--ghost); box-shadow: 0 0 0 4px #06080a, 0 0 22px rgba(143, 216, 255, 0.34); }
.receipt-chain button:focus-visible { outline: 2px solid var(--becoming-cyan); outline-offset: 5px; border-radius: 3px; }

.receipt-stage { display: grid; grid-template-columns: minmax(180px, 0.55fr) minmax(0, 1.45fr); gap: 0 30px; padding: 28px; }
.receipt-stage > div { display: flex; justify-content: space-between; align-items: center; grid-column: 1 / -1; padding-bottom: 14px; border-bottom: 1px solid var(--becoming-line); }
.receipt-stage > div span,
.receipt-stage > div b,
.receipt-stage > p { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; }
.receipt-stage > div b { color: var(--becoming-green); }
.receipt-stage > p { margin: 24px 0 0; color: var(--becoming-cyan); }
.receipt-stage > h3 { margin: 9px 0 0; color: var(--ghost); font-family: var(--font-display); font-size: 50px; font-weight: 600; line-height: 0.9; letter-spacing: -0.05em; }
.receipt-stage dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-row: 2 / 4; grid-column: 2; margin: 24px 0 0; border: 1px solid var(--becoming-line); border-radius: 14px; }
.receipt-stage dl div { min-height: 110px; padding: 18px; }
.receipt-stage dl div + div { border-left: 1px solid var(--becoming-line); }
.receipt-stage dt { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.12em; text-transform: uppercase; }
.receipt-stage dd { margin: 10px 0 0; color: var(--bone-70); font-size: 12px; line-height: 1.55; }
.receipt-stage footer { display: flex; justify-content: space-between; gap: 22px; align-items: center; grid-column: 1 / -1; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--becoming-line); }
.receipt-stage footer p { max-width: 650px; margin: 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.55; }
.receipt-stage footer a { flex: none; color: var(--ghost); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.11em; text-transform: uppercase; }

.becoming-plate--classification {
  background:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    radial-gradient(circle at 80% 20%, rgba(180, 161, 255, 0.06), transparent 30%),
    #05060a;
  background-size: 56px 56px, 56px 56px, auto, auto;
}

.classification-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 54px;
  overflow: hidden;
  border: 1px solid var(--becoming-line);
  border-radius: 28px;
}

.classification-grid article {
  min-height: 220px;
  padding: 26px;
  border-right: 1px solid var(--becoming-line);
  border-bottom: 1px solid var(--becoming-line);
  background: rgba(5, 6, 10, 0.76);
}

.classification-grid article:nth-child(3n) { border-right: 0; }
.classification-grid article:nth-last-child(-n + 3) { border-bottom: 0; }
.classification-grid b { display: block; width: fit-content; padding: 5px 8px; border: 1px solid currentColor; border-radius: 4px; color: var(--becoming-green); font-family: var(--font-mono); font-size: 9px; font-weight: 500; letter-spacing: 0.12em; }
.classification-grid span { display: block; margin-top: 36px; color: var(--ghost); font-size: 18px; font-weight: 500; }
.classification-grid p { margin: 10px 0 0; color: var(--becoming-muted); font-size: 13px; line-height: 1.6; }
.classification-grid [data-class="redacted"] b { color: var(--becoming-cyan); }
.classification-grid [data-class="member"] b { color: var(--becoming-violet); }
.classification-grid [data-class="jury"] b { color: var(--becoming-amber); }
.classification-grid [data-class="private"] b { color: #a3a9b4; }
.classification-grid [data-class="never"] b { color: var(--becoming-red); }

.declassification-queue { margin-top: 26px; overflow: hidden; scroll-margin-top: 96px; border: 1px solid rgba(143, 216, 255, 0.18); border-radius: 24px; background: rgba(143, 216, 255, 0.018); }
.declassification-queue > header { display: flex; justify-content: space-between; gap: 32px; align-items: end; padding: 26px 28px; }
.declassification-queue > header span { color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; }
.declassification-queue > header h3 { margin: 10px 0 0; color: var(--ghost); font-family: var(--font-display); font-size: 32px; font-weight: 600; line-height: 0.98; letter-spacing: -0.035em; }
.declassification-queue > header p { max-width: 390px; margin: 0; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; line-height: 1.6; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; }
.declassification-queue[data-new] > header p { color: var(--becoming-green); }
.declassification-queue__lanes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--becoming-line); }
.declassification-queue__lanes > article { min-width: 0; padding: 22px; border-right: 1px solid var(--becoming-line); }
.declassification-queue__lanes > article:last-child { border-right: 0; }
.declassification-queue__lane-head { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--becoming-line); }
.declassification-queue__lane-head > span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 50%; color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 7px; }
.declassification-queue__lane-head b,
.declassification-queue__lane-head strong { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.declassification-queue__lane-head strong { grid-column: 2; color: var(--becoming-muted); font-size: 7px; }
[data-declassification-lane="recent"] .declassification-queue__lane-head strong { color: var(--becoming-green); }
[data-declassification-lane="never"] .declassification-queue__lane-head > span,
[data-declassification-lane="never"] .declassification-queue__lane-head strong { color: var(--becoming-red); }
.declassification-empty { padding: 26px 0 4px; }
.declassification-empty i { display: block; width: 38px; height: 1px; background: var(--becoming-green); box-shadow: 0 0 14px rgba(105, 230, 155, 0.5); }
.declassification-empty h4 { margin: 18px 0 0; color: var(--ghost); font-size: 17px; font-weight: 500; }
.declassification-empty p { margin: 10px 0 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.55; }
.declassification-empty small,
[data-declassification-lane="never"] > small { display: block; margin-top: 18px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; line-height: 1.55; letter-spacing: 0.1em; text-transform: uppercase; }
.declassification-records { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.declassification-records a { display: grid; gap: 7px; padding: 14px; border: 1px solid rgba(105, 230, 155, 0.2); border-radius: 12px; background: rgba(105, 230, 155, 0.025); }
.declassification-records span,
.declassification-records time { color: var(--becoming-green); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.1em; text-transform: uppercase; }
.declassification-records b { color: var(--ghost); font-size: 13px; font-weight: 500; }
.declassification-records p { margin: 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.5; }
.declassification-records time { color: var(--becoming-cyan); }
[data-declassification-lane="review"] details { border-bottom: 1px solid var(--becoming-line); }
[data-declassification-lane="review"] details:last-child { border-bottom: 0; }
[data-declassification-lane="review"] summary { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; gap: 8px; align-items: center; padding: 17px 0; cursor: pointer; list-style: none; }
[data-declassification-lane="review"] summary::-webkit-details-marker { display: none; }
[data-declassification-lane="review"] summary span { color: var(--ghost); font-size: 12px; }
[data-declassification-lane="review"] summary b { color: var(--becoming-amber); font-family: var(--font-mono); font-size: 6px; font-weight: 500; letter-spacing: 0.08em; text-align: right; text-transform: uppercase; }
[data-declassification-lane="review"] summary i { color: var(--becoming-muted); font-style: normal; transition: transform 0.22s ease; }
[data-declassification-lane="review"] details[open] summary i { transform: rotate(45deg); }
[data-declassification-lane="review"] details p { margin: 0 0 17px; color: var(--becoming-muted); font-size: 11px; line-height: 1.55; }
[data-declassification-lane="review"] details p strong { display: block; margin-bottom: 4px; color: var(--ghost); font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
[data-declassification-lane="never"] ul { display: grid; gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
[data-declassification-lane="never"] li { position: relative; padding-left: 15px; color: var(--becoming-muted); font-size: 11px; line-height: 1.5; }
[data-declassification-lane="never"] li::before { content: "×"; position: absolute; left: 0; color: var(--becoming-red); }

.claim-stack {
  display: grid;
  gap: 12px;
  margin-top: 54px;
}

.claim-card {
  overflow: clip;
  border: 1px solid var(--becoming-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.025);
  transition: border-color 0.24s ease, background-color 0.24s ease;
}

.claim-card[open] {
  border-color: rgba(105, 230, 155, 0.28);
  background: rgba(105, 230, 155, 0.025);
}

.claim-card--held[open] { border-color: rgba(242, 201, 76, 0.25); background: rgba(242, 201, 76, 0.02); }

.claim-card summary {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 110px 24px;
  gap: 18px;
  align-items: center;
  min-height: 104px;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
}

.claim-card summary::-webkit-details-marker { display: none; }
.claim-card summary:focus-visible { outline: 2px solid var(--becoming-green); outline-offset: -4px; border-radius: 20px; }
.claim-card__id { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.12em; }
.claim-card summary p { margin: 0 0 5px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.13em; text-transform: uppercase; }
.claim-card summary h3 { margin: 0; color: var(--ghost); font-size: 17px; font-weight: 500; line-height: 1.45; }
.claim-card summary > i { color: var(--becoming-green); font-size: 24px; font-style: normal; text-align: right; transition: transform 0.25s ease; }
.claim-card[open] summary > i { transform: rotate(45deg); }

.claim-card__body {
  padding: 0 24px 26px 134px;
  border-top: 1px solid var(--becoming-line);
}

.claim-card__body dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
}

.claim-card__body dl div {
  min-height: 118px;
  padding: 18px 20px 18px 0;
  border-right: 1px solid var(--becoming-line);
  border-bottom: 1px solid var(--becoming-line);
}

.claim-card__body dl div:nth-child(3n + 2),
.claim-card__body dl div:nth-child(3n + 3) { padding-left: 20px; }
.claim-card__body dl div:nth-child(3n) { border-right: 0; }
.claim-card__body dt { color: var(--becoming-green); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.13em; text-transform: uppercase; }
.claim-card--held .claim-card__body dt { color: var(--becoming-amber); }
.claim-card__body dd { margin: 8px 0 0; color: var(--bone-70); font-size: 12px; line-height: 1.55; }
.claim-card__limit { margin: 18px 0 0; color: var(--becoming-muted); font-size: 12px; line-height: 1.6; }
.claim-card__limit b { margin-right: 10px; color: var(--becoming-red); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.12em; text-transform: uppercase; }
.claim-card__body > a { display: inline-flex; gap: 8px; margin-top: 18px; color: var(--ghost); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; }
.claim-card__body > a:hover { color: var(--becoming-green); }

.becoming-plate--wiw {
  background:
    radial-gradient(circle at 24% 34%, rgba(70, 186, 255, 0.09), transparent 34%),
    radial-gradient(circle at 78% 68%, rgba(105, 230, 155, 0.07), transparent 30%),
    #04060a;
}

.wiw-instrument {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.72fr);
  margin-top: 54px;
  border: 1px solid rgba(70, 186, 255, 0.22);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.54);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36), inset 0 1px rgba(255, 255, 255, 0.035);
}

.wiw-scan { min-width: 0; padding: 34px; border-right: 1px solid var(--becoming-line); }
.wiw-scan > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.wiw-scan > header span,
.wiw-evidence > header span,
.wiw-scan__commit > span,
.wiw-scan > footer span,
.wiw-value-hold > span,
.wiw-boundary > span { color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.14em; text-transform: uppercase; }
.wiw-scan > header h3 { margin: 8px 0 0; color: var(--ghost); font-size: clamp(24px, 3vw, 38px); font-weight: 520; letter-spacing: -0.035em; }
.wiw-scan > header > b { padding: 7px 10px; border: 1px solid rgba(105, 230, 155, 0.28); border-radius: 999px; color: var(--becoming-green); font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.1em; white-space: nowrap; }

.wiw-scan__commit { position: relative; margin-top: 30px; padding: 18px 20px 24px; border: 1px solid var(--becoming-line); border-radius: 16px; overflow: hidden; background: rgba(70, 186, 255, 0.025); }
.wiw-scan__commit code { display: block; margin-top: 10px; overflow: hidden; color: var(--bone-70); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em; text-overflow: ellipsis; white-space: nowrap; }
.wiw-scan__commit > i { position: absolute; right: 20px; bottom: 11px; left: 20px; height: 1px; overflow: hidden; background: rgba(255, 255, 255, 0.07); }
.wiw-scan__commit > i b { display: block; width: 34%; height: 1px; background: var(--becoming-cyan); box-shadow: 0 0 12px rgba(70, 186, 255, 0.8); transform: translateX(-110%); }

.wiw-scan__flow { display: grid; grid-template-columns: repeat(7, auto); gap: 9px; align-items: center; justify-content: space-between; margin-top: 16px; padding: 20px 0; border-top: 1px solid var(--becoming-line); border-bottom: 1px solid var(--becoming-line); }
.wiw-scan__flow > span { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 2px 8px; align-items: center; min-width: 0; }
.wiw-scan__flow small { grid-row: 1 / 3; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(70, 186, 255, 0.24); border-radius: 50%; color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 6px; }
.wiw-scan__flow b { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }
.wiw-scan__flow em { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 6px; font-style: normal; letter-spacing: 0.06em; white-space: nowrap; }
.wiw-scan__flow > i { color: rgba(70, 186, 255, 0.35); font-family: var(--font-mono); font-size: 9px; font-style: normal; }

.wiw-scan__metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; border: 1px solid var(--becoming-line); border-radius: 18px; overflow: hidden; }
.wiw-scan__metrics article { min-width: 0; min-height: 174px; padding: 20px; border-right: 1px solid var(--becoming-line); border-bottom: 1px solid var(--becoming-line); background: rgba(255, 255, 255, 0.012); }
.wiw-scan__metrics article:nth-child(2n) { border-right: 0; }
.wiw-scan__metrics article:nth-last-child(-n + 2) { border-bottom: 0; }
.wiw-scan__metrics span { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.11em; text-transform: uppercase; }
.wiw-scan__metrics strong { display: block; margin-top: 22px; color: var(--ghost); font-family: var(--font-display); font-size: clamp(42px, 5vw, 66px); font-weight: 560; line-height: 0.9; letter-spacing: -0.06em; font-variant-numeric: tabular-nums; }
.wiw-scan__metrics small { display: block; max-width: 28ch; margin-top: 14px; color: var(--becoming-muted); font-size: 9px; line-height: 1.45; }
.wiw-scan > footer { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 18px; }
.wiw-scan > footer code { display: block; margin-top: 7px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; }
.wiw-scan > footer a { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; }
.wiw-scan > footer a:hover { color: var(--becoming-cyan); }

.wiw-evidence { min-width: 0; padding: 34px; background: linear-gradient(155deg, rgba(70, 186, 255, 0.035), transparent 45%); }
.wiw-evidence > header h3 { margin: 10px 0 0; color: var(--ghost); font-family: var(--font-display); font-size: clamp(34px, 4vw, 48px); font-weight: 500; line-height: 0.92; letter-spacing: -0.045em; }
.wiw-evidence__steps { display: grid; gap: 7px; margin-top: 28px; }
.wiw-evidence__steps button { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 52px; padding: 9px 11px; border: 1px solid var(--becoming-line); border-radius: 12px; background: rgba(255, 255, 255, 0.015); color: inherit; text-align: left; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; }
.wiw-evidence__steps button:hover { transform: translateX(3px); border-color: rgba(70, 186, 255, 0.34); }
.wiw-evidence__steps button:focus-visible { outline: 2px solid var(--becoming-cyan); outline-offset: 2px; }
.wiw-evidence__steps button[data-active] { border-color: rgba(105, 230, 155, 0.34); background: rgba(105, 230, 155, 0.035); }
.wiw-evidence__steps button > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(70, 186, 255, 0.2); border-radius: 50%; color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 6px; }
.wiw-evidence__steps button b { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; }
.wiw-evidence__steps button small { color: var(--becoming-green); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.1em; }
.wiw-evidence__steps button:last-child small { color: var(--becoming-amber); }

.wiw-evidence__panel { margin-top: 14px; padding: 20px; border: 1px solid var(--becoming-line); border-radius: 16px; background: rgba(0, 0, 0, 0.25); }
.wiw-evidence__panel > div { display: flex; justify-content: space-between; gap: 12px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.1em; }
.wiw-evidence__panel > div b { color: var(--becoming-green); font-weight: 500; }
.wiw-evidence__panel h4 { margin: 18px 0 0; color: var(--ghost); font-size: 18px; font-weight: 520; }
.wiw-evidence__panel dl { display: grid; gap: 14px; margin: 18px 0 0; }
.wiw-evidence__panel dl div { padding-top: 12px; border-top: 1px solid var(--becoming-line); }
.wiw-evidence__panel dt { color: var(--becoming-cyan); font-family: var(--font-mono); font-size: 7px; letter-spacing: 0.11em; text-transform: uppercase; }
.wiw-evidence__panel dd { margin: 7px 0 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.55; }
.wiw-value-hold { margin-top: 14px; padding: 18px 20px; border: 1px solid rgba(242, 201, 76, 0.24); border-radius: 16px; background: rgba(242, 201, 76, 0.025); }
.wiw-value-hold > span { color: var(--becoming-amber); }
.wiw-value-hold strong { display: block; margin-top: 12px; color: var(--becoming-amber); font-family: var(--font-display); font-size: 32px; font-weight: 560; letter-spacing: -0.04em; }
.wiw-value-hold p { margin: 8px 0 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.5; }

.wiw-boundary { display: grid; grid-template-columns: 190px minmax(0, 1fr) auto; gap: 24px; align-items: center; margin-top: 16px; padding: 22px 24px; border: 1px solid rgba(242, 201, 76, 0.22); border-radius: 18px; background: rgba(242, 201, 76, 0.02); }
.wiw-boundary > span { color: var(--becoming-amber); }
.wiw-boundary p { margin: 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.55; }
.wiw-boundary > b { color: var(--becoming-amber); font-family: var(--font-mono); font-size: 7px; font-weight: 500; letter-spacing: 0.09em; text-align: right; }

.becoming-plate--lab {
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.012) 0 8px, transparent 8px 16px),
    #07080c;
}

.project-atlas {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(430px, 1.08fr);
  margin-top: 54px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  background:
    radial-gradient(circle at 19% 42%, rgba(70, 186, 255, 0.06), transparent 28%),
    rgba(2, 3, 7, 0.94);
}

.project-atlas__map {
  min-width: 0;
  padding: 26px;
  border-right: 1px solid var(--becoming-line);
  background:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 34px 34px;
}

.project-atlas__map > header,
.project-atlas__map > footer,
.project-atlas__dossiers > header,
.project-atlas__dossiers article > header,
.project-atlas__dossiers article > footer {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.project-atlas__map > header span,
.project-atlas__map > header p,
.project-atlas__map > footer span,
.project-atlas__dossiers > header span,
.project-atlas__dossiers article > header span,
.project-atlas__dossiers article > header b,
.project-atlas__dossiers article > footer span,
.project-atlas__dossiers dt {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.project-atlas__map > header span { color: var(--becoming-cyan); }
.project-atlas__map > header b { display: block; margin-top: 7px; color: var(--ghost); font-family: var(--font-display); font-size: 26px; font-weight: 560; letter-spacing: 0.04em; }
.project-atlas__map > header p { margin: 0; color: var(--becoming-muted); text-align: right; }

.project-atlas__field {
  position: relative;
  min-height: 470px;
  margin-top: 8px;
}

.project-atlas__field svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.project-atlas__field circle { fill: none; stroke: rgba(255, 255, 255, 0.08); stroke-dasharray: 2 8; stroke-width: 1; }
.project-atlas__field path { fill: none; stroke: rgba(255, 255, 255, 0.1); stroke-dasharray: 3 7; stroke-width: 1; transition: stroke 0.25s ease, stroke-width 0.25s ease, filter 0.25s ease; }
.project-atlas__field path[data-active] { stroke: var(--becoming-cyan); stroke-width: 2; filter: drop-shadow(0 0 7px rgba(70, 186, 255, 0.72)); }

.project-atlas__hub {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 112px;
  height: 112px;
  place-content: center;
  border: 1px solid rgba(105, 230, 155, 0.42);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(105, 230, 155, 0.09), rgba(1, 4, 5, 0.94) 66%);
  box-shadow: 0 0 48px rgba(105, 230, 155, 0.09), inset 0 0 28px rgba(105, 230, 155, 0.06);
  text-align: center;
  transform: translate(-50%, -50%);
}

.project-atlas__hub span,
.project-atlas__hub small { color: var(--becoming-green); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.13em; text-transform: uppercase; }
.project-atlas__hub b { margin: 7px 0; color: var(--ghost); font-family: var(--font-display); font-size: 21px; font-weight: 560; letter-spacing: 0.08em; }

.project-atlas__field button {
  position: absolute;
  top: var(--atlas-y);
  left: var(--atlas-x);
  z-index: 2;
  display: grid;
  width: 82px;
  min-height: 62px;
  place-content: center;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  color: inherit;
  background: rgba(2, 4, 8, 0.94);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34);
  cursor: pointer;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.project-atlas__field button:hover,
.project-atlas__field button:focus-visible { border-color: var(--atlas-accent); background: color-mix(in srgb, var(--atlas-accent) 6%, #020408); }
.project-atlas__field button:focus-visible { outline: 2px solid var(--ghost); outline-offset: 3px; }
.project-atlas__field button[data-active] { border-color: var(--atlas-accent); background: color-mix(in srgb, var(--atlas-accent) 9%, #020408); box-shadow: 0 0 28px color-mix(in srgb, var(--atlas-accent) 26%, transparent), 0 12px 34px rgba(0, 0, 0, 0.4); transform: translate(-50%, -50%) scale(1.06); }
.project-atlas__field button span { color: var(--atlas-accent); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.1em; }
.project-atlas__field button b { margin-top: 5px; color: var(--ghost); font-size: 11px; font-weight: 600; }
.project-atlas__field button small { margin-top: 4px; color: var(--becoming-muted); font-family: var(--font-mono); font-size: 5px; letter-spacing: 0.08em; text-transform: uppercase; }

.project-atlas__map > footer { padding-top: 16px; border-top: 1px solid var(--becoming-line); }
.project-atlas__map > footer span { flex: 0 0 auto; color: var(--becoming-cyan); }
.project-atlas__map > footer p { margin: 0; color: var(--becoming-muted); font-size: 9px; line-height: 1.5; text-align: right; }

.project-atlas__dossiers { min-width: 0; background: rgba(5, 6, 10, 0.9); }
.project-atlas__dossiers > header { padding: 18px 28px; border-bottom: 1px solid var(--becoming-line); }
.project-atlas__dossiers > header span { color: var(--becoming-green); }
.project-atlas__dossiers > header p { margin: 0; color: var(--becoming-muted); font-size: 9px; text-align: right; }

.project-atlas__dossiers article {
  display: flex;
  min-height: 592px;
  flex-direction: column;
  padding: 32px;
  border-top: 1px solid var(--becoming-line);
  background:
    radial-gradient(circle at 100% 0%, rgba(179, 156, 255, 0.045), transparent 28%),
    rgba(2, 3, 7, 0.56);
}

.project-atlas__dossiers article:first-of-type { border-top: 0; }
.project-atlas__dossiers article[hidden] { display: none; }
.project-atlas__dossiers article > header span { color: var(--becoming-muted); }
.project-atlas__dossiers article > header b { color: var(--becoming-green); font-weight: 500; }
.project-atlas__dossiers article[data-project-panel="foxlang"] > header b { color: var(--becoming-amber); }
.project-atlas__dossiers article[data-project-panel="px"] > header b,
.project-atlas__dossiers article[data-project-panel="youdag"] > header b,
.project-atlas__dossiers article[data-project-panel="proven"] > header b { color: var(--becoming-cyan); }
.project-atlas__dossiers article h3 { margin: 28px 0 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: clamp(44px, 5vw, 68px); font-weight: 500; line-height: 0.96; letter-spacing: -0.045em; }
.project-atlas__thesis { max-width: 54ch; margin: 18px 0 0; color: var(--bone-70); font-size: 13px; line-height: 1.68; }
.project-atlas__law { margin: 14px 0 0; padding: 12px 14px; border-left: 2px solid var(--becoming-cyan); color: var(--becoming-cyan); background: rgba(70, 186, 255, 0.035); font-family: var(--font-mono); font-size: 8px; line-height: 1.55; letter-spacing: 0.055em; text-transform: uppercase; }
.project-atlas__dossiers dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin: 28px 0 0; }
.project-atlas__dossiers dl div { padding: 15px 0; border-top: 1px solid var(--becoming-line); }
.project-atlas__dossiers dt { color: var(--becoming-cyan); }
.project-atlas__dossiers dd { margin: 7px 0 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.55; }
.project-atlas__dossiers article > footer { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--becoming-line); }
.project-atlas__dossiers article > footer a { color: var(--ghost); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.09em; text-transform: uppercase; }
.project-atlas__dossiers article > footer a:hover,
.project-atlas__dossiers article > footer a:focus-visible { color: var(--becoming-cyan); }
.project-atlas__dossiers article > footer span { color: var(--becoming-amber); text-align: right; }

.lab-boundary {
  display: grid;
  grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1fr);
  gap: 40px;
  margin-top: 18px;
  padding: 30px;
  border: 1px solid rgba(255, 109, 114, 0.2);
  border-radius: 22px;
  background: rgba(255, 109, 114, 0.018);
}

.lab-boundary p { margin: 0; color: var(--becoming-red); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.13em; text-transform: uppercase; }
.lab-boundary h3 { margin: 10px 0 0; color: var(--ghost); font-size: 22px; font-weight: 500; }
.lab-boundary ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; counter-reset: boundary; }
.lab-boundary li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; color: var(--becoming-muted); font-size: 13px; line-height: 1.55; counter-increment: boundary; }
.lab-boundary li::before { content: counter(boundary, decimal-leading-zero); color: var(--becoming-red); font-family: var(--font-mono); font-size: 8px; padding-top: 4px; }

.becoming-plate--protocols {
  background:
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    radial-gradient(circle at 22% 54%, rgba(255, 109, 114, 0.075), transparent 28%),
    #020307;
  background-size: 38px 38px, 38px 38px, auto, auto;
}

.protocol-vault {
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 1fr);
  margin-top: 56px;
  overflow: hidden;
  border: 1px solid rgba(255, 109, 114, 0.24);
  border-radius: 30px;
  background: rgba(2, 3, 7, 0.9);
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.38), inset 0 1px rgba(255, 255, 255, 0.025);
}

.protocol-vault__switchboard {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  border-right: 1px solid var(--becoming-line);
  background: rgba(255, 109, 114, 0.018);
}

.protocol-vault__switchboard > header,
.protocol-vault__switchboard > footer,
.protocol-vault__records > header,
.protocol-vault__records article > header,
.protocol-vault__records article > footer {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.protocol-vault__switchboard > header span,
.protocol-vault__switchboard > header p,
.protocol-vault__switchboard > footer span,
.protocol-vault__records > header span,
.protocol-vault__records article > header span,
.protocol-vault__records article > header b,
.protocol-vault__records article > footer,
.protocol-vault__records dt {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.protocol-vault__switchboard > header span { color: var(--becoming-red); }
.protocol-vault__switchboard > header b { display: block; margin-top: 7px; color: var(--ghost); font-size: 24px; font-weight: 540; letter-spacing: 0.035em; }
.protocol-vault__switchboard > header p { margin: 0; color: var(--becoming-muted); text-align: right; }
.protocol-vault__switchboard > div { display: grid; gap: 7px; margin: 34px 0; }

.protocol-vault__switchboard button {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 62px;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  color: var(--becoming-muted);
  background: rgba(255, 255, 255, 0.012);
  text-align: left;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.protocol-vault__switchboard button:hover,
.protocol-vault__switchboard button:focus-visible { color: var(--ghost); border-color: rgba(255, 109, 114, 0.48); background: rgba(255, 109, 114, 0.035); }
.protocol-vault__switchboard button:focus-visible { outline: 2px solid var(--ghost); outline-offset: 3px; }
.protocol-vault__switchboard button[data-active] { color: var(--ghost); border-color: var(--becoming-red); background: linear-gradient(90deg, rgba(255, 109, 114, 0.1), rgba(255, 109, 114, 0.018)); box-shadow: 0 0 28px rgba(255, 109, 114, 0.08); transform: translateX(4px); }
.protocol-vault__switchboard button > span { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid currentColor; border-radius: 50%; color: var(--becoming-red); font-family: var(--font-mono); font-size: 7px; }
.protocol-vault__switchboard button b { min-width: 0; font-size: 11px; font-weight: 560; letter-spacing: 0.025em; }
.protocol-vault__switchboard button small { color: var(--becoming-amber); font-family: var(--font-mono); font-size: 6px; letter-spacing: 0.1em; }
.protocol-vault__switchboard button[data-protocol-node="activity"] small,
.protocol-vault__switchboard button[data-protocol-node="deltas"] small { color: var(--becoming-green); }
.protocol-vault__switchboard button[data-protocol-node="comparison"] small { color: var(--becoming-red); }
.protocol-vault__switchboard > footer { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--becoming-line); }
.protocol-vault__switchboard > footer span { flex: 0 0 auto; color: var(--becoming-red); }
.protocol-vault__switchboard > footer p { margin: 0; color: var(--becoming-muted); font-size: 9px; line-height: 1.5; text-align: right; }

.protocol-vault__records { min-width: 0; background: rgba(3, 4, 8, 0.92); }
.protocol-vault__records > header { padding: 18px 28px; border-bottom: 1px solid var(--becoming-line); }
.protocol-vault__records > header span { color: var(--becoming-amber); }
.protocol-vault__records > header p { margin: 0; color: var(--becoming-muted); font-size: 9px; text-align: right; }
.protocol-vault__records article { display: flex; flex-direction: column; min-height: 650px; padding: 34px; }
.protocol-vault__records article[hidden] { display: none; }
.protocol-vault__records article > header span { color: var(--becoming-muted); }
.protocol-vault__records article > header b { color: var(--becoming-amber); font-weight: 500; }
.protocol-vault__records article[data-protocol-panel="comparison"] > header b { color: var(--becoming-red); }
.protocol-vault__records article h3 { margin: 42px 0 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: clamp(48px, 5.4vw, 74px); font-weight: 500; line-height: 0.94; letter-spacing: -0.05em; }
.protocol-vault__records article > p { max-width: 62ch; margin: 20px 0 0; color: var(--bone-70); font-size: 13px; line-height: 1.7; }
.protocol-vault__records dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; margin: 40px 0 0; }
.protocol-vault__records dl div { padding: 17px 0; border-top: 1px solid var(--becoming-line); }
.protocol-vault__records dt { color: var(--becoming-red); }
.protocol-vault__records dd { margin: 8px 0 0; color: var(--becoming-muted); font-size: 10px; line-height: 1.6; }
.protocol-vault__records article > footer { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--becoming-line); color: var(--becoming-muted); }
.protocol-vault__records article > footer span { color: var(--becoming-muted); }
.protocol-vault__records article > footer b { color: var(--becoming-amber); font-weight: 500; }
.protocol-vault__records article[data-protocol-panel="activity"] > header b,
.protocol-vault__records article[data-protocol-panel="activity"] > footer b,
.protocol-vault__records article[data-protocol-panel="deltas"] > header b,
.protocol-vault__records article[data-protocol-panel="deltas"] > footer b { color: var(--becoming-green); }
.protocol-vault__records article[data-protocol-panel="comparison"] > footer b { color: var(--becoming-red); }

.protocol-vault__records article[data-protocol-panel="activity"] { min-height: 940px; }

.activity-telescope {
  position: relative;
  margin: 34px 0 30px;
  overflow: hidden;
  border: 1px solid rgba(105, 230, 155, 0.25);
  border-radius: 22px;
  background:
    radial-gradient(circle at 82% 12%, rgba(105, 230, 155, 0.1), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 20px 60px rgba(0, 0, 0, 0.22);
}

.activity-telescope::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(105, 230, 155, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 230, 155, 0.025) 1px, transparent 1px);
  background-size: 24px 24px;
  content: "";
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #000, transparent 66%);
}

.activity-telescope__status,
.activity-telescope__readout > header,
.activity-telescope__measures > div > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.activity-telescope__status {
  position: relative;
  z-index: 1;
  min-height: 70px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.activity-telescope__status span,
.activity-telescope__readout > header span,
.activity-telescope__readout > header p,
.activity-telescope__releases span,
.activity-telescope__releases small {
  color: var(--becoming-muted);
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.activity-telescope__status b {
  display: block;
  margin-top: 6px;
  color: var(--becoming-green);
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.11em;
}

.activity-telescope__status code {
  max-width: 48%;
  overflow: hidden;
  color: var(--bone-70);
  font-family: var(--font-mono);
  font-size: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-telescope__scale {
  position: relative;
  z-index: 1;
  padding: 26px 22px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(115deg, rgba(105, 230, 155, 0.07), rgba(143, 216, 255, 0.018) 58%, transparent);
}

.activity-telescope__scale > header,
.activity-telescope__scale > footer,
.activity-telescope__phase {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.activity-telescope__scale > header span,
.activity-telescope__scale > header b,
.activity-telescope__scale > footer span,
.activity-telescope__phase span,
.activity-telescope__phase p,
.activity-telescope__split span,
.activity-telescope__split small {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.activity-telescope__scale > header span { color: var(--becoming-muted); }
.activity-telescope__scale > header b { color: var(--becoming-green); font-weight: 500; }

.activity-telescope__total { margin: 22px 0 26px; }
.activity-telescope__total strong {
  display: block;
  max-width: 100%;
  color: var(--ghost);
  font-family: var(--font-display);
  font-size: clamp(58px, 7.2vw, 108px);
  font-variant-numeric: tabular-nums;
  font-weight: 650;
  letter-spacing: -0.075em;
  line-height: 0.82;
  text-shadow: 0 0 34px rgba(105, 230, 155, 0.12);
}
.activity-telescope__total p { margin: 15px 0 0; color: #bff7d5; font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.16em; text-transform: uppercase; }
.activity-telescope__total .evidence-stream { width: min(100%, 620px); margin-top: 15px; font-size: 7px; }

.activity-telescope__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 15px;
  background: rgba(1, 4, 7, 0.48);
}
.protocol-vault__records .activity-telescope__split article { display: block; min-width: 0; min-height: 0; padding: 0; }
.activity-telescope__split span { display: block; overflow: hidden; color: var(--becoming-muted); text-overflow: ellipsis; white-space: nowrap; }
.activity-telescope__split strong { display: block; margin-top: 7px; color: var(--ghost); font-family: var(--font-mono); font-size: clamp(13px, 1.4vw, 18px); font-variant-numeric: tabular-nums; font-weight: 500; letter-spacing: -0.04em; }
.activity-telescope__split small { display: block; margin-top: 6px; overflow: hidden; color: rgba(237, 239, 242, 0.4); font-size: 5px; text-overflow: ellipsis; white-space: nowrap; }
.activity-telescope__split > i { color: var(--becoming-green); font-family: var(--font-mono); font-size: 12px; font-style: normal; }

.activity-telescope__scale > footer { margin-top: 16px; }
.activity-telescope__scale > footer span { color: var(--becoming-green); }
.activity-telescope__scale > footer p { max-width: 48ch; margin: 0; color: var(--becoming-muted); font-size: 8px; line-height: 1.5; text-align: right; }

.activity-telescope__phase { position: relative; z-index: 1; padding: 13px 18px 0; }
.activity-telescope__phase span { color: var(--becoming-green); }
.activity-telescope__phase p { margin: 0; color: var(--becoming-muted); font-size: 6px; }

.activity-telescope__releases {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.activity-telescope__releases button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 5px 10px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 13px;
  color: var(--becoming-muted);
  background: rgba(255, 255, 255, 0.012);
  text-align: left;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.activity-telescope__releases button:hover { color: var(--ghost); border-color: rgba(105, 230, 155, 0.38); }
.activity-telescope__releases button:focus-visible { outline: 2px solid var(--ghost); outline-offset: 3px; }
.activity-telescope__releases button[data-active] {
  color: var(--ghost);
  border-color: rgba(105, 230, 155, 0.58);
  background: rgba(105, 230, 155, 0.07);
  box-shadow: 0 0 28px rgba(105, 230, 155, 0.07);
  transform: translateY(-2px);
}

.activity-telescope__releases span { grid-row: 1 / span 2; align-self: center; color: var(--becoming-green); }
.activity-telescope__releases b { min-width: 0; overflow: hidden; font-size: 9px; font-weight: 540; text-overflow: ellipsis; white-space: nowrap; }
.activity-telescope__releases small { color: var(--becoming-green); font-size: 5px; }

.activity-telescope__readout {
  position: relative;
  z-index: 1;
  padding: 22px 20px 18px;
}

.activity-telescope__readout > header { align-items: flex-end; padding-bottom: 18px; }
.activity-telescope__readout > header span { color: var(--becoming-green); }
.activity-telescope__readout > header h4 { margin: 5px 0 0; color: var(--ghost); font-family: "Fraunces", Georgia, serif; font-size: 27px; font-weight: 500; letter-spacing: -0.025em; }
.activity-telescope__readout > header p { margin: 0; text-align: right; }

.activity-telescope__measures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px 18px; }
.activity-telescope__measures > div { min-width: 0; }
.activity-telescope__measures > div > header { margin-bottom: 7px; }
.activity-telescope__measures b { color: var(--bone-70); font-size: 9px; font-weight: 500; }
.activity-telescope__measures strong { color: var(--ghost); font-family: var(--font-mono); font-size: 10px; font-weight: 500; }
.activity-telescope__measures > div > span { display: block; height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.06); }
.activity-telescope__measures i {
  display: block;
  width: calc(var(--activity-ratio, 0) * 100%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(105, 230, 155, 0.42), var(--becoming-green));
  box-shadow: 0 0 12px rgba(105, 230, 155, 0.28);
  transition: width 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.activity-telescope__zero {
  margin: 19px 0 0;
  padding: 13px 14px;
  border-left: 2px solid var(--becoming-green);
  color: var(--becoming-muted);
  background: rgba(105, 230, 155, 0.035);
  font-size: 9px;
  line-height: 1.55;
}

.protocol-vault__records .activity-contract { margin-top: 0; }
.protocol-vault__records .activity-contract dt { color: var(--becoming-green); }

.becoming-plate--court {
  background:
    radial-gradient(circle at 50% 48%, rgba(105, 230, 155, 0.08), transparent 33%),
    #030407;
}

.court-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 54px;
}

.court-grid article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 108px;
  padding: 19px 20px;
  border: 1px solid var(--becoming-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.court-grid article > span { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(105, 230, 155, 0.2); border-radius: 50%; color: var(--becoming-green); font-family: var(--font-mono); font-size: 8px; }
.court-grid b { color: var(--ghost); font-size: 14px; font-weight: 500; }
.court-grid p { margin: 5px 0 0; color: var(--becoming-muted); font-size: 11px; line-height: 1.5; }
.court-grid strong { color: var(--becoming-green); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.12em; }

.court-verdict {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: 22px;
  padding: 22px 24px;
  border: 1px solid rgba(105, 230, 155, 0.3);
  border-radius: 20px;
  background: rgba(105, 230, 155, 0.04);
}

.court-verdict > span { color: var(--becoming-muted); font-family: var(--font-mono); font-size: 8px; letter-spacing: 0.13em; text-transform: uppercase; }
.court-verdict > strong { padding: 7px 10px; border: 1px solid currentColor; border-radius: 5px; color: var(--becoming-green); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; }
.court-verdict p { margin: 0; color: var(--becoming-muted); font-size: 12px; }
.court-verdict a { color: var(--ghost); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.11em; text-transform: uppercase; }
.court-verdict a:hover { color: var(--becoming-green); }

.becoming-next {
  position: relative;
  display: grid;
  min-height: 72svh;
  align-items: center;
  padding: 120px 0;
  scroll-margin-top: 104px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 65%, rgba(105, 230, 155, 0.1), transparent 32%),
    linear-gradient(#05060a, #020304);
}

.becoming-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(82vw, 900px);
  aspect-ratio: 1;
  border: 1px solid rgba(105, 230, 155, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -40%);
  box-shadow: 0 0 0 80px rgba(105, 230, 155, 0.012), 0 0 0 180px rgba(143, 216, 255, 0.008);
}

.becoming-next .becoming-wrap { position: relative; z-index: 1; text-align: center; }
.becoming-next p { margin: 0; color: var(--becoming-green); font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; }
.becoming-next h2 { margin: 22px auto 0; color: var(--ghost); font-family: var(--font-display); font-size: clamp(60px, 8vw, 118px); font-weight: 650; line-height: 0.84; letter-spacing: -0.075em; text-transform: uppercase; }
.becoming-next h2 em { font-size: 0.86em; font-style: italic; text-transform: none; }
.becoming-next .becoming-wrap > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 36px; }

@media (prefers-reduced-motion: reduce) {
  .becoming-page *,
  .becoming-page *::before,
  .becoming-page *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  [data-becoming-reveal] { opacity: 1 !important; transform: none !important; }
  .becoming-plate--pulse *,
  .becoming-plate--pulse *::before,
  .becoming-plate--pulse *::after { animation: none !important; transition: none !important; }
}

@media (max-width: 1060px) {
  .public-pulse__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .public-pulse__metrics > a { border-bottom: 1px solid var(--becoming-line); }
  .public-pulse__metrics > a:nth-child(3) { border-right: 0; }
  .public-pulse__metrics > a:nth-child(n + 4) { border-bottom: 0; }
  .public-pulse__questions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pulse-funnel > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .becoming-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(280px, 0.52fr); gap: 40px; }
  .change-record summary { grid-template-columns: 60px minmax(190px, 0.8fr) minmax(250px, 1fr) 84px 18px; gap: 14px; padding: 22px; }
  .change-record__body { padding: 0 22px 22px 96px; }
  .change-record__evidence { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .change-record__evidence a { grid-column: 1 / -1; }
  .declassification-queue__lanes { grid-template-columns: 1fr; }
  .declassification-queue__lanes > article { border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .declassification-queue__lanes > article:last-child { border-bottom: 0; }
  .project-atlas { grid-template-columns: 1fr; }
  .project-atlas__map { border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .project-atlas__field { width: min(100%, 720px); min-height: 540px; margin-right: auto; margin-left: auto; }
  .project-atlas__dossiers article { min-height: 560px; }
  .protocol-vault { grid-template-columns: 1fr; }
  .protocol-vault__switchboard { border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .protocol-vault__switchboard > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .protocol-vault__records article { min-height: 590px; }
  .protocol-vault__records article[data-protocol-panel="activity"] { min-height: 880px; }
  .wiw-instrument { grid-template-columns: 1fr; }
  .wiw-scan { border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .wiw-evidence__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wiw-boundary { grid-template-columns: 160px minmax(0, 1fr); }
  .wiw-boundary > b { grid-column: 2; text-align: left; }
  .journey-instrument { grid-template-columns: minmax(0, 0.85fr) minmax(390px, 1.15fr); }
  .journey-stage { padding: 34px; }
  .manifesto-lines article { grid-template-columns: 100px minmax(0, 1fr); }
  .manifesto-lines footer { grid-column: 2; }
  .journey-held { grid-template-columns: 160px minmax(0, 1fr); }
  .journey-held b { grid-column: 2; justify-self: start; }
  .court-replay { grid-template-columns: minmax(0, 0.92fr) minmax(390px, 0.78fr); }
  .court-replay__stage { padding: 34px; }
  .citizen-charter > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .loss-record { grid-template-columns: 210px minmax(0, 1fr); }
  .loss-record > aside { padding: 24px; }
  .loss-law { grid-template-columns: 160px minmax(0, 1fr); }
  .loss-law span { grid-column: 2; }
}

@media (max-width: 860px) {
  .public-pulse__return { grid-template-columns: 1fr; gap: 7px; }
  .public-pulse__return > small { text-align: left; }
  .public-pulse__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-pulse__metrics > a,
  .public-pulse__metrics > a:nth-child(3),
  .public-pulse__metrics > a:nth-child(n + 4) { border-right: 1px solid var(--becoming-line); border-bottom: 1px solid var(--becoming-line); }
  .public-pulse__metrics > a:nth-child(2n) { border-right: 0; }
  .public-pulse__metrics > a:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .witnessed-feed > header,
  .pulse-funnel > header { align-items: flex-start; flex-direction: column; }
  .witnessed-feed li { grid-template-columns: 90px 90px minmax(0, 1fr); }
  .witnessed-feed li > b { grid-column: 1 / 3; }
  .witnessed-feed li > a { grid-column: 3; text-align: left; }
  .becoming-hero { min-height: auto; padding: 118px 0 78px; }
  .becoming-hero__inner { grid-template-columns: 1fr; }
  .becoming-hero__beam { top: 72%; left: 76%; width: 620px; opacity: 0.55; }
  .release-seal { width: 100%; max-width: none; justify-self: stretch; }
  .release-seal > strong { font-size: 86px; }
  .becoming-heading--split { grid-template-columns: 1fr; gap: 24px; }
  .becoming-heading--split > span { margin: 0; }
  .change-record summary { grid-template-columns: 54px minmax(0, 1fr) 92px 18px; }
  .change-record summary > div:first-of-type { grid-column: 2 / 4; }
  .change-record summary > div:nth-of-type(2) { grid-column: 2 / -1; }
  .change-record summary .state-chip { grid-column: 2; justify-self: start; }
  .change-record summary > i { grid-row: 1; grid-column: 4; justify-self: end; }
  .change-record__body { padding-left: 90px; }
  .assumption-lifecycle { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 8px; }
  .receipt-instrument > header,
  .declassification-queue > header { align-items: flex-start; flex-direction: column; }
  .declassification-queue > header p { max-width: none; text-align: left; }
  .receipt-stage { grid-template-columns: 1fr; }
  .receipt-stage dl { grid-row: auto; grid-column: auto; }
  .classification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .classification-grid article:nth-child(3n) { border-right: 1px solid var(--becoming-line); }
  .classification-grid article:nth-child(2n) { border-right: 0; }
  .classification-grid article:nth-last-child(-n + 3) { border-bottom: 1px solid var(--becoming-line); }
  .classification-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
  .claim-card__body { padding-left: 24px; }
  .claim-card__body dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .claim-card__body dl div,
  .claim-card__body dl div:nth-child(3n + 2),
  .claim-card__body dl div:nth-child(3n + 3) { padding: 18px 20px 18px 0; }
  .claim-card__body dl div:nth-child(3n) { border-right: 1px solid var(--becoming-line); }
  .claim-card__body dl div:nth-child(2n) { padding-left: 20px; border-right: 0; }
  .wiw-scan__flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .wiw-scan__flow > i { display: none; }
  .court-grid { grid-template-columns: 1fr; }
  .court-verdict { grid-template-columns: auto 1fr; }
  .court-verdict p { grid-column: 1 / -1; }
  .court-verdict a { grid-column: 1 / -1; }
  .journey-instrument { grid-template-columns: 1fr; }
  .journey-stage { min-height: 420px; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .journey-controls { padding: 28px; }
  .journey-track { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .journey-track__line { display: none; }
  .journey-track button { grid-template-columns: 34px minmax(0, 1fr); gap: 8px; min-height: 62px; padding: 8px; border: 1px solid var(--becoming-line); }
  .journey-track button > span { width: 32px; height: 32px; }
  .journey-track button:hover { transform: translateY(-2px); }
  .journey-scrubber { margin-top: 18px; }
  .authorship-chain { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .authorship-chain > i { display: none; }
  .court-replay { grid-template-columns: 1fr; }
  .court-replay__stage { min-height: 420px; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .court-constellation { min-height: 450px; }
  .court-replay__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .citizen-charter > header { grid-template-columns: 1fr; gap: 18px; }
  .citizen-charter > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .citizen-charter > footer { grid-template-columns: 1fr; gap: 8px; }
  .citizen-charter > footer b { text-align: left; }
  .loss-record { grid-template-columns: 1fr; }
  .loss-record > aside { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255, 109, 114, 0.22); }
  .loss-record > aside strong { margin: 0; justify-self: center; font-size: 58px; }
  .loss-record__body dl { grid-template-columns: 1fr; }
  .loss-record__body dl div,
  .loss-record__body dl div + div { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .loss-record__body dl div:last-child { border-bottom: 0; }
}

@media (max-width: 620px) {
  .becoming-wrap { width: min(100% - 28px, var(--becoming-wrap)); }
  .becoming-hero { padding: 108px 0 58px; }
  .becoming-hero h1 { font-size: clamp(58px, 19vw, 82px); line-height: 0.82; }
  .becoming-hero__lede { margin-top: 26px; font-size: 17px; }
  .becoming-hero__actions .button { width: 100%; }
  .release-seal { padding: 24px; border-radius: 24px; }
  .release-seal__orbit { width: 60px; height: 60px; }
  .release-seal__orbit span { inset: 10px; }
  .release-seal__orbit i { inset: 24px; }
  .becoming-tape { justify-content: flex-start; overflow: hidden; }
  .becoming-plate { padding: 76px 0; }
  .public-pulse__heading h2 { font-size: clamp(46px, 14vw, 62px); }
  .public-pulse__snapshot { padding: 17px; }
  .public-pulse__trace { height: 46px; margin-bottom: 18px; }
  .public-pulse__trace b { display: none; }
  .public-pulse__trace > span { width: 20px; }
  .public-pulse__metrics { grid-template-columns: 1fr; border-radius: 20px; }
  .public-pulse__metrics > a,
  .public-pulse__metrics > a:nth-child(2n),
  .public-pulse__metrics > a:nth-child(3),
  .public-pulse__metrics > a:nth-child(n + 4),
  .public-pulse__metrics > a:last-child { grid-column: auto; min-height: 0; padding: 20px; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .public-pulse__metrics > a:last-child { border-bottom: 0; }
  .public-pulse__metrics strong { font-size: 58px; }
  .public-pulse__metrics h3 { min-height: 0; }
  .public-pulse__questions { grid-template-columns: 1fr; }
  .public-pulse__questions article { min-height: 132px; }
  .witnessed-feed { margin-top: 54px; border-radius: 20px; }
  .witnessed-feed > header { padding: 20px; }
  .witnessed-feed li { grid-template-columns: 1fr auto; gap: 8px 12px; padding: 16px 18px; }
  .witnessed-feed li > p { grid-column: 1 / -1; }
  .witnessed-feed li > b { grid-column: 1; }
  .witnessed-feed li > a { grid-column: 2; }
  .pulse-funnel { margin-top: 54px; }
  .pulse-funnel > div { grid-template-columns: 1fr; }
  .pulse-funnel > div > a { min-height: 184px; }
  .becoming-heading h2 { font-size: clamp(48px, 15vw, 66px); }
  .change-ledger { margin-top: 38px; border-radius: 20px; }
  .change-record summary { grid-template-columns: 1fr auto; gap: 12px; padding: 20px; }
  .change-record summary .change-row__index,
  .change-record summary > div { grid-column: 1 / -1; }
  .change-record summary .state-chip { justify-self: start; }
  .change-record__body { padding: 0 20px 20px; }
  .assumption-lifecycle { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .change-record__evidence { grid-template-columns: 1fr; }
  .change-record__evidence a { grid-column: auto; }
  .receipt-instrument,
  .declassification-queue { border-radius: 20px; }
  .receipt-instrument > header,
  .declassification-queue > header { padding: 22px 20px; }
  .receipt-chain { grid-template-columns: 1fr; gap: 0; padding: 14px 20px; }
  .receipt-chain__filament { top: 28px; bottom: 28px; left: 33px; width: 1px; height: auto; }
  .receipt-chain__filament i { transform: scaleY(1); transform-origin: top; }
  .receipt-chain button { grid-template-columns: 32px minmax(0, 1fr); justify-items: start; gap: 10px; min-height: 52px; text-align: left; }
  .receipt-stage { padding: 20px; }
  .receipt-stage > h3 { font-size: 42px; }
  .receipt-stage dl { grid-template-columns: 1fr; }
  .receipt-stage dl div + div { border-top: 1px solid var(--becoming-line); border-left: 0; }
  .receipt-stage footer { align-items: flex-start; flex-direction: column; }
  .declassification-queue__lanes > article { padding: 20px; }
  .classification-grid { grid-template-columns: 1fr; margin-top: 38px; border-radius: 20px; }
  .classification-grid article,
  .classification-grid article:nth-child(2n),
  .classification-grid article:nth-child(3n),
  .classification-grid article:nth-last-child(-n + 2) { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .classification-grid article:last-child { border-bottom: 0; }
  .claim-stack { margin-top: 38px; }
  .claim-card { border-radius: 18px; }
  .claim-card summary { grid-template-columns: 1fr auto; gap: 10px; min-height: 0; padding: 18px; }
  .claim-card__id { grid-column: 1 / -1; }
  .claim-card summary > div { grid-column: 1 / -1; }
  .claim-card summary .state-chip { justify-self: start; }
  .claim-card__body { padding: 0 18px 22px; }
  .claim-card__body dl { grid-template-columns: 1fr; }
  .claim-card__body dl div,
  .claim-card__body dl div:nth-child(2n),
  .claim-card__body dl div:nth-child(3n),
  .claim-card__body dl div:nth-child(3n + 2),
  .claim-card__body dl div:nth-child(3n + 3) { min-height: 0; padding: 16px 0; border-right: 0; }
  .wiw-instrument { margin-top: 38px; border-radius: 22px; }
  .wiw-scan,
  .wiw-evidence { padding: 20px; }
  .wiw-scan > header,
  .wiw-scan > footer { align-items: flex-start; flex-direction: column; }
  .wiw-scan > header > b { white-space: normal; }
  .wiw-scan__commit code { font-size: 8px; }
  .wiw-scan__flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .wiw-scan__metrics { grid-template-columns: 1fr; }
  .wiw-scan__metrics article,
  .wiw-scan__metrics article:nth-child(2n),
  .wiw-scan__metrics article:nth-last-child(-n + 2) { min-height: 150px; border-right: 0; border-bottom: 1px solid var(--becoming-line); }
  .wiw-scan__metrics article:last-child { border-bottom: 0; }
  .wiw-evidence__steps { grid-template-columns: 1fr; }
  .wiw-boundary { grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .wiw-boundary > b { grid-column: auto; }
  .project-atlas { margin-top: 38px; border-radius: 22px; }
  .project-atlas__map { padding: 18px; }
  .project-atlas__map > header,
  .project-atlas__map > footer,
  .project-atlas__dossiers > header,
  .project-atlas__dossiers article > footer { align-items: flex-start; flex-direction: column; }
  .project-atlas__map > header p,
  .project-atlas__map > footer p,
  .project-atlas__dossiers > header p { text-align: left; }
  .project-atlas__field { min-height: 410px; }
  .project-atlas__field button { width: 68px; min-height: 56px; border-radius: 14px; }
  .project-atlas__field button[data-project-node="wiw"] { --atlas-x: 12% !important; }
  .project-atlas__field button[data-project-node="foxflow"] { --atlas-x: 88% !important; }
  .project-atlas__hub { width: 92px; height: 92px; }
  .project-atlas__hub b { font-size: 17px; }
  .project-atlas__dossiers > header { padding: 16px 20px; }
  .project-atlas__dossiers article { min-height: 0; padding: 24px 20px; }
  .project-atlas__dossiers article h3 { font-size: clamp(42px, 14vw, 58px); }
  .project-atlas__dossiers dl { grid-template-columns: 1fr; }
  .project-atlas__dossiers article > footer span { text-align: left; }
  .protocol-vault { margin-top: 38px; border-radius: 22px; }
  .protocol-vault__switchboard { padding: 18px; }
  .protocol-vault__switchboard > header,
  .protocol-vault__switchboard > footer,
  .protocol-vault__records > header,
  .protocol-vault__records article > header,
  .protocol-vault__records article > footer { align-items: flex-start; flex-direction: column; }
  .protocol-vault__switchboard > header p,
  .protocol-vault__switchboard > footer p,
  .protocol-vault__records > header p { text-align: left; }
  .protocol-vault__switchboard > div { grid-template-columns: 1fr; width: 100%; margin: 26px 0; }
  .protocol-vault__switchboard button { grid-template-columns: 38px minmax(0, 1fr) auto; width: 100%; }
  .protocol-vault__records > header { padding: 16px 20px; }
  .protocol-vault__records article { min-height: 0; padding: 26px 20px; }
  .protocol-vault__records article h3 { margin-top: 30px; font-size: clamp(42px, 14vw, 58px); }
  .protocol-vault__records dl { grid-template-columns: 1fr; margin-top: 30px; }
  .protocol-vault__records article > footer { margin-top: 24px; }
  .activity-telescope { margin-top: 28px; border-radius: 18px; }
  .activity-telescope__status,
  .activity-telescope__readout > header { align-items: flex-start; flex-direction: column; }
  .activity-telescope__status code { max-width: 100%; }
  .activity-telescope__scale { padding: 22px 16px 18px; }
  .activity-telescope__scale > header,
  .activity-telescope__scale > footer,
  .activity-telescope__phase { align-items: flex-start; flex-direction: column; }
  .activity-telescope__total strong { font-size: clamp(36px, 11.5vw, 54px); }
  .activity-telescope__split { grid-template-columns: 1fr; }
  .activity-telescope__split > i { transform: rotate(90deg); }
  .activity-telescope__split span,
  .activity-telescope__split small { white-space: normal; }
  .activity-telescope__scale > footer p { text-align: left; }
  .activity-telescope__releases { grid-template-columns: 1fr; }
  .activity-telescope__releases button { width: 100%; }
  .activity-telescope__readout > header p { text-align: left; }
  .activity-telescope__measures { grid-template-columns: 1fr; }
  .lab-boundary { grid-template-columns: 1fr; gap: 24px; padding: 22px; }
  .court-grid { margin-top: 38px; }
  .court-grid article { grid-template-columns: 36px minmax(0, 1fr); }
  .court-grid strong { grid-column: 2; }
  .court-verdict { grid-template-columns: 1fr; gap: 13px; }
  .court-verdict p,
  .court-verdict a { grid-column: auto; }
  .court-verdict > strong { width: fit-content; }
  .becoming-next { min-height: 620px; padding: 90px 0 120px; }
  .becoming-next h2 { font-size: clamp(52px, 16vw, 72px); }
  .becoming-next .button { width: 100%; }
  .journey-instrument { margin-top: 38px; border-radius: 22px; }
  .journey-stage { min-height: 390px; padding: 24px; }
  .journey-stage h3 { font-size: clamp(46px, 15vw, 64px); }
  .journey-controls { padding: 20px; }
  .journey-track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .journey-track button { min-height: 58px; padding: 6px; }
  .journey-track button > b { font-size: 7px; letter-spacing: 0.08em; }
  .journey-scrubber { grid-template-columns: 1fr; }
  .journey-scrubber output { text-align: left; }
  .journey-scrubber input { grid-column: auto; }
  .journey-held { grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .journey-held b { grid-column: auto; }
  .manifesto-lines { margin-top: 38px; }
  .manifesto-lines article { grid-template-columns: 1fr; gap: 15px; padding: 28px 0; }
  .manifesto-lines footer { grid-column: auto; }
  .manifesto-lines blockquote { font-size: clamp(27px, 9vw, 38px); }
  .authorship-chain { grid-template-columns: 1fr; justify-content: stretch; }
  .authorship-chain span { justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--becoming-line); }
  .authorship-chain > p { grid-column: auto; }
  .court-replay { margin-top: 38px; border-radius: 22px; }
  .court-replay__stage { min-height: 400px; padding: 24px; }
  .court-replay__stage h3 { font-size: clamp(43px, 14vw, 60px); }
  .court-replay__stage dl { grid-template-columns: 1fr; }
  .court-constellation { min-height: 370px; }
  .court-constellation::before { width: 72%; }
  .court-constellation::after { width: 42%; }
  .court-constellation article { width: 96px; }
  .court-constellation article img { width: 58px; height: 58px; }
  .court-constellation article small { display: none; }
  .court-constellation [data-court-role="builder"] { top: 5%; }
  .court-constellation [data-court-role="skeptic"] { right: 1%; }
  .court-constellation [data-court-role="judge"] { bottom: 4%; }
  .court-constellation [data-court-role="witness"] { left: 1%; }
  .court-constellation__hub { width: 100px; height: 100px; }
  .court-replay__controls { padding: 20px; }
  .court-replay__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .court-replay__steps button { min-height: 58px; }
  .court-replay__scrubber { grid-template-columns: 1fr; }
  .court-replay__scrubber output { text-align: left; }
  .court-replay__scrubber input { grid-column: auto; }
  .court-replay__limit { padding: 18px; }
  .journey-playback,
  .court-replay__playback { align-items: flex-start; flex-direction: column; }
  .citizen-charter { border-radius: 20px; }
  .citizen-charter > header { padding: 22px 20px; }
  .citizen-charter > div { grid-template-columns: 1fr; }
  .citizen-charter article { padding: 22px 20px; }
  .loss-record { margin-top: 38px; border-radius: 22px; }
  .loss-record > aside { grid-template-columns: 1fr; padding: 22px; }
  .loss-record > aside strong { justify-self: start; font-size: 64px; }
  .loss-record__body { padding: 22px; }
  .loss-record__body > header h3 { font-size: 30px; }
  .loss-record__turn { grid-template-columns: 1fr; }
  .loss-record__turn i { transform: rotate(90deg); }
  .loss-record__body > footer { flex-direction: column; }
  .loss-law { grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .loss-law span { grid-column: auto; }
}

/* FoxLang proof 001 ------------------------------------------------------- */
.becoming-plate--foxlang {
  background:
    radial-gradient(circle at 18% 26%, rgba(242, 201, 76, 0.09), transparent 31rem),
    radial-gradient(circle at 82% 70%, rgba(70, 186, 255, 0.08), transparent 34rem),
    #050708;
}

.foxlang-proof {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(242, 201, 76, 0.24);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(11, 14, 16, 0.98), rgba(3, 5, 6, 0.96));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.035);
}

.foxlang-proof::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(rgba(255, 255, 255, 0.017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.017) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, #000, transparent 76%);
}

.foxlang-proof__header,
.foxlang-proof__cases,
.foxlang-proof__intent,
.foxlang-proof__chain,
.foxlang-proof__body,
.foxlang-proof__downloads {
  position: relative;
  z-index: 1;
}

.foxlang-proof__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.foxlang-proof__header > div {
  display: flex;
  align-items: center;
  gap: 18px;
}

.foxlang-proof__header span,
.foxlang-proof__header p,
.foxlang-proof__intent > span,
.foxlang-proof__stage > p,
.foxlang-proof__downloads span {
  color: rgba(231, 236, 239, 0.52);
  font: 600 0.68rem/1.2 var(--font-mono, monospace);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.foxlang-proof__header span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.foxlang-proof__header span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #69e69b;
  box-shadow: 0 0 18px rgba(105, 230, 155, 0.85);
}

.foxlang-proof__header b {
  color: #f4f0e5;
  font: 700 0.78rem/1 var(--font-mono, monospace);
  letter-spacing: 0.2em;
}

.foxlang-proof__header p {
  margin: 0;
  color: #69e69b;
  text-align: right;
}

.foxlang-proof__cases {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  padding: 18px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  background: rgba(255, 255, 255, 0.012);
}

.foxlang-proof__cases button { grid-column: span 2; }
.foxlang-proof__cases button:nth-last-child(-n + 2) { grid-column: span 3; }

.foxlang-proof__cases button {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(4, 6, 7, 0.82);
  color: rgba(235, 239, 241, 0.56);
  cursor: pointer;
  text-align: left;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.foxlang-proof__cases button:hover,
.foxlang-proof__cases button:focus-visible,
.foxlang-proof__cases button[data-active] {
  border-color: rgba(105, 230, 155, 0.48);
  background: linear-gradient(135deg, rgba(105, 230, 155, 0.08), rgba(242, 201, 76, 0.055));
  color: #f4f0e5;
}

.foxlang-proof__cases button[data-active] {
  box-shadow: inset 3px 0 #69e69b, 0 12px 30px rgba(0, 0, 0, 0.18);
}

.foxlang-proof__cases button:focus-visible {
  outline: 2px solid #69e69b;
  outline-offset: 3px;
}

.foxlang-proof__cases span,
.foxlang-proof__cases small {
  font: 600 0.58rem/1.25 var(--font-mono, monospace);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.foxlang-proof__cases span { color: #69e69b; }
.foxlang-proof__cases b { font: 600 clamp(1rem, 1.7vw, 1.25rem)/1.15 var(--font-sans, sans-serif); }
.foxlang-proof__cases b i { color: #f2c94c; font-style: normal; }
.foxlang-proof__cases small { color: rgba(231, 236, 239, 0.4); overflow-wrap: anywhere; }

.foxlang-proof__attack {
  padding: 18px 26px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  background:
    linear-gradient(90deg, rgba(255, 109, 114, 0.045), transparent 46%, rgba(105, 230, 155, 0.04)),
    rgba(0, 0, 0, 0.14);
}

.foxlang-proof__attack header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
  color: rgba(231, 236, 239, 0.42);
  font: 600 0.58rem/1.3 var(--font-mono, monospace);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.foxlang-proof__attack header b { color: #f4f0e5; }

.foxlang-proof__attack ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.foxlang-proof__attack li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 4px 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 109, 114, 0.16);
  border-radius: 13px;
  background: rgba(255, 109, 114, 0.025);
}

.foxlang-proof__attack li > span {
  grid-row: 1 / 3;
  color: rgba(255, 109, 114, 0.58);
  font: 600 0.58rem/1 var(--font-mono, monospace);
}

.foxlang-proof__attack li div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.foxlang-proof__attack li div b {
  color: #f4f0e5;
  font: 600 0.76rem/1.2 var(--font-sans, sans-serif);
}

.foxlang-proof__attack li div small,
.foxlang-proof__attack li strong {
  color: rgba(231, 236, 239, 0.38);
  font: 600 0.52rem/1.25 var(--font-mono, monospace);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.foxlang-proof__attack li strong {
  grid-column: 2;
  color: #ff7e82;
}

.foxlang-proof__attack li[data-verdict="admitted"] {
  border-color: rgba(105, 230, 155, 0.28);
  background: rgba(105, 230, 155, 0.045);
  box-shadow: inset 2px 0 #69e69b;
}

.foxlang-proof__attack li[data-verdict="admitted"] > span,
.foxlang-proof__attack li[data-verdict="admitted"] strong { color: #69e69b; }

.foxlang-proof__attack li[data-verdict="repaired"] {
  border-color: rgba(100, 202, 255, 0.36);
  background: linear-gradient(145deg, rgba(100, 202, 255, 0.1), rgba(105, 230, 155, 0.055));
  box-shadow: inset 2px 0 #86dbff;
}

.foxlang-proof__attack li[data-verdict="repaired"] > span,
.foxlang-proof__attack li[data-verdict="repaired"] strong { color: #86dbff; }

.foxlang-proof__intent {
  display: grid;
  grid-template-columns: minmax(100px, 0.24fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 28px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  background: linear-gradient(90deg, rgba(242, 201, 76, 0.055), transparent 64%);
}

.foxlang-proof__intent blockquote {
  min-width: 0;
  margin: 0;
  color: #f4f0e5;
  font: 500 clamp(1.05rem, 1.8vw, 1.45rem)/1.42 var(--font-sans, sans-serif);
  letter-spacing: -0.015em;
}

.foxlang-proof__intent code {
  max-width: 100%;
  padding: 10px 13px;
  overflow-wrap: anywhere;
  border: 1px solid rgba(242, 201, 76, 0.2);
  border-radius: 999px;
  background: rgba(242, 201, 76, 0.055);
  color: #f2c94c;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.foxlang-proof__chain {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  padding: 30px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.foxlang-proof__filament {
  position: absolute;
  z-index: 0;
  top: 46px;
  right: calc(26px + 6.5%);
  left: calc(26px + 6.5%);
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
}

.foxlang-proof__filament i {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, #f2c94c, #69e69b);
  box-shadow: 0 0 15px rgba(242, 201, 76, 0.7);
}

.foxlang-proof__chain button {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  min-height: 94px;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 14px 8px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 16px;
  background: rgba(5, 7, 8, 0.94);
  color: rgba(238, 241, 242, 0.58);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.foxlang-proof__chain button:hover,
.foxlang-proof__chain button:focus-visible,
.foxlang-proof__chain button[data-active] {
  border-color: rgba(242, 201, 76, 0.62);
  background: linear-gradient(145deg, rgba(242, 201, 76, 0.105), rgba(8, 10, 11, 0.98));
  color: #f4f0e5;
}

.foxlang-proof__chain button:focus-visible {
  outline: 2px solid #f2c94c;
  outline-offset: 3px;
}

.foxlang-proof__chain button b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #f2c94c;
  font: 700 0.64rem/1 var(--font-mono, monospace);
}

.foxlang-proof__chain button span {
  overflow-wrap: anywhere;
  font: 700 0.75rem/1.15 var(--font-sans, sans-serif);
  text-align: center;
}

.foxlang-proof__chain button small {
  color: rgba(231, 236, 239, 0.38);
  font: 600 0.54rem/1 var(--font-mono, monospace);
  letter-spacing: 0.1em;
}

.foxlang-proof__chain button[data-active] small {
  color: #69e69b;
}

.foxlang-proof__body {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: 0;
}

.foxlang-proof__stage,
.foxlang-proof__terminal {
  min-width: 0;
  padding: clamp(26px, 4vw, 48px);
}

.foxlang-proof__stage {
  border-right: 1px solid rgba(255, 255, 255, 0.075);
}

.foxlang-proof__stage > header,
.foxlang-proof__terminal > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
  color: rgba(231, 236, 239, 0.5);
  font: 600 0.65rem/1.2 var(--font-mono, monospace);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.foxlang-proof__stage > header b,
.foxlang-proof__terminal > header b {
  color: #69e69b;
}

.foxlang-proof__terminal > header b {
  max-width: 60%;
  overflow-wrap: anywhere;
  text-align: right;
}

.foxlang-proof__stage h3 {
  max-width: 19ch;
  margin: 9px 0 30px;
  color: #f4f0e5;
  font: 500 clamp(1.65rem, 3.6vw, 3rem)/1.02 var(--font-display, serif);
  letter-spacing: -0.035em;
}

.foxlang-proof__stage dl,
.foxlang-proof__terminal dl {
  display: grid;
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.075);
}

.foxlang-proof__stage dl div {
  padding: 17px 18px;
  background: #080b0c;
}

.foxlang-proof__stage dt,
.foxlang-proof__terminal dt {
  margin-bottom: 7px;
  color: #f2c94c;
  font: 600 0.58rem/1.2 var(--font-mono, monospace);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.foxlang-proof__stage dd,
.foxlang-proof__terminal dd {
  margin: 0;
  color: rgba(235, 239, 241, 0.72);
  font-size: 0.83rem;
  line-height: 1.55;
}

.foxlang-proof__terminal {
  background: rgba(0, 0, 0, 0.28);
}

.foxlang-proof__terminal pre {
  max-width: 100%;
  min-height: 150px;
  margin: 0 0 24px;
  padding: 20px;
  overflow: auto;
  border: 1px solid rgba(105, 230, 155, 0.16);
  border-radius: 15px;
  background: #010303;
  color: #9af3bb;
  font: 500 0.72rem/1.75 var(--font-mono, monospace);
  white-space: pre-wrap;
}

.foxlang-proof__terminal dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.foxlang-proof__terminal dl div {
  min-width: 0;
  padding: 14px 15px;
  background: #080b0c;
}

.foxlang-proof__terminal dd {
  overflow-wrap: anywhere;
  color: #f4f0e5;
}

.foxlang-proof__downloads {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 26px;
  border-top: 1px solid rgba(255, 255, 255, 0.075);
  background: rgba(255, 255, 255, 0.018);
}

.foxlang-proof__downloads > div {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.foxlang-proof__downloads code {
  overflow-wrap: anywhere;
  color: #69e69b;
  font-size: 0.67rem;
}

.foxlang-proof__downloads nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.foxlang-proof__downloads a {
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  color: rgba(239, 242, 243, 0.72);
  font: 600 0.61rem/1 var(--font-mono, monospace);
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

.foxlang-proof__downloads a:hover,
.foxlang-proof__downloads a:focus-visible {
  border-color: #f2c94c;
  color: #f4f0e5;
}

.foxlang-proof__boundary {
  max-width: 96ch;
  margin: 24px auto 0;
  color: rgba(231, 236, 239, 0.55);
  font-size: 0.78rem;
  line-height: 1.65;
  text-align: center;
}

.foxlang-proof__boundary b {
  color: #f2c94c;
  font-family: var(--font-mono, monospace);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .foxlang-proof__cases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .foxlang-proof__cases button,
  .foxlang-proof__cases button:nth-last-child(-n + 2) { grid-column: span 1; }

  .foxlang-proof__cases button:last-child { grid-column: 1 / -1; }

  .foxlang-proof__attack ol {
    grid-template-columns: 1fr;
  }

  .foxlang-proof__intent {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .foxlang-proof__intent code {
    width: fit-content;
  }

  .foxlang-proof__chain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .foxlang-proof__filament {
    display: none;
  }

  .foxlang-proof__body {
    grid-template-columns: 1fr;
  }

  .foxlang-proof__stage {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  }

  .foxlang-proof__downloads {
    align-items: flex-start;
    flex-direction: column;
  }

  .foxlang-proof__downloads nav {
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  .foxlang-proof {
    border-radius: 20px;
  }

  .foxlang-proof__header {
    align-items: flex-start;
    flex-direction: column;
    padding: 19px;
  }

  .foxlang-proof__header p {
    text-align: left;
  }

  .foxlang-proof__intent,
  .foxlang-proof__cases,
  .foxlang-proof__attack,
  .foxlang-proof__chain,
  .foxlang-proof__downloads {
    padding: 22px 18px;
  }

  .foxlang-proof__cases {
    grid-template-columns: 1fr;
  }

  .foxlang-proof__cases button,
  .foxlang-proof__cases button:nth-last-child(-n + 2),
  .foxlang-proof__cases button:last-child { grid-column: 1; }

  .foxlang-proof__attack header {
    align-items: flex-start;
    flex-direction: column;
  }

  .foxlang-proof__attack ol {
    grid-template-columns: 1fr;
  }

  .foxlang-proof__chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .foxlang-proof__chain button:last-of-type {
    grid-column: 1 / -1;
  }

  .foxlang-proof__stage,
  .foxlang-proof__terminal {
    padding: 28px 18px;
  }

  .foxlang-proof__terminal dl {
    grid-template-columns: 1fr;
  }

  .foxlang-proof__terminal > header {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .foxlang-proof__terminal > header b {
    max-width: 100%;
    font-size: 0.52rem;
    line-height: 1.45;
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .foxlang-proof__cases button,
  .foxlang-proof__chain button {
    transition: none;
  }
}