:root {
  --ink: #eef7ff;
  --muted: #9fb2c4;
  --muted-strong: #c8d5e0;
  --bg: #05090d;
  --bg-deep: #020507;
  --panel: rgba(11, 22, 31, 0.84);
  --panel-solid: #0b161f;
  --panel-raised: #10202b;
  --line: rgba(154, 196, 220, 0.18);
  --line-strong: rgba(154, 196, 220, 0.34);
  --cyan: #5ce1e6;
  --blue: #7ea6ff;
  --rose: #ff6b8a;
  --violet: #b987ff;
  --amber: #ffc96b;
  --green: #7ae6b2;
  --danger: #ff7a7a;
  --radius-sm: 0.55rem;
  --radius: 1rem;
  --radius-lg: 1.45rem;
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
  --shadow-small: 0 12px 34px rgba(0, 0, 0, 0.28);
  --shell: min(1460px, calc(100vw - 2rem));
  --reading: 820px;
  --header-height: 4.7rem;
  --focus: 0 0 0 3px rgba(92, 225, 230, 0.26);
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--bg-deep);
}

html[data-motion="reduced"] {
  scroll-behavior: auto;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(circle at 14% 4%, rgba(92, 225, 230, 0.09), transparent 28rem),
    radial-gradient(circle at 91% 12%, rgba(185, 135, 255, 0.08), transparent 28rem),
    linear-gradient(180deg, #071019 0%, var(--bg) 48%, var(--bg-deep) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(132, 180, 207, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(132, 180, 207, 0.04) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 82%);
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(92, 225, 230, 0.018), transparent);
  background-size: 44vw 100%;
  animation: ambient-scan 16s linear infinite;
}

@keyframes ambient-scan {
  from { background-position: -50vw 0; }
  to { background-position: 150vw 0; }
}

html[data-motion="reduced"] body::after {
  animation: none;
}

a {
  color: var(--cyan);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.18em;
}

a:hover {
  color: #a7f8fb;
}

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

button,
select {
  cursor: pointer;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: none;
  box-shadow: var(--focus);
}

img,
svg,
canvas {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
h4 {
  margin: 0 0 0.7rem;
  color: #f7fbff;
  font-family: "Arial Narrow", "Roboto Condensed", Inter, ui-sans-serif, sans-serif;
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -0.028em;
}

h1 {
  font-size: clamp(2.7rem, 7.2vw, 6.6rem);
}

h2 {
  font-size: clamp(1.8rem, 3.5vw, 3.4rem);
}

h3 {
  font-size: clamp(1.2rem, 2vw, 1.72rem);
}

p {
  margin: 0 0 1rem;
}

ul,
ol {
  padding-left: 1.25rem;
}

li + li {
  margin-top: 0.45rem;
}

hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 2rem 0;
}

[hidden] {
  display: none !important;
}

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

.skip-link {
  position: fixed;
  top: 0.65rem;
  left: 0.65rem;
  z-index: 9999;
  transform: translateY(-160%);
  padding: 0.65rem 0.9rem;
  border-radius: var(--radius-sm);
  color: #001014;
  background: var(--cyan);
  font-weight: 800;
  transition: transform 160ms ease;
}

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

.page-shell {
  width: var(--shell);
  margin-inline: auto;
}

.reading-shell {
  width: min(var(--reading), calc(100vw - 2rem));
  margin-inline: auto;
}

.section {
  padding: clamp(3.4rem, 7vw, 7.5rem) 0;
}

.section--compact {
  padding: clamp(2.2rem, 4vw, 4rem) 0;
}

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

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.62fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 2.3rem;
}

.section-heading p:last-child {
  color: var(--muted);
  font-size: 1.04rem;
}

.eyebrow {
  margin: 0 0 0.75rem;
  color: var(--cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.77rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.kicker {
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.muted {
  color: var(--muted);
}

.lede {
  max-width: 70ch;
  color: var(--muted-strong);
  font-size: clamp(1.06rem, 1.7vw, 1.35rem);
}

.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: var(--header-height);
  border-bottom: 1px solid rgba(134, 191, 219, 0.2);
  background: rgba(4, 10, 15, 0.9);
  backdrop-filter: blur(18px) saturate(135%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

.nav-shell {
  width: min(1760px, calc(100vw - 1.2rem));
  min-height: var(--header-height);
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 1.1rem;
}

.brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  color: #f3fbff;
  font-size: 1.15rem;
  text-decoration: none;
  letter-spacing: -0.025em;
}

.brand:hover {
  color: #fff;
}

.brand-mark {
  width: 2.35rem;
  height: 2.35rem;
  overflow: visible;
  fill: none;
  stroke: var(--cyan);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  filter: drop-shadow(0 0 8px rgba(92, 225, 230, 0.28));
}

.brand strong {
  font-weight: 850;
}

.brand em {
  color: var(--cyan);
  font-style: normal;
  font-weight: 780;
}

.primary-nav {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.08rem;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap;
  mask-image: linear-gradient(90deg, transparent 0, black 0.5rem, black calc(100% - 1.4rem), transparent 100%);
}

.primary-nav::-webkit-scrollbar {
  display: none;
}

.primary-nav a {
  flex: 0 0 auto;
  display: block;
  max-width: 10.8rem;
  overflow: hidden;
  padding: 0.62rem 0.62rem;
  border-radius: 0.55rem;
  color: #afc1d0;
  font-size: 0.79rem;
  font-weight: 720;
  line-height: 1;
  text-overflow: ellipsis;
  text-decoration: none;
  transition: color 150ms ease, background 150ms ease;
}

.primary-nav a:hover {
  color: #f8fdff;
  background: rgba(128, 188, 216, 0.09);
}

.primary-nav a[aria-current="page"] {
  color: #061317;
  background: var(--cyan);
}

.header-version {
  flex: 0 0 auto;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.68rem;
}

.nav-toggle {
  display: none;
  width: 2.7rem;
  height: 2.7rem;
  margin-left: auto;
  padding: 0.64rem;
  border: 1px solid var(--line);
  border-radius: 0.65rem;
  background: rgba(255,255,255,0.02);
}

.nav-toggle > span:not(.sr-only) {
  display: block;
  height: 2px;
  margin: 4px 0;
  border-radius: 2px;
  background: var(--ink);
}

.boundary-banner {
  border-bottom: 1px solid rgba(255, 201, 107, 0.18);
  background: rgba(255, 201, 107, 0.055);
}

.boundary-banner__inner {
  width: var(--shell);
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.64rem 0;
  color: #d6c9ad;
  font-size: 0.78rem;
  line-height: 1.4;
}

.boundary-banner__icon {
  flex: 0 0 auto;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 50%;
  background: var(--amber);
  box-shadow: 0 0 14px rgba(255, 201, 107, 0.65);
}

.page-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.page-hero::after {
  content: "";
  position: absolute;
  right: -13vw;
  bottom: -24vw;
  width: 56vw;
  aspect-ratio: 1;
  border: 1px solid rgba(92, 225, 230, 0.14);
  border-radius: 50%;
  box-shadow: inset 0 0 80px rgba(92, 225, 230, 0.04), 0 0 100px rgba(126, 166, 255, 0.04);
}

.page-hero__inner {
  position: relative;
  z-index: 1;
  padding: clamp(4rem, 9vw, 8.5rem) 0 clamp(3.2rem, 7vw, 6rem);
}

.page-hero h1 {
  max-width: 1080px;
  font-size: clamp(2.8rem, 7vw, 6rem);
}

.page-hero__lede {
  max-width: 78ch;
  margin-top: 1.35rem;
  color: var(--muted-strong);
  font-size: clamp(1.06rem, 1.7vw, 1.35rem);
}

.badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.6rem;
}

.evidence-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.34rem 0.58rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted-strong);
  background: rgba(255,255,255,0.025);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}

.evidence-badge::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 7px currentColor;
}

.evidence-badge--verified { color: var(--green); border-color: rgba(122, 230, 178, 0.28); }
.evidence-badge--qualified { color: var(--amber); border-color: rgba(255, 201, 107, 0.28); }
.evidence-badge--unknown { color: #c6a8ff; border-color: rgba(185, 135, 255, 0.28); }
.evidence-badge--warning { color: var(--danger); border-color: rgba(255, 122, 122, 0.28); }
.evidence-badge--synthetic { color: var(--cyan); border-color: rgba(92, 225, 230, 0.28); }

.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

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

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

.card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 1.3rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(17, 33, 44, 0.82), rgba(6, 13, 19, 0.72));
  box-shadow: var(--shadow-small);
}

.card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(92, 225, 230, 0.55), transparent);
  opacity: 0.42;
}

.card h3,
.card h2 {
  position: relative;
}

.card p:last-child,
.card ul:last-child {
  margin-bottom: 0;
}

.card--interactive {
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.card--interactive:hover {
  transform: translateY(-3px);
  border-color: rgba(92, 225, 230, 0.34);
  background: linear-gradient(145deg, rgba(18, 39, 50, 0.88), rgba(7, 15, 21, 0.78));
}

html[data-motion="reduced"] .card--interactive:hover {
  transform: none;
}

.number-card__number {
  display: block;
  margin-bottom: 1.2rem;
  color: var(--cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 2.15rem;
  font-weight: 900;
  line-height: 1;
}

.definition-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.definition-card {
  padding: 1.45rem;
  border-top: 2px solid var(--cyan);
}

.definition-card:nth-child(2) { border-top-color: var(--blue); }
.definition-card:nth-child(3) { border-top-color: var(--rose); }

.definition-card__label {
  margin-bottom: 0.6rem;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.callout {
  margin: 1.5rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid rgba(92, 225, 230, 0.22);
  border-left: 3px solid var(--cyan);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: rgba(92, 225, 230, 0.055);
}

.callout h2,
.callout h3 {
  font-size: 1.17rem;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout--warning {
  border-color: rgba(255, 201, 107, 0.23);
  border-left-color: var(--amber);
  background: rgba(255, 201, 107, 0.055);
}

.callout--safe {
  border-color: rgba(122, 230, 178, 0.23);
  border-left-color: var(--green);
  background: rgba(122, 230, 178, 0.05);
}

.callout--unknown {
  border-color: rgba(185, 135, 255, 0.23);
  border-left-color: var(--violet);
  background: rgba(185, 135, 255, 0.05);
}

.source-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin-top: 1rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 0.72rem;
}

.source-links > span {
  margin-right: 0.15rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.source-links a {
  padding: 0.28rem 0.45rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #c5d7e4;
  background: rgba(255,255,255,0.022);
  text-decoration: none;
}

.source-links a:hover {
  border-color: rgba(92, 225, 230, 0.4);
  color: var(--cyan);
}

.source-links small {
  color: var(--muted);
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.7rem;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(92, 225, 230, 0.28);
  border-radius: 0.7rem;
  color: #061317;
  background: var(--cyan);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  transition: transform 150ms ease, filter 150ms ease, background 150ms ease;
}

.button:hover {
  color: #001014;
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.button:disabled {
  cursor: not-allowed;
  opacity: 0.46;
  transform: none;
}

.button--secondary {
  color: var(--ink);
  background: rgba(255,255,255,0.035);
  border-color: var(--line-strong);
}

.button--secondary:hover {
  color: #fff;
  background: rgba(255,255,255,0.075);
}

.button--danger {
  color: #180507;
  background: var(--rose);
  border-color: rgba(255, 107, 138, 0.35);
}

.button--small {
  min-height: 2.25rem;
  padding: 0.55rem 0.72rem;
  font-size: 0.72rem;
}

.filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.32fr) auto;
  gap: 0.7rem;
  align-items: center;
  margin-bottom: 1.2rem;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(8, 17, 24, 0.8);
}

.filter-bar input,
.filter-bar select,
.sim-select {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.7rem 0.78rem;
  border: 1px solid var(--line-strong);
  border-radius: 0.65rem;
  color: var(--ink);
  background: #08131b;
}

.filter-bar input::placeholder {
  color: #718596;
}

.filter-count {
  min-width: 5.6rem;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
  text-align: right;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-small);
}

table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(7, 15, 21, 0.84);
}

th,
td {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
}

th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: #eaf7ff;
  background: #0d1d27;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.71rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

td {
  color: #bfd0dc;
  font-size: 0.9rem;
}

tr:last-child td {
  border-bottom: 0;
}

.timeline {
  position: relative;
  display: grid;
  gap: 1rem;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 1.15rem;
  width: 1px;
  background: linear-gradient(var(--cyan), var(--blue), var(--violet));
  opacity: 0.35;
}

.timeline-item {
  position: relative;
  padding-left: 3.25rem;
}

.timeline-item::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.76rem;
  width: 0.78rem;
  height: 0.78rem;
  border: 2px solid var(--cyan);
  border-radius: 50%;
  background: var(--bg);
  box-shadow: 0 0 16px rgba(92, 225, 230, 0.28);
}

.prose {
  color: #c1d0dc;
}

.prose h2 {
  margin-top: 2.8rem;
  padding-top: 1.1rem;
  border-top: 1px solid var(--line);
}

.prose h3 {
  margin-top: 2rem;
}

.prose strong {
  color: #f1f8fc;
}

.prose blockquote {
  margin: 1.6rem 0;
  padding: 0.9rem 1.2rem;
  border-left: 3px solid var(--cyan);
  color: #d8e7ef;
  background: rgba(92, 225, 230, 0.04);
}

.tabs {
  display: flex;
  gap: 0.45rem;
  overflow-x: auto;
  margin-bottom: 1.2rem;
  padding-bottom: 0.35rem;
}

.tabs [role="tab"] {
  flex: 0 0 auto;
  padding: 0.62rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted-strong);
  background: rgba(255,255,255,0.025);
  font-size: 0.76rem;
  font-weight: 800;
}

.tabs [role="tab"][aria-selected="true"] {
  color: #061317;
  border-color: var(--cyan);
  background: var(--cyan);
}

/* Home and simulation */
.home-hero {
  position: relative;
  overflow: clip;
  border-bottom: 1px solid var(--line);
}

.home-hero__intro {
  width: var(--shell);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: center;
  padding: clamp(3rem, 7vw, 7rem) 0 2rem;
}

.home-hero__copy h1 {
  max-width: 880px;
  font-size: clamp(3.2rem, 7.8vw, 7.8rem);
}

.home-hero__copy h1 span {
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px rgba(238, 247, 255, 0.64);
}

.home-hero__copy .lede {
  margin-top: 1.2rem;
}

.hero-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: 1.6rem;
}

.hero-stat {
  padding: 0.8rem;
  border: 1px solid var(--line);
  border-radius: 0.75rem;
  background: rgba(5, 12, 17, 0.6);
}

.hero-stat strong {
  display: block;
  color: var(--cyan);
  font-size: 1.18rem;
  line-height: 1.2;
}

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

.simulation-frame {
  position: relative;
  min-height: 720px;
  border: 1px solid rgba(92, 225, 230, 0.2);
  border-radius: var(--radius-lg);
  background: #03080c;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.46), inset 0 0 70px rgba(92, 225, 230, 0.025);
  overflow: hidden;
}

.simulation-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 50%, transparent 0, rgba(3,8,12,0.05) 50%, rgba(3,8,12,0.85) 100%),
    linear-gradient(rgba(92,225,230,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,225,230,0.025) 1px, transparent 1px);
  background-size: auto, 36px 36px, 36px 36px;
}

.sim-canvas {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.sim-canvas canvas {
  width: 100%;
  height: 100%;
}

.sim-hud {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  display: grid;
  grid-template-columns: minmax(260px, 350px) minmax(220px, 300px);
  grid-template-rows: auto 1fr auto;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.9rem;
}

.sim-panel {
  pointer-events: auto;
  padding: 0.9rem;
  border: 1px solid rgba(161, 211, 233, 0.2);
  border-radius: 0.85rem;
  background: rgba(5, 13, 19, 0.83);
  backdrop-filter: blur(15px);
  box-shadow: 0 14px 38px rgba(0,0,0,0.28);
}

.sim-panel--scenario {
  grid-column: 1;
  grid-row: 1;
}

.sim-panel--status {
  grid-column: 2;
  grid-row: 1;
}

.sim-panel--stage {
  align-self: end;
  grid-column: 1;
  grid-row: 3;
}

.sim-panel--controls {
  align-self: end;
  grid-column: 2;
  grid-row: 3;
  max-height: 410px;
  overflow-y: auto;
}

.sim-panel h2,
.sim-panel h3 {
  font-size: 1.08rem;
}

.sim-panel p {
  color: #b9cbd8;
  font-size: 0.8rem;
  line-height: 1.48;
}

.sim-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}

.sim-toolbar .button {
  flex: 1 1 auto;
}

.sim-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.sim-status-item {
  padding: 0.55rem;
  border: 1px solid var(--line);
  border-radius: 0.55rem;
  background: rgba(255,255,255,0.02);
}

.sim-status-item strong {
  display: block;
  color: #f2faff;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.88rem;
}

.sim-status-item span {
  color: var(--muted);
  font-size: 0.66rem;
  text-transform: uppercase;
}

.sim-progress {
  position: relative;
  height: 0.36rem;
  margin: 0.68rem 0 0.5rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
}

.sim-progress > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--cyan), var(--blue));
  transition: width 300ms ease;
}

.sim-stage-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sim-stage-index {
  color: var(--cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
}

.sim-stage-detail {
  max-height: 12rem;
  overflow-y: auto;
  padding-right: 0.35rem;
}

.sim-control-list {
  display: grid;
  gap: 0.44rem;
}

.sim-control {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.55rem;
  align-items: start;
  width: 100%;
  padding: 0.58rem;
  border: 1px solid var(--line);
  border-radius: 0.6rem;
  color: #b8cad6;
  background: rgba(255,255,255,0.018);
  text-align: left;
}

.sim-control:hover {
  border-color: rgba(92, 225, 230, 0.34);
}

.sim-control[aria-pressed="true"] {
  color: #eaffff;
  border-color: rgba(122, 230, 178, 0.45);
  background: rgba(122, 230, 178, 0.08);
}

.sim-control__indicator {
  width: 0.74rem;
  height: 0.74rem;
  margin-top: 0.18rem;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.sim-control[aria-pressed="true"] .sim-control__indicator {
  background: var(--green);
  box-shadow: 0 0 10px rgba(122,230,178,0.55);
}

.sim-control strong {
  display: block;
  color: inherit;
  font-size: 0.74rem;
}

.sim-control small {
  display: block;
  margin-top: 0.15rem;
  color: var(--muted);
  font-size: 0.66rem;
  line-height: 1.35;
}

.sim-view-status {
  position: absolute;
  top: 0.85rem;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  padding: 0.35rem 0.58rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(3, 8, 12, 0.78);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.66rem;
  pointer-events: none;
}

.sim-event-drawer {
  position: absolute;
  top: 4rem;
  right: 0.9rem;
  bottom: 11.5rem;
  z-index: 4;
  width: min(310px, 35%);
  overflow-y: auto;
  pointer-events: none;
  opacity: 0.74;
  mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
}

.sim-event {
  margin: 0.4rem 0;
  padding: 0.5rem 0.65rem;
  border-left: 2px solid rgba(92,225,230,0.45);
  color: #aebfcb;
  background: rgba(4, 10, 15, 0.55);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.62rem;
  line-height: 1.42;
}

.sim-event strong {
  color: var(--cyan);
}

.sim-frame-alert {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 6;
  width: min(430px, calc(100% - 2rem));
  transform: translate(-50%, -50%);
  padding: 1rem;
  border: 1px solid rgba(255,201,107,0.4);
  border-radius: var(--radius);
  color: #f1dfbc;
  background: rgba(33, 24, 10, 0.94);
  box-shadow: var(--shadow);
  text-align: center;
}

.sim-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.65rem;
  color: var(--muted);
  font-size: 0.65rem;
}

.sim-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.sim-legend i {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--muted);
}

.sim-legend .is-active i { background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.sim-legend .is-complete i { background: var(--green); }
.sim-legend .is-locked i { background: #405666; }

.no-js-stage-list {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.no-js-stage-list article {
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: rgba(255,255,255,0.02);
}

.simulation-app.is-ready .no-js-stage-list {
  display: none;
}

/* Country and system cards */
.country-card,
.system-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.country-card__head,
.system-card__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.country-card__region {
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.7rem;
}

.fact-block {
  margin: 1rem 0 0;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: 0.7rem;
  background: rgba(0,0,0,0.14);
}

.fact-block h4 {
  margin-bottom: 0.42rem;
  color: var(--cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.69rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.fact-block p,
.fact-block ul {
  color: #b6c7d3;
  font-size: 0.84rem;
}

.fact-block--unknown h4 { color: var(--violet); }
.fact-block--control h4 { color: var(--green); }

.source-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: start;
}

.source-card > * {
  min-width: 0;
  max-width: 100%;
}

.source-card__meta {
  min-width: 0;
  max-width: 100%;
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.68rem;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.source-card__meta .mono {
  display: inline;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-all;
}

.source-card__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.55rem;
  min-width: 0;
  max-width: 100%;
}

.source-card__actions a,
.source-card__type {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.source-card__type {
  padding: 0.25rem 0.42rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted-strong);
  font-size: 0.65rem;
  line-height: 1.35;
  white-space: normal;
}

.source-card a {
  text-decoration: none;
}

.source-card a::after {
  content: " ↗";
  font-size: 0.78em;
}

.method-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}

.method-nav {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(8, 17, 24, 0.82);
}

.method-nav a {
  display: block;
  padding: 0.45rem 0;
  color: var(--muted-strong);
  font-size: 0.84rem;
  text-decoration: none;
}

.method-nav a:hover {
  color: var(--cyan);
}

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

.disclosure:last-child {
  border-bottom: 1px solid var(--line);
}

.disclosure button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border: 0;
  color: var(--ink);
  background: transparent;
  font-weight: 800;
  text-align: left;
}

.disclosure button::after {
  content: "+";
  color: var(--cyan);
  font-size: 1.35rem;
}

.disclosure button[aria-expanded="true"]::after {
  content: "−";
}

.disclosure__panel {
  padding: 0 0 1.1rem;
  color: var(--muted-strong);
}

.site-footer {
  margin-top: auto;
  border-top: 1px solid var(--line);
  background: #03070a;
}

.footer-grid {
  width: var(--shell);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(160px, 0.45fr));
  gap: 2rem;
  padding: 3.2rem 0;
}

.footer-brand p {
  max-width: 50ch;
  color: var(--muted);
  font-size: 0.84rem;
}

.footer-col h2 {
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.69rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.footer-col a {
  display: block;
  margin: 0.35rem 0;
  color: #b6c7d2;
  font-size: 0.82rem;
  text-decoration: none;
}

.footer-col a:hover {
  color: var(--cyan);
}

.footer-bottom {
  border-top: 1px solid var(--line);
}

.footer-bottom__inner {
  width: var(--shell);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  color: #718696;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.66rem;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 500ms ease, transform 500ms ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

html[data-motion="reduced"] [data-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (max-width: 1180px) {
  .header-version { display: none; }
  .primary-nav a { max-width: 8.9rem; padding-inline: 0.5rem; font-size: 0.74rem; }
  .card-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-hero__intro { grid-template-columns: 1fr; }
  .home-hero__copy { max-width: 900px; }
  .simulation-frame { min-height: 760px; }
}

@media (max-width: 900px) {
  :root { --header-height: 4.2rem; }
  .nav-shell { min-height: var(--header-height); }
  .nav-toggle { display: block; }
  .primary-nav {
    position: fixed;
    top: var(--header-height);
    right: 0.6rem;
    left: 0.6rem;
    z-index: 1002;
    max-height: calc(100vh - var(--header-height) - 1rem);
    display: none;
    padding: 0.65rem;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius);
    background: rgba(4, 10, 15, 0.98);
    box-shadow: var(--shadow);
    overflow-y: auto;
    white-space: normal;
    mask-image: none;
  }
  .primary-nav.is-open { display: grid; }
  .primary-nav a { max-width: none; padding: 0.85rem; font-size: 0.9rem; }
  body.nav-open { overflow: hidden; }
  .section-heading,
  .method-grid { grid-template-columns: 1fr; }
  .method-nav { position: static; }
  .card-grid,
  .definition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .simulation-frame { min-height: 900px; }
  .sim-hud {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr auto;
  }
  .sim-panel--scenario { grid-column: 1; }
  .sim-panel--status { grid-column: 2; }
  .sim-panel--stage { grid-column: 1; }
  .sim-panel--controls { grid-column: 2; }
  .sim-event-drawer { display: none; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 660px) {
  :root { --shell: min(100% - 1rem, 1460px); }
  body { font-size: 15px; }
  .boundary-banner__inner { width: calc(100% - 1rem); }
  .card-grid,
  .card-grid--2,
  .card-grid--4,
  .definition-grid,
  .hero-stat-grid,
  .no-js-stage-list { grid-template-columns: 1fr; }
  .filter-bar { grid-template-columns: 1fr; }
  .filter-count { text-align: left; }
  .simulation-frame {
    min-height: 1180px;
    border-radius: 0.9rem;
  }
  .sim-hud {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .sim-canvas {
    top: 245px;
    bottom: 435px;
  }
  .sim-panel--stage { margin-top: auto; }
  .sim-panel--controls { max-height: 330px; }
  .sim-view-status { top: 235px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-bottom__inner { flex-direction: column; }
  .source-card { grid-template-columns: 1fr; }
  .source-card__type { width: fit-content; }
}

@media (max-width: 420px) {
  .brand span { font-size: 1rem; }
  .brand-mark { width: 2rem; height: 2rem; }
  .simulation-frame { min-height: 1280px; }
  .sim-canvas { top: 270px; bottom: 480px; }
  .sim-view-status { top: 260px; }
}

@media print {
  body { color: #111; background: #fff; }
  body::before,
  body::after,
  .site-header,
  .boundary-banner,
  .site-footer,
  .simulation-frame,
  .button,
  .filter-bar { display: none !important; }
  a { color: #000; }
  .card,
  .callout,
  .table-wrap { color: #111; background: #fff; box-shadow: none; border-color: #bbb; }
  h1,h2,h3,h4,strong { color: #000; }
}

/* v1.1 immersive daily challenge */
.immersive-hero {
  position: relative;
  overflow: clip;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 12% 16%, rgba(92,225,230,.12), transparent 31rem),
    radial-gradient(circle at 88% 8%, rgba(185,135,255,.11), transparent 28rem),
    linear-gradient(180deg, rgba(3,8,12,.2), rgba(3,8,12,.88));
}

.immersive-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 20%, rgba(92,225,230,.035) 44%, transparent 65%);
  background-size: 72vw 100%;
  animation: challenge-scan 10s linear infinite;
}

@keyframes challenge-scan {
  from { background-position: -80vw 0; }
  to { background-position: 160vw 0; }
}

.immersive-hero__inner {
  position: relative;
  z-index: 1;
  width: var(--shell);
  margin-inline: auto;
  padding: clamp(1.5rem, 3vw, 2.8rem) 0 2.8rem;
}

.immersive-hero__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 1.35rem;
}

.immersive-hero__heading h1 {
  max-width: 1050px;
  font-size: clamp(2.9rem, 6.9vw, 7rem);
}

.immersive-hero__heading h1 span {
  display: block;
  color: transparent;
  -webkit-text-stroke: 1px rgba(238,247,255,.7);
}

.immersive-hero__summary {
  padding: 1rem 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(5,13,19,.64);
  backdrop-filter: blur(14px);
}

.immersive-hero__summary p {
  margin: 0;
  color: var(--muted-strong);
  font-size: .86rem;
}

.challenge-app {
  --challenge-accent: var(--cyan);
  --challenge-secondary: var(--blue);
  position: relative;
}

.challenge-frame {
  position: relative;
  min-height: 790px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--challenge-accent) 35%, transparent);
  border-radius: 1.55rem;
  background: #02070a;
  box-shadow: 0 42px 120px rgba(0,0,0,.52), inset 0 0 90px rgba(92,225,230,.03);
  isolation: isolate;
}

.challenge-frame:fullscreen {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  border: 0;
  border-radius: 0;
}

.challenge-visual,
.challenge-grid-overlay {
  position: absolute;
  inset: 0;
}

.challenge-visual {
  z-index: 1;
}

.challenge-visual canvas {
  width: 100%;
  height: 100%;
}

.challenge-grid-overlay {
  z-index: 2;
  pointer-events: none;
  opacity: .8;
  background:
    radial-gradient(circle at 42% 48%, transparent 0, rgba(2,7,10,.08) 48%, rgba(2,7,10,.88) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 4px);
  mix-blend-mode: screen;
}

.challenge-visual-status {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 8;
  padding: .34rem .62rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #7890a0;
  background: rgba(3,9,13,.74);
  font: 700 .62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  pointer-events: none;
}

.challenge-cold-open {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 1.35rem;
  background:
    radial-gradient(circle at 18% 22%, rgba(92,225,230,.12), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(126,166,255,.12), transparent 28%),
    radial-gradient(circle at 50% 48%, rgba(13,38,48,.72), rgba(2,6,9,.965) 60%),
    #020609;
  transition: opacity .55s ease, visibility .55s ease, transform .55s ease;
}

.challenge-cold-open::before,
.challenge-cold-open::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.challenge-cold-open::before {
  background:
    linear-gradient(rgba(92,225,230,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,225,230,.05) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(circle at center, black, transparent 82%);
}

.challenge-cold-open::after {
  width: 52%;
  height: 1px;
  top: 50%;
  left: 24%;
  background: linear-gradient(90deg, transparent, var(--challenge-accent), transparent);
  box-shadow: 0 0 24px var(--challenge-accent);
  animation: cold-open-sweep 3.1s ease-in-out infinite;
}

@keyframes cold-open-sweep {
  0%, 100% { transform: translateY(-220px); opacity: 0; }
  42%, 58% { opacity: .75; }
  50% { transform: translateY(220px); }
}

.challenge-cold-open.is-dismissed {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  pointer-events: none;
}

.challenge-cold-open__inner {
  position: relative;
  z-index: 2;
  width: min(1220px, 100%);
}

.challenge-cold-open__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .88fr);
  gap: 1rem;
  align-items: stretch;
}

.challenge-cold-open__main,
.challenge-cold-open__panel {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--challenge-accent) 24%, rgba(255,255,255,.08));
  border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(8,18,25,.9), rgba(2,8,12,.82));
  box-shadow: 0 30px 90px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter: blur(9px);
}

.challenge-cold-open__main {
  padding: 1.25rem 1.25rem 1rem;
}

.challenge-cold-open__panel {
  display: grid;
  gap: .85rem;
  padding: .95rem;
  align-content: start;
}

.challenge-cold-open__eyebrow-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .75rem;
  align-items: center;
}

.challenge-cold-open__status {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  min-height: 2rem;
  padding: .35rem .72rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--challenge-accent) 28%, rgba(255,255,255,.14));
  background: rgba(255,255,255,.03);
  color: #d8ecf3;
  font: 700 .7rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.challenge-cold-open__status::before {
  content: "";
  width: .58rem;
  height: .58rem;
  border-radius: 50%;
  background: var(--challenge-accent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--challenge-accent) 70%, transparent);
  animation: intro-node-pulse 1.6s ease-in-out infinite;
}

.challenge-cold-open h2 {
  margin: .45rem 0 .8rem;
  font-size: clamp(2.9rem, 6vw, 6rem);
  line-height: .94;
  letter-spacing: -.05em;
}

.challenge-cold-open__lead {
  max-width: 62ch;
  color: #c4d6df;
  font-size: clamp(.96rem, 1.6vw, 1.08rem);
}

.challenge-intel-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-top: 1rem;
}

.challenge-intel-chip,
.challenge-preview-metrics > div {
  position: relative;
  overflow: hidden;
  padding: .7rem .82rem;
  border-radius: .85rem;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.challenge-intel-chip::after,
.challenge-preview-metrics > div::after {
  content: "";
  position: absolute;
  inset: auto -18% 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--challenge-accent) 24%, transparent), transparent 72%);
}

.challenge-intel-chip span,
.challenge-preview-metrics span {
  display: block;
  color: #7e97a8;
  font: 700 .62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.challenge-intel-chip strong,
.challenge-preview-metrics strong {
  display: block;
  margin-top: .18rem;
  font-size: .88rem;
  color: #eff8fb;
}

.challenge-cold-open__callouts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}

.challenge-callout-card,
.challenge-preview-card {
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.01);
}

.challenge-callout-card {
  padding: .95rem 1rem;
}

.challenge-callout-card h3 {
  margin: .1rem 0 .4rem;
  font-size: 1.05rem;
}

.challenge-callout-card p:last-child { margin-bottom: 0; }

.challenge-brief-steps {
  margin: .65rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .58rem;
}

.challenge-brief-steps li {
  display: grid;
  gap: .14rem;
  padding-left: 1rem;
  position: relative;
}

.challenge-brief-steps li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .38rem;
  width: .46rem;
  height: .46rem;
  border-radius: 50%;
  background: var(--challenge-accent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--challenge-accent) 55%, transparent);
}

.challenge-brief-steps strong {
  font-size: .86rem;
  color: #f6fdff;
}

.challenge-brief-steps span {
  color: #afc2ce;
  font-size: .82rem;
}

.intro-chain {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(580px, 96%);
  margin: 1.15rem auto .2rem 0;
}

.intro-chain__node {
  position: relative;
  flex: 0 0 2.8rem;
  height: 2.8rem;
  border: 2px solid var(--challenge-accent);
  border-radius: 50%;
  background: rgba(5,18,24,.9);
  box-shadow: 0 0 24px color-mix(in srgb, var(--challenge-accent) 45%, transparent);
}

.intro-chain__node::after {
  content: "";
  position: absolute;
  inset: .68rem;
  border-radius: 50%;
  background: var(--challenge-accent);
  animation: intro-node-pulse 1.6s ease-in-out infinite;
}

.intro-chain__node:nth-of-type(2)::after { animation-delay: .32s; }
.intro-chain__node:nth-of-type(3)::after { animation-delay: .64s; }

.intro-chain__node--warning {
  border-color: var(--amber);
  box-shadow: 0 0 28px rgba(255,201,107,.48);
}

.intro-chain__node--warning::after { background: var(--amber); }

.intro-chain i {
  position: relative;
  flex: 1 1 auto;
  height: 2px;
  overflow: hidden;
  background: rgba(128,166,184,.28);
}

.intro-chain i::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 35%;
  background: linear-gradient(90deg, transparent, var(--challenge-accent), transparent);
  animation: intro-payload 1.45s linear infinite;
}

@keyframes intro-payload { from { transform: translateX(-120%); } to { transform: translateX(380%); } }
@keyframes intro-node-pulse { 0%,100% { transform: scale(.62); opacity: .46; } 50% { transform: scale(1); opacity: 1; } }

.challenge-mode-launchers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1.05rem;
}

.challenge-mode-card {
  display: grid;
  gap: .5rem;
  min-height: 126px;
  padding: .9rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
  text-align: left;
  color: #dcecf1;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.challenge-mode-card:hover,
.challenge-mode-card:focus-visible,
.challenge-mode-card.is-active {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--challenge-accent) 45%, rgba(255,255,255,.16));
  background: linear-gradient(180deg, rgba(92,225,230,.09), rgba(255,255,255,.018));
  box-shadow: 0 12px 30px rgba(0,0,0,.24), 0 0 0 1px rgba(92,225,230,.08) inset;
}

.challenge-mode-card__top {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  align-items: flex-start;
}

.challenge-mode-card__top strong {
  font-size: .98rem;
  color: #f6fbfd;
}

.challenge-mode-card__top em {
  color: #93abbb;
  font-style: normal;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.challenge-mode-card__summary {
  color: #afc2ce;
  font-size: .79rem;
  line-height: 1.45;
}

.challenge-cold-open__actions {
  justify-content: flex-start;
  margin-top: 1rem;
}

.challenge-cold-open__note {
  margin-top: .85rem !important;
  color: #718897 !important;
  font: 700 .68rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.challenge-preview-card {
  padding: .88rem .92rem;
}

.challenge-preview-card__head {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: baseline;
  margin-bottom: .55rem;
}

.challenge-preview-card__head strong {
  font-size: .9rem;
}

.challenge-preview-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .62rem;
}

.challenge-stage-preview {
  display: grid;
  gap: .48rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.challenge-stage-preview li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .65rem;
  align-items: center;
  padding: .54rem .62rem;
  border-radius: .86rem;
  background: rgba(255,255,255,.026);
  border: 1px solid rgba(255,255,255,.055);
}

.challenge-stage-preview li span {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--challenge-accent) 42%, rgba(255,255,255,.14));
  color: #ecf7fb;
  font: 700 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-stage-preview li strong,
.challenge-stage-preview li small,
.challenge-stage-preview li em {
  display: block;
}

.challenge-stage-preview li small {
  color: #96acb8;
}

.challenge-stage-preview li em {
  justify-self: end;
  color: #ffc96b;
  font: 700 .58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.challenge-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.challenge-tag-list span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .3rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.03);
  color: #d4e8ef;
  font-size: .74rem;
}

.challenge-preview-card__microcopy {
  margin: .7rem 0 0;
  color: #9eb4c0;
  font-size: .78rem;
}

.challenge-console {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: grid;
  grid-template-rows: auto 1fr auto;
  opacity: .3;
  filter: blur(1px);
  pointer-events: none;
  transition: opacity .5s ease, filter .5s ease;
}

.challenge-app.intro-dismissed .challenge-console {
  opacity: 1;
  filter: none;
  pointer-events: auto;
}

.challenge-consolebar {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(170px, .8fr) auto minmax(170px, .8fr);
  align-items: center;
  gap: .8rem;
  padding: .72rem .85rem;
  border-bottom: 1px solid var(--line);
  background: rgba(3,9,13,.82);
  backdrop-filter: blur(15px);
}

.challenge-consolebar__identity,
.challenge-consolebar__tools {
  display: flex;
  align-items: center;
  gap: .65rem;
}

.challenge-consolebar__tools {
  justify-content: flex-end;
}

.challenge-consolebar__identity p,
.challenge-consolebar__identity strong {
  display: block;
  margin: 0;
}

.challenge-consolebar__identity strong {
  color: #dff8ff;
  font: 800 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-live-dot {
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  background: var(--challenge-accent);
  box-shadow: 0 0 16px var(--challenge-accent);
  animation: live-dot 1.8s ease-in-out infinite;
}

@keyframes live-dot { 0%,100% { opacity: .5; transform: scale(.78); } 50% { opacity: 1; transform: scale(1); } }

.challenge-mode-switch {
  display: grid;
  grid-template-columns: repeat(3, minmax(84px, 1fr));
  gap: .3rem;
  padding: .25rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
}

.challenge-mode-switch button {
  min-width: 0;
  padding: .42rem .72rem;
  border: 0;
  border-radius: 999px;
  color: #8299a8;
  background: transparent;
  text-align: center;
}

.challenge-mode-switch button span,
.challenge-mode-switch button small {
  display: block;
}

.challenge-mode-switch button span {
  font-size: .72rem;
  font-weight: 850;
}

.challenge-mode-switch button small {
  margin-top: .08rem;
  font-size: .55rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.challenge-mode-switch button[aria-pressed="true"] {
  color: #031014;
  background: var(--challenge-accent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--challenge-accent) 28%, transparent);
}

.challenge-timer {
  min-width: 4.6rem;
  padding: .42rem .55rem;
  border: 1px solid rgba(255,201,107,.36);
  border-radius: .55rem;
  color: var(--amber);
  background: rgba(255,201,107,.06);
  font: 900 .76rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
}

.challenge-timer.is-expired {
  color: #ffe0e0;
  border-color: rgba(255,107,138,.5);
  background: rgba(255,107,138,.1);
}

.icon-button {
  display: inline-grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: .62rem;
  color: #9db2c0;
  background: rgba(255,255,255,.025);
  font-size: 1rem;
}

.icon-button:hover,
.icon-button[aria-pressed="true"] {
  color: #f3fcff;
  border-color: color-mix(in srgb, var(--challenge-accent) 50%, transparent);
  background: color-mix(in srgb, var(--challenge-accent) 10%, transparent);
}

.challenge-main {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: 102px minmax(280px, 1fr) minmax(360px, 430px);
  gap: .75rem;
  min-height: 0;
  padding: .75rem;
  pointer-events: none;
}

.challenge-phase-rail,
.challenge-stage-inspector,
.challenge-command {
  pointer-events: auto;
  border: 1px solid rgba(156,205,226,.19);
  border-radius: .9rem;
  background: rgba(4,12,17,.78);
  backdrop-filter: blur(16px);
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
}

.challenge-phase-rail {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: .55rem;
}

.challenge-phase-rail ol {
  display: grid;
  gap: .32rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.challenge-phase-rail li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .42rem;
  padding: .42rem .38rem;
  border: 1px solid transparent;
  border-radius: .52rem;
  color: #607784;
  background: rgba(255,255,255,.012);
}

.challenge-phase-rail li span {
  font: 800 .57rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-phase-rail li strong {
  overflow: hidden;
  font-size: .59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challenge-phase-rail li.is-complete {
  color: #8bcdae;
}

.challenge-phase-rail li.is-active {
  color: #effcff;
  border-color: color-mix(in srgb, var(--challenge-accent) 42%, transparent);
  background: color-mix(in srgb, var(--challenge-accent) 10%, transparent);
  box-shadow: inset 2px 0 var(--challenge-accent);
}

.challenge-rail-stats {
  display: grid;
  gap: .35rem;
  margin-top: auto;
  padding-top: .6rem;
  border-top: 1px solid var(--line);
}

.challenge-rail-stats div {
  padding: .36rem;
  border-radius: .45rem;
  background: rgba(255,255,255,.02);
}

.challenge-rail-stats strong,
.challenge-rail-stats span {
  display: block;
}

.challenge-rail-stats strong {
  color: var(--challenge-accent);
  font: 800 .7rem/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-rail-stats span {
  margin-top: .15rem;
  color: #6f8491;
  font-size: .5rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.challenge-stage-inspector {
  align-self: end;
  max-width: 360px;
  padding: .85rem;
}

.challenge-stage-inspector h3 {
  margin-bottom: .38rem;
  font-size: 1.12rem;
}

.challenge-stage-inspector > p:not(.kicker) {
  margin-bottom: .65rem;
  color: #a9becb;
  font-size: .74rem;
  line-height: 1.45;
}

.challenge-control-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .65rem;
  color: #718894;
  font-size: .57rem;
}

.challenge-control-legend span {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}

.challenge-control-legend i {
  display: inline-block;
  width: 1rem;
  height: .42rem;
}

.legend-solid { border-top: 2px solid var(--green); }
.legend-dashed { border-top: 2px dashed var(--violet); }
.legend-ring { border: 1px solid var(--cyan); border-radius: 50%; }
.legend-broken { border-top: 2px solid var(--amber); clip-path: polygon(0 0,42% 0,42% 100%,58% 0,58% 100%,100% 100%,100% 0); }

.challenge-xr-button {
  margin-top: .65rem;
}

.challenge-xr-button > * {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  opacity: 1 !important;
}

.challenge-command {
  grid-column: 3;
  align-self: stretch;
  min-height: 0;
  padding: .92rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(92,225,230,.3) transparent;
}

.challenge-command__head,
.challenge-pane__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.challenge-command__head h2 {
  margin-bottom: .2rem;
  font-size: clamp(1.45rem, 2vw, 2.1rem);
}

.challenge-difficulty {
  flex: 0 0 auto;
  padding: .32rem .52rem;
  border: 1px solid color-mix(in srgb, var(--challenge-accent) 38%, transparent);
  border-radius: 999px;
  color: var(--challenge-accent);
  background: color-mix(in srgb, var(--challenge-accent) 7%, transparent);
  font: 800 .56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.challenge-hook {
  margin: .3rem 0 .55rem;
  color: #d9ebf3;
  font-size: .9rem;
  line-height: 1.45;
}

.challenge-command .mono {
  font-size: .61rem;
  line-height: 1.4;
}

.challenge-pane {
  margin-top: .8rem;
  animation: challenge-pane-in .28s ease both;
}

@keyframes challenge-pane-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

.mission-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  margin-bottom: .55rem;
  padding: .72rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(255,255,255,.025);
}

.mission-card--objective {
  border-color: color-mix(in srgb, var(--challenge-accent) 34%, transparent);
  background: color-mix(in srgb, var(--challenge-accent) 7%, transparent);
}

.mission-card__icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid currentColor;
  border-radius: .55rem;
  color: var(--challenge-accent);
  font-size: 1.15rem;
}

.mission-card strong {
  display: block;
  margin-bottom: .15rem;
  color: #effbff;
  font-size: .72rem;
}

.mission-card p,
.challenge-instruction,
.challenge-guidance p,
.challenge-pane__heading p {
  margin: 0;
  color: #9eb3c0;
  font-size: .72rem;
  line-height: 1.48;
}

.challenge-guidance {
  margin: .65rem 0;
  padding: .65rem .72rem;
  border-left: 3px solid var(--challenge-accent);
  border-radius: 0 .55rem .55rem 0;
  background: rgba(92,225,230,.045);
}

.challenge-guidance strong {
  color: var(--challenge-accent);
  font-size: .7rem;
}

.challenge-primary-action {
  width: 100%;
  margin-top: .7rem;
}

.signal-scan {
  position: relative;
  height: 150px;
  margin: .8rem 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background:
    linear-gradient(rgba(92,225,230,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,225,230,.035) 1px, transparent 1px),
    rgba(0,0,0,.22);
  background-size: 24px 24px;
}

.signal-scan::before {
  content: "";
  position: absolute;
  inset: 50% 8% auto;
  height: 1px;
  background: rgba(92,225,230,.22);
}

.signal-scan span {
  position: absolute;
  left: 18%;
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border: 2px solid var(--challenge-accent);
  border-radius: 50%;
  box-shadow: 0 0 18px var(--challenge-accent);
}

.signal-scan i {
  position: absolute;
  top: 50%;
  left: 22%;
  width: 64%;
  height: 2px;
  transform-origin: left center;
  background: linear-gradient(90deg, var(--challenge-accent), transparent);
  animation: signal-sweep 2.2s ease-in-out infinite;
}

@keyframes signal-sweep { 0%,100% { transform: rotate(-18deg); opacity: .35; } 50% { transform: rotate(18deg); opacity: 1; } }

.challenge-pane__heading {
  margin-bottom: .6rem;
}

.challenge-pane__heading > span {
  flex: 0 0 auto;
  color: var(--challenge-accent);
  font: 800 .62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-evidence-list,
.challenge-option-list {
  display: grid;
  gap: .45rem;
}

.evidence-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .58rem;
  align-items: start;
  width: 100%;
  padding: .62rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  color: #c7d8e1;
  background: rgba(255,255,255,.018);
  text-align: left;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.evidence-card:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--challenge-accent) 42%, transparent);
  background: color-mix(in srgb, var(--challenge-accent) 5%, transparent);
}

.evidence-card[aria-expanded="true"] {
  border-color: rgba(122,230,178,.4);
  background: rgba(122,230,178,.055);
}

.evidence-card__index {
  color: var(--challenge-accent);
  font: 800 .58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.evidence-card__body,
.evidence-card__body > * {
  display: block;
}

.evidence-card__meta {
  display: flex !important;
  justify-content: space-between;
  gap: .5rem;
  margin-bottom: .16rem;
}

.evidence-card__meta b,
.evidence-card__meta i {
  font-size: .5rem;
  font-style: normal;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.evidence-card__meta b { color: var(--challenge-accent); }
.evidence-card__meta i { color: #6e8592; }
.evidence-card strong { font-size: .72rem; }
.evidence-card small { margin-top: .12rem; color: #8ea4b1; font-size: .62rem; line-height: 1.4; }

.evidence-card__detail {
  margin-top: .48rem;
  padding-top: .45rem;
  border-top: 1px solid var(--line);
  color: #b9cbd5;
  font-size: .65rem;
  line-height: 1.46;
}

.evidence-card__detail em {
  display: block;
  margin-top: .38rem;
  color: #718894;
  font: 700 .52rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  font-style: normal;
}

.evidence-card__state {
  display: grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #6f8895;
  font-size: .75rem;
}

.evidence-card[aria-expanded="true"] .evidence-card__state {
  color: var(--green);
  background: rgba(122,230,178,.08);
}

.decision-option {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: .62rem;
  align-items: start;
  width: 100%;
  padding: .68rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  color: #c7d8e1;
  background: rgba(255,255,255,.018);
  text-align: left;
}

.decision-option:hover {
  border-color: color-mix(in srgb, var(--challenge-accent) 40%, transparent);
}

.decision-option[aria-pressed="true"] {
  border-color: var(--challenge-accent);
  background: color-mix(in srgb, var(--challenge-accent) 9%, transparent);
  box-shadow: inset 3px 0 var(--challenge-accent);
}

.decision-option > span {
  display: grid;
  place-items: center;
  min-width: 1.8rem;
  height: 1.8rem;
  border: 1px solid currentColor;
  border-radius: .48rem;
  color: var(--challenge-accent);
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.decision-option strong,
.decision-option small,
.decision-option em {
  display: block;
}

.decision-option strong { font-size: .72rem; }
.decision-option small { margin-top: .12rem; color: #8fa5b2; font-size: .62rem; line-height: 1.4; }
.decision-option em { margin-top: .3rem; color: #728a96; font: 700 .51rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; font-style: normal; }

.decision-option > i {
  width: .8rem;
  height: .8rem;
  margin-top: .25rem;
  border: 1px solid #5d7582;
  border-radius: 50%;
}

.decision-option[aria-pressed="true"] > i {
  border-color: var(--challenge-accent);
  background: var(--challenge-accent);
  box-shadow: 0 0 10px var(--challenge-accent);
}

.confidence-control {
  display: block;
  margin-top: .7rem;
  padding: .72rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  background: rgba(0,0,0,.18);
}

.confidence-control > span {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.confidence-control strong { font-size: .7rem; }
.confidence-control output { color: var(--challenge-accent); font: 900 .78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.confidence-control input { width: 100%; margin: .65rem 0 .3rem; accent-color: var(--challenge-accent); }
.confidence-control small { display: block; color: #788f9c; font-size: .58rem; line-height: 1.4; }

.challenge-outcome {
  position: relative;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--green) 42%, transparent);
  border-radius: .8rem;
  background: linear-gradient(135deg, rgba(122,230,178,.1), rgba(7,20,25,.8));
}

.challenge-outcome[data-status="compromised"],
.challenge-outcome[data-status="delayed"] {
  border-color: rgba(255,107,138,.42);
  background: linear-gradient(135deg, rgba(255,107,138,.11), rgba(25,7,14,.78));
}

.challenge-outcome__glyph {
  position: absolute;
  right: -.3rem;
  top: -.7rem;
  color: rgba(255,255,255,.07);
  font-size: 7rem;
  transform: rotate(-18deg);
}

.challenge-outcome h3 {
  position: relative;
  max-width: 85%;
  font-size: 1.55rem;
}

.challenge-outcome p:last-child {
  position: relative;
  margin-bottom: 0;
  color: #b9ccd6;
  font-size: .75rem;
}

.challenge-score-preview {
  display: grid;
  grid-template-columns: .35fr 1fr;
  gap: .5rem;
  margin: .65rem 0;
}

.challenge-score-preview div {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255,255,255,.02);
}

.challenge-score-preview strong,
.challenge-score-preview span { display: block; }
.challenge-score-preview strong { color: #f5fbff; font: 850 .85rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.challenge-score-preview span { margin-top: .18rem; color: #718794; font-size: .52rem; text-transform: uppercase; }

.challenge-debrief-block {
  margin-bottom: .55rem;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  background: rgba(255,255,255,.02);
}

.challenge-debrief-block--insight {
  border-color: color-mix(in srgb, var(--challenge-accent) 35%, transparent);
  background: color-mix(in srgb, var(--challenge-accent) 6%, transparent);
}

.challenge-debrief-block p:last-child {
  margin: 0;
  color: #b7cad5;
  font-size: .7rem;
  line-height: 1.48;
}

.challenge-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .42rem;
  margin: .65rem 0;
}

.challenge-metric {
  padding: .55rem;
  border: 1px solid var(--line);
  border-radius: .58rem;
  background: rgba(255,255,255,.018);
}

.challenge-metric > span,
.challenge-metric > strong,
.challenge-metric > small { display: block; }
.challenge-metric > span { color: #879eab; font-size: .54rem; text-transform: uppercase; }
.challenge-metric > strong { margin-top: .1rem; color: #edfaff; font: 850 .78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.challenge-metric > div { height: .24rem; margin: .35rem 0 .22rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.challenge-metric > div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--challenge-accent), var(--challenge-secondary)); }
.challenge-metric > small { color: #6f8794; font-size: .5rem; }

.challenge-disclosure {
  margin-top: .45rem;
  border: 1px solid var(--line);
  border-radius: .62rem;
  background: rgba(0,0,0,.13);
}

.challenge-disclosure summary {
  padding: .62rem .7rem;
  color: #d7e8ef;
  font-size: .68rem;
  font-weight: 800;
  cursor: pointer;
}

.challenge-disclosure p {
  margin: 0;
  padding: 0 .7rem .7rem;
  color: #8fa6b2;
  font-size: .64rem;
  line-height: 1.46;
}

.challenge-share-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .42rem;
  margin-top: .7rem;
}

.challenge-share-actions .button:first-child {
  grid-column: 1 / -1;
}

.challenge-share-status {
  min-height: 1.2rem;
  margin: .4rem 0 0;
  color: var(--green);
  font-size: .6rem;
}

.challenge-counterfactuals {
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid var(--line);
}

.challenge-counterfactuals h3 {
  font-size: 1rem;
}

.challenge-counterfactuals > div {
  display: grid;
  gap: .4rem;
}

.counterfactual-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .5rem .65rem;
  width: 100%;
  padding: .58rem;
  border: 1px solid var(--line);
  border-radius: .58rem;
  color: #b9ccd6;
  background: rgba(255,255,255,.018);
  text-align: left;
}

.counterfactual-card > span {
  grid-row: 1 / span 2;
  padding: .2rem .36rem;
  border: 1px solid currentColor;
  border-radius: .35rem;
  color: var(--challenge-accent);
  font-size: .48rem;
  text-transform: uppercase;
}

.counterfactual-card strong { font-size: .67rem; }
.counterfactual-card small { color: #7f96a2; font-size: .57rem; }
.counterfactual-card:disabled { opacity: .45; cursor: default; }

.replay-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  margin: .8rem 0;
}

.replay-comparison div {
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255,255,255,.02);
}

.replay-comparison span,
.replay-comparison strong { display: block; }
.replay-comparison span { color: #6f8794; font-size: .52rem; text-transform: uppercase; }
.replay-comparison strong { margin-top: .25rem; color: #eaf8ff; font-size: .7rem; }

.challenge-timeline {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 34%);
  gap: .75rem;
  padding: .65rem .75rem .75rem;
  border-top: 1px solid var(--line);
  background: rgba(3,9,13,.84);
  backdrop-filter: blur(15px);
}

.challenge-timeline__track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .32rem;
}

.timeline-node {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .38rem;
  min-width: 0;
  padding: .4rem .45rem;
  border: 1px solid var(--line);
  border-radius: .5rem;
  color: #607884;
  background: rgba(255,255,255,.014);
  text-align: left;
}

.timeline-node span { font: 800 .52rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.timeline-node strong { overflow: hidden; font-size: .57rem; text-overflow: ellipsis; white-space: nowrap; }
.timeline-node.is-complete { color: #80bca0; border-color: rgba(122,230,178,.16); }
.timeline-node.is-active { color: #effcff; border-color: var(--challenge-accent); background: color-mix(in srgb, var(--challenge-accent) 9%, transparent); }
.timeline-node.is-interrupted { color: var(--amber); border-color: rgba(255,201,107,.52); box-shadow: inset 0 -2px var(--amber); }

.challenge-event-stream {
  display: grid;
  gap: .25rem;
  max-height: 84px;
  overflow-y: auto;
}

.challenge-event {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .42rem;
  padding: .28rem .4rem;
  border-left: 2px solid color-mix(in srgb, var(--challenge-accent) 55%, transparent);
  color: #78909c;
  background: rgba(0,0,0,.14);
  font: 650 .52rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-event strong { color: var(--challenge-accent); }

.challenge-alert {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 50;
  width: min(450px, calc(100% - 2rem));
  transform: translate(-50%, -50%);
  padding: 1rem;
  border: 1px solid rgba(255,201,107,.45);
  border-radius: .85rem;
  color: #f4e2bd;
  background: rgba(36,25,9,.96);
  box-shadow: var(--shadow);
  text-align: center;
}

.challenge-app.is-busy .challenge-console {
  cursor: wait;
}

.challenge-app.is-busy .challenge-command::after {
  content: "Synchronizing authoritative state…";
  position: sticky;
  bottom: 0;
  display: block;
  margin: .6rem -.3rem -.3rem;
  padding: .45rem;
  border: 1px solid var(--line);
  border-radius: .45rem;
  color: var(--challenge-accent);
  background: rgba(3,9,13,.92);
  font: 700 .55rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
}

.challenge-noscript {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}

.daily-archive-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .55rem;
}

.archive-challenge-card {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .72rem;
  color: inherit;
  background: rgba(255,255,255,.018);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.archive-challenge-card:hover {
  transform: translateY(-3px);
  color: inherit;
  border-color: rgba(92,225,230,.38);
  background: rgba(92,225,230,.045);
}

.archive-challenge-card > span {
  color: var(--cyan);
  font: 800 .56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}

.archive-challenge-card strong {
  margin: .5rem 0 .3rem;
  font-size: .78rem;
  line-height: 1.3;
}

.archive-challenge-card small {
  color: #849aa6;
  font-size: .58rem;
  line-height: 1.35;
}

.archive-challenge-card em {
  margin-top: auto;
  padding-top: .6rem;
  color: #667d89;
  font: 700 .48rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  font-style: normal;
}

.local-progress-card {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: .55rem .8rem;
  align-items: center;
  padding: .9rem 1rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.02);
}

.local-progress-card strong {
  color: var(--green);
  font: 900 1.35rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.local-progress-card span {
  color: #879da9;
  font-size: .65rem;
  line-height: 1.35;
}

.release-horizon-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.release-horizon {
  position: relative;
  overflow: hidden;
  min-height: 220px;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(12,27,37,.76), rgba(4,10,14,.86));
}

.release-horizon::after {
  content: "";
  position: absolute;
  right: -25%;
  bottom: -55%;
  width: 75%;
  aspect-ratio: 1;
  border: 1px solid rgba(92,225,230,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(92,225,230,.025), 0 0 0 58px rgba(92,225,230,.018);
}

.release-horizon > * { position: relative; z-index: 1; }
.release-horizon .badge { margin-bottom: .7rem; }
.release-horizon p { color: #95abb7; font-size: .76rem; }

@media (max-width: 1180px) {
  .immersive-hero__heading { grid-template-columns: 1fr; }
  .challenge-main { grid-template-columns: 88px minmax(220px, 1fr) minmax(330px, 390px); }
  .daily-archive-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 940px) {
  .challenge-frame { min-height: 1040px; }
  .challenge-consolebar { grid-template-columns: 1fr auto; }
  .challenge-mode-switch { grid-column: 1 / -1; grid-row: 2; width: min(100%, 480px); margin-inline: auto; }
  .challenge-main { grid-template-columns: 80px minmax(0, 1fr); grid-template-rows: 1fr auto; }
  .challenge-command { grid-column: 2; grid-row: 1 / span 2; width: min(430px, 100%); justify-self: end; }
  .challenge-stage-inspector { grid-column: 1 / span 1; grid-row: 2; max-width: none; }
  .challenge-timeline { grid-template-columns: 1fr; }
  .challenge-event-stream { display: none; }
  .release-horizon-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .immersive-hero__inner { width: min(100% - .75rem, 1460px); }
  .challenge-cold-open {
    place-items: start center;
    overflow-y: auto;
    padding-top: 2rem;
  }
  .immersive-hero__heading { margin-bottom: .8rem; }
  .immersive-hero__heading h1 { font-size: clamp(2.5rem, 13vw, 4.6rem); }
  .challenge-frame { min-height: 1320px; border-radius: .95rem; }
  .challenge-consolebar { display: flex; flex-wrap: wrap; }
  .challenge-consolebar__identity { flex: 1 1 auto; }
  .challenge-consolebar__tools { margin-left: auto; }
  .challenge-mode-switch { order: 3; flex: 1 0 100%; }
  .challenge-main { display: flex; flex-direction: column; padding: .55rem; }
  .challenge-phase-rail { order: 2; min-height: auto; }
  .challenge-phase-rail ol { grid-template-columns: repeat(8, minmax(42px, 1fr)); overflow-x: auto; }
  .challenge-phase-rail li { display: block; min-width: 48px; text-align: center; }
  .challenge-phase-rail li strong { display: block; margin-top: .2rem; font-size: .49rem; }
  .challenge-rail-stats { grid-template-columns: repeat(3, 1fr); margin-top: .45rem; padding-top: .45rem; }
  .challenge-stage-inspector { order: 3; width: 100%; }
  .challenge-command { order: 1; width: 100%; max-height: 850px; min-height: 620px; }
  .challenge-timeline { padding: .5rem; }
  .challenge-timeline__track { overflow-x: auto; grid-template-columns: repeat(5, minmax(105px, 1fr)); }
  .challenge-visual { top: 190px; bottom: 360px; opacity: .62; }
  .challenge-grid-overlay { top: 190px; bottom: 360px; }
  .challenge-visual-status { bottom: 335px; }
  .challenge-cold-open h2 { font-size: clamp(2.5rem, 14vw, 4.7rem); }
  .challenge-share-actions { grid-template-columns: 1fr; }
  .challenge-share-actions .button:first-child { grid-column: auto; }
  .daily-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-progress-card { grid-template-columns: auto 1fr; }
}

@media (max-width: 430px) {
  .challenge-frame { min-height: 1420px; }
  .challenge-cold-open { padding: 1.3rem .8rem; }
  .challenge-cold-open h2 { margin: .25rem 0 .55rem; font-size: clamp(2.25rem, 12vw, 3.4rem); }
  .challenge-cold-open p:not(.kicker) { font-size: .88rem; line-height: 1.45; }
  .intro-chain { width: 86%; margin: 1rem auto .7rem; }
  .intro-chain__node { flex-basis: 2rem; height: 2rem; }
  .intro-chain__node::after { inset: .48rem; }
  .challenge-cold-open__actions { margin-top: .75rem; gap: .45rem; }
  .challenge-cold-open__actions .button { flex: 1 1 100%; min-height: 2.55rem; }
  .challenge-cold-open__note { margin-top: .65rem !important; font-size: .58rem !important; }
  .challenge-consolebar__identity strong { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .challenge-consolebar__tools { gap: .3rem; }
  .icon-button { width: 2.1rem; height: 2.1rem; }
  .challenge-mode-switch button { padding-inline: .3rem; }
  .challenge-command { min-height: 700px; padding: .72rem; }
  .challenge-metric-grid { grid-template-columns: 1fr; }
  .replay-comparison { grid-template-columns: 1fr; }
  .daily-archive-grid { grid-template-columns: 1fr; }
}

html[data-motion="reduced"] .immersive-hero::before,
html[data-motion="reduced"] .challenge-cold-open::after,
html[data-motion="reduced"] .intro-chain__node::after,
html[data-motion="reduced"] .intro-chain i::after,
html[data-motion="reduced"] .challenge-live-dot,
html[data-motion="reduced"] .signal-scan i {
  animation: none;
}

@media print {
  .immersive-hero,
  .challenge-frame { display: none !important; }
}

/* v1.1 challenge catalog */
.challenge-catalog-grid { align-items: stretch; }
.challenge-catalog-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: .9rem;
  min-height: 100%;
  border-color: color-mix(in srgb, var(--catalog-accent, var(--accent)) 34%, var(--line));
}
.challenge-catalog-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--catalog-accent, var(--accent)), var(--catalog-secondary, var(--accent-2)));
}
.challenge-catalog-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
}
.challenge-catalog-card__meta > span:last-child {
  margin-left: auto;
  font: 700 .72rem/1 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}
.challenge-catalog-card h2 { margin: 0; }
.challenge-catalog-card__hook { margin: 0; color: var(--text-soft); }
.challenge-catalog-card__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
}
.challenge-catalog-card__stats > div {
  padding: .72rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
}
.challenge-catalog-card__stats dt {
  font: 700 .64rem/1 var(--font-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--muted);
}
.challenge-catalog-card__stats dd {
  margin: .28rem 0 0;
  font: 800 1.18rem/1 var(--font-display);
  color: var(--text);
}
.challenge-catalog-card__boundary {
  margin: auto 0 0;
  padding: .75rem .82rem;
  border-left: 2px solid var(--catalog-accent, var(--accent));
  background: rgba(255,255,255,.025);
  color: var(--muted);
  font-size: .84rem;
}
.challenge-catalog-card .button { align-self: flex-start; }
@media (max-width: 560px) {
  .challenge-catalog-card__meta > span:last-child { width: 100%; margin-left: 0; }
}
.local-progress-clear { justify-self: end; white-space: nowrap; }
@media (min-width: 781px) { .local-progress-card { grid-template-columns: auto 1fr auto 1fr auto; } }
@media (max-width: 780px) { .local-progress-clear { grid-column: 1 / -1; justify-self: start; } }

/* v1.2 Global Kill Chain Evidence Atlas */
.atlas-page {
  --atlas-panel: rgba(7, 17, 24, .92);
  --atlas-panel-soft: rgba(13, 27, 37, .72);
  --atlas-line: rgba(133, 191, 220, .2);
}

.atlas-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.atlas-stat-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem;
  align-items: center;
  min-height: 92px;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(145deg, rgba(15, 31, 42, .78), rgba(5, 12, 17, .82));
}

.atlas-stat-grid strong {
  color: var(--cyan);
  font: 900 clamp(1.8rem, 4vw, 2.7rem)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.atlas-stat-grid span {
  color: var(--muted-strong);
  font-size: .82rem;
  line-height: 1.4;
}

.atlas-layer-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(205px, 1fr);
  gap: .65rem;
  overflow-x: auto;
  margin: 0;
  padding: .15rem 0 .85rem;
  list-style: none;
  scroll-snap-type: x proximity;
}

.atlas-layer-rail li {
  position: relative;
  min-height: 190px;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(155deg, rgba(15, 32, 43, .82), rgba(4, 11, 16, .88));
  scroll-snap-align: start;
}

.atlas-layer-rail li::after {
  content: "";
  position: absolute;
  right: -.66rem;
  top: 2.05rem;
  width: .66rem;
  height: 1px;
  background: linear-gradient(90deg, var(--cyan), transparent);
}

.atlas-layer-rail li:last-child::after { display: none; }
.atlas-layer-rail span {
  display: block;
  margin-bottom: 1.1rem;
  color: var(--cyan);
  font: 900 1.7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.atlas-layer-rail strong { display: block; margin-bottom: .55rem; font-size: 1.05rem; }
.atlas-layer-rail small { display: block; color: var(--muted); font-size: .73rem; line-height: 1.52; }

.atlas-toolbar {
  display: grid;
  grid-template-columns: minmax(290px, 1.65fr) repeat(5, minmax(150px, .75fr));
  gap: .65rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(5, 14, 20, .9);
  box-shadow: var(--shadow-small);
}

.atlas-toolbar label,
.atlas-system-toolbar label,
.atlas-timeline-controls label,
.atlas-explainer > label {
  display: block;
  margin-bottom: .32rem;
  color: var(--muted);
  font: 800 .62rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.atlas-toolbar input[type="search"],
.atlas-toolbar select,
.atlas-system-toolbar input,
.atlas-system-toolbar select,
.atlas-timeline-controls select {
  width: 100%;
  min-height: 2.65rem;
  padding: .68rem .72rem;
  border: 1px solid var(--line-strong);
  border-radius: .62rem;
  color: var(--ink);
  background: #07131b;
  font-size: .78rem;
}

.atlas-toolbar__search { min-width: 0; }
.atlas-checkbox {
  display: inline-flex !important;
  grid-column: 1 / span 2;
  align-items: center;
  gap: .55rem;
  min-height: 2.5rem;
  margin: 0 !important;
  padding: .55rem .7rem;
  border: 1px solid var(--line);
  border-radius: .62rem;
  background: rgba(255,255,255,.02);
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer;
}
.atlas-checkbox input { width: 1.05rem; height: 1.05rem; accent-color: var(--cyan); }
.atlas-checkbox span { color: var(--muted-strong); font-size: .74rem; }
.atlas-toolbar__actions {
  grid-column: 3 / span 4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
}
.atlas-toolbar__status,
.atlas-toolbar__share-status {
  margin: 0;
  color: var(--muted);
  font: 750 .67rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.atlas-toolbar__status { grid-column: 1 / span 2; }
.atlas-toolbar__share-status { grid-column: 3 / -1; text-align: right; }

.atlas-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.56fr) minmax(360px, .74fr);
  gap: 1rem;
  align-items: start;
}

.atlas-map-card,
.atlas-country-detail,
.atlas-system-detail,
.atlas-compare-shell,
.atlas-accessible-table {
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--atlas-panel);
  box-shadow: var(--shadow-small);
}

.atlas-panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem .85rem;
  border-bottom: 1px solid var(--line);
}
.atlas-panel-heading h3 { margin: 0; font-size: 1.25rem; }
.atlas-panel-heading .kicker { margin: 0 0 .32rem; }
.atlas-panel-heading > span,
.atlas-map-count {
  flex: 0 0 auto;
  padding: .35rem .5rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font: 800 .62rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.atlas-map {
  position: relative;
  overflow: hidden;
  min-height: 570px;
  border-bottom: 1px solid var(--line);
  background: #030a0f;
  isolation: isolate;
}
.atlas-map::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, transparent, rgba(0,0,0,.46));
}
.atlas-map__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; }
.atlas-continent {
  fill: rgba(73, 120, 145, .13);
  stroke: rgba(116, 176, 207, .23);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}
.atlas-map-axis {
  fill: none;
  stroke: rgba(103, 160, 190, .08);
  stroke-width: 1;
  stroke-dasharray: 4 11;
  vector-effect: non-scaling-stroke;
}
.atlas-route {
  fill: none;
  stroke: rgba(92,225,230,.13);
  stroke-width: 1.4;
  stroke-dasharray: 8 12;
  vector-effect: non-scaling-stroke;
}
.atlas-route--secondary { stroke: rgba(185,135,255,.1); stroke-dasharray: 3 14; }

.evidence-state {
  --state-color: #98adba;
  --state-bg: rgba(152,173,186,.08);
}
.evidence-state--officially-documented { --state-color: var(--green); --state-bg: rgba(122,230,178,.08); }
.evidence-state--court-treaty-recorded { --state-color: #a8d8ff; --state-bg: rgba(168,216,255,.08); }
.evidence-state--independently-corroborated { --state-color: var(--cyan); --state-bg: rgba(92,225,230,.08); }
.evidence-state--operator-described { --state-color: #a9c5ff; --state-bg: rgba(126,166,255,.08); }
.evidence-state--manufacturer-described { --state-color: var(--amber); --state-bg: rgba(255,201,107,.07); }
.evidence-state--credibly-reported { --state-color: #d6b7ff; --state-bg: rgba(185,135,255,.08); }
.evidence-state--demonstrated-in-testing { --state-color: #8dd6ff; --state-bg: rgba(92,185,230,.08); }
.evidence-state--alleged { --state-color: #d3a0ff; --state-bg: rgba(185,135,255,.05); }
.evidence-state--disputed { --state-color: var(--danger); --state-bg: rgba(255,122,122,.07); }
.evidence-state--operational-status-unspecified,
.evidence-state--control-mode-unspecified,
.evidence-state--ai-use-not-established { --state-color: #b8a4da; --state-bg: rgba(185,135,255,.055); }
.evidence-state--outdated-or-superseded { --state-color: #748b98; --state-bg: rgba(116,139,152,.04); }

.atlas-map-node {
  position: absolute;
  left: var(--atlas-x);
  top: var(--atlas-y);
  z-index: 2;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: .12rem .45rem;
  min-width: 118px;
  max-width: 190px;
  transform: translate(-50%, -50%);
  padding: .46rem .58rem;
  border: 1px solid var(--state-color);
  border-radius: .65rem;
  color: #e8f4f9;
  background: color-mix(in srgb, var(--state-bg) 86%, rgba(3,10,15,.92));
  box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 18px color-mix(in srgb, var(--state-color) 15%, transparent);
  text-align: left;
  transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease, background .16s ease;
}
.atlas-map-node:hover { transform: translate(-50%, -50%) scale(1.05); }
.atlas-map-node > span {
  grid-row: 1 / span 2;
  align-self: center;
  width: .82rem;
  height: .82rem;
  border: 2px solid var(--state-color);
  border-radius: 50%;
  background: var(--state-color);
  box-shadow: 0 0 12px color-mix(in srgb, var(--state-color) 65%, transparent);
}
.atlas-map-node strong { overflow: hidden; font-size: .69rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.atlas-map-node small { color: color-mix(in srgb, var(--state-color) 72%, #c7d7df); font: 750 .48rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.atlas-map-node.is-selected {
  z-index: 4;
  transform: translate(-50%, -50%) scale(1.1);
  background: color-mix(in srgb, var(--state-color) 14%, #061017);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-color) 34%, transparent), 0 16px 38px rgba(0,0,0,.46), 0 0 30px color-mix(in srgb, var(--state-color) 26%, transparent);
}
.atlas-map-node.evidence-state--manufacturer-described { border-style: dashed; }
.atlas-map-node.evidence-state--manufacturer-described > span { background: transparent; border-style: dashed; }
.atlas-map-node.evidence-state--credibly-reported { border-style: dashed dotted; }
.atlas-map-node.evidence-state--disputed {
  border-style: double;
  background-image: repeating-linear-gradient(135deg, rgba(255,122,122,.08) 0 7px, transparent 7px 14px);
}
.atlas-map-node.evidence-state--disputed > span { border-radius: 0; transform: rotate(45deg); background: transparent; }
.atlas-map-node.evidence-state--operational-status-unspecified,
.atlas-map-node.evidence-state--control-mode-unspecified,
.atlas-map-node.evidence-state--ai-use-not-established { border-style: dotted; }

.atlas-map__disclaimer {
  position: absolute;
  right: .7rem;
  bottom: .65rem;
  padding: .36rem .52rem;
  border: 1px solid rgba(255,201,107,.24);
  border-radius: .5rem;
  color: #d7c49b;
  background: rgba(31,22,8,.84);
  font: 800 .52rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}
.atlas-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  padding: .75rem 1rem;
  color: var(--muted);
  font-size: .67rem;
}
.atlas-map-legend span { display: inline-flex; align-items: center; gap: .4rem; }
.evidence-sample { display: inline-block; width: .85rem; height: .85rem; border: 2px solid var(--green); border-radius: 50%; }
.evidence-sample--qualified { border-color: var(--amber); border-style: dashed; background: transparent; }
.evidence-sample--disputed { border-color: var(--danger); border-radius: 0; transform: rotate(45deg); background: repeating-linear-gradient(135deg, rgba(255,122,122,.35) 0 2px, transparent 2px 4px); }

.atlas-country-detail,
.atlas-system-detail {
  position: sticky;
  top: calc(var(--header-height) + 1rem);
  overflow: hidden;
}
.atlas-country-detail > article,
.atlas-system-detail > article { padding: 1.15rem; }
.atlas-enhanced [data-country-detail]:not(.is-selected),
.atlas-enhanced [data-system-detail]:not(.is-selected) { display: none; }
.atlas-detail__topline {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .65rem;
  color: var(--muted);
  font: 750 .58rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.atlas-country-detail h2,
.atlas-system-detail h2 { margin-bottom: .75rem; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.atlas-evidence-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  margin-bottom: .85rem;
  color: var(--muted);
  font-size: .68rem;
}
.atlas-evidence-line > span:first-child,
.atlas-accessible-table .evidence-state {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  padding: .28rem .45rem;
  border: 1px solid var(--state-color);
  border-radius: 999px;
  color: var(--state-color);
  background: var(--state-bg);
  font: 800 .56rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}
.atlas-evidence-line i,
.atlas-accessible-table .evidence-state i { width: .45rem; height: .45rem; border: 1px solid currentColor; border-radius: 50%; background: currentColor; }
.atlas-evidence-line .evidence-state--manufacturer-described,
.atlas-accessible-table .evidence-state--manufacturer-described { border-style: dashed; }
.atlas-evidence-line .evidence-state--manufacturer-described i,
.atlas-accessible-table .evidence-state--manufacturer-described i { background: transparent; }
.atlas-evidence-line .evidence-state--disputed,
.atlas-accessible-table .evidence-state--disputed { border-style: double; }
.atlas-evidence-line .evidence-state--disputed i,
.atlas-accessible-table .evidence-state--disputed i { border-radius: 0; transform: rotate(45deg); background: transparent; }
.atlas-detail__summary { color: var(--muted-strong); font-size: .91rem; }

.atlas-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 1rem 0;
}
.atlas-detail-grid > div {
  min-width: 0;
  padding: .72rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(255,255,255,.018);
}
.atlas-detail-grid dt {
  margin-bottom: .35rem;
  color: var(--cyan);
  font: 800 .56rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.atlas-detail-grid dd { margin: 0; color: #c4d3dd; font-size: .71rem; line-height: 1.52; }
.atlas-detail-grid dd small { color: var(--muted); font-size: .66rem; }
.atlas-detail-grid__unknown { grid-column: 1 / -1; border-color: rgba(185,135,255,.23) !important; background: rgba(185,135,255,.045) !important; }
.atlas-detail-grid__unknown dt { color: #c6a8ff; }

.atlas-related-systems { margin: 1rem 0; }
.atlas-related-systems h3 { font-size: .8rem; }
.atlas-related-systems > div { display: flex; flex-wrap: wrap; gap: .4rem; }
.atlas-related-systems button,
.atlas-table-entity {
  padding: .36rem .5rem;
  border: 1px solid var(--line);
  border-radius: .5rem;
  color: var(--cyan);
  background: rgba(92,225,230,.035);
  font-size: .68rem;
  font-weight: 800;
  text-align: left;
}
.atlas-related-systems button:hover,
.atlas-table-entity:hover { border-color: rgba(92,225,230,.4); background: rgba(92,225,230,.08); }

.atlas-accessible-table { margin-top: 1rem; overflow: hidden; }
.atlas-accessible-table .table-wrap { border: 0; border-radius: 0; box-shadow: none; }
.atlas-accessible-table td:first-child { min-width: 185px; }
.atlas-accessible-table td small { display: block; margin-top: .35rem; color: var(--muted); }
.atlas-table-entity { border: 0; padding: 0; background: transparent; font-size: .82rem; }

.evidence-state-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}
.evidence-state-card {
  min-height: 230px;
  padding: 1rem;
  border: 1px solid var(--state-color);
  border-radius: .9rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--state-bg) 80%, rgba(13,27,37,.8)), rgba(4,11,16,.88));
}
.evidence-state-card > div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.evidence-state-card > div span { color: var(--state-color); font: 900 1.3rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.evidence-state-card > div i { width: 1.3rem; height: 1.3rem; border: 2px solid var(--state-color); border-radius: 50%; background: var(--state-color); box-shadow: 0 0 15px color-mix(in srgb, var(--state-color) 35%, transparent); }
.evidence-state-card h3 { font-size: 1.05rem; }
.evidence-state-card p { color: #b8cad5; font-size: .75rem; line-height: 1.54; }
.evidence-state-card small { display: block; margin-top: auto; color: var(--muted); font: 650 .6rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.evidence-state-card.evidence-state--manufacturer-described { border-style: dashed; opacity: .93; }
.evidence-state-card.evidence-state--manufacturer-described > div i { background: transparent; border-style: dashed; }
.evidence-state-card.evidence-state--credibly-reported { border-style: dashed dotted; }
.evidence-state-card.evidence-state--demonstrated-in-testing > div i { border-radius: .25rem; background: linear-gradient(90deg, var(--state-color) 50%, transparent 50%); }
.evidence-state-card.evidence-state--alleged,
.evidence-state-card.evidence-state--operational-status-unspecified,
.evidence-state-card.evidence-state--control-mode-unspecified,
.evidence-state-card.evidence-state--ai-use-not-established { border-style: dotted; }
.evidence-state-card.evidence-state--alleged > div i,
.evidence-state-card.evidence-state--operational-status-unspecified > div i,
.evidence-state-card.evidence-state--control-mode-unspecified > div i,
.evidence-state-card.evidence-state--ai-use-not-established > div i { background: transparent; }
.evidence-state-card.evidence-state--disputed { border-style: double; background-image: repeating-linear-gradient(135deg, rgba(255,122,122,.06) 0 8px, transparent 8px 16px); }
.evidence-state-card.evidence-state--disputed > div i { border-radius: 0; transform: rotate(45deg); background: transparent; }
.evidence-state-card.evidence-state--court-treaty-recorded { border-width: 3px; }
.evidence-state-card.evidence-state--independently-corroborated > div i { border-radius: 0; transform: rotate(45deg); }
.evidence-state-card.evidence-state--operator-described > div i { border-radius: 0; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.evidence-state-card.evidence-state--outdated-or-superseded { opacity: .58; }
.evidence-state-card.evidence-state--outdated-or-superseded h3 { text-decoration: line-through; }

.atlas-system-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.5fr) minmax(190px, .8fr) minmax(190px, .8fr) auto;
  gap: .7rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(5,14,20,.86);
}
.atlas-system-toolbar p { margin: 0 0 .75rem; color: var(--muted); font: 750 .65rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; }

.atlas-function-network {
  display: grid;
  grid-template-columns: repeat(6, minmax(190px, 1fr));
  gap: .6rem;
  overflow-x: auto;
  padding-bottom: .85rem;
}
.atlas-function-network > section {
  position: relative;
  min-height: 340px;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(180deg, rgba(14,31,42,.8), rgba(4,11,16,.88));
}
.atlas-function-network > section:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -.72rem;
  top: 1.25rem;
  z-index: 3;
  color: rgba(92,225,230,.5);
  font: 900 1rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.atlas-function-network__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  padding: .8rem;
  border-bottom: 1px solid var(--line);
}
.atlas-function-network__head > span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(92,225,230,.34);
  border-radius: .5rem;
  color: var(--cyan);
  background: rgba(92,225,230,.06);
  font: 900 .82rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.atlas-function-network__head h3 { margin: 0 0 .25rem; font-size: .92rem; }
.atlas-function-network__head p { margin: 0; color: var(--muted); font-size: .58rem; line-height: 1.4; }
.atlas-function-network__systems { display: grid; gap: .38rem; padding: .65rem; }
.atlas-function-network__systems button {
  width: 100%;
  padding: .48rem .52rem;
  border: 1px solid var(--state-color);
  border-radius: .48rem;
  color: #d7e5ed;
  background: var(--state-bg);
  font-size: .61rem;
  font-weight: 750;
  line-height: 1.28;
  text-align: left;
}
.atlas-function-network__systems button:hover,
.atlas-function-network__systems button.is-selected { box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-color) 26%, transparent); background: color-mix(in srgb, var(--state-color) 12%, rgba(4,11,16,.9)); }
.atlas-function-network__systems .evidence-state--manufacturer-described { border-style: dashed; }
.atlas-function-network__systems .evidence-state--disputed { border-style: double; background-image: repeating-linear-gradient(135deg, rgba(255,122,122,.06) 0 6px, transparent 6px 12px); }

.atlas-system-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .68fr);
  gap: 1rem;
  align-items: start;
  margin-top: 1rem;
}
.atlas-system-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.atlas-system-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  min-height: 310px;
  padding: 1rem;
  border: 1px solid var(--state-color);
  border-radius: .9rem;
  background: linear-gradient(145deg, color-mix(in srgb, var(--state-bg) 70%, rgba(14,30,40,.78)), rgba(4,11,16,.88));
}
.atlas-system-card.evidence-state--manufacturer-described { border-style: dashed; }
.atlas-system-card.evidence-state--disputed { border-style: double; background-image: repeating-linear-gradient(135deg, rgba(255,122,122,.045) 0 8px, transparent 8px 16px); }
.atlas-system-card.is-selected { box-shadow: 0 0 0 2px color-mix(in srgb, var(--state-color) 30%, transparent), var(--shadow-small); }
.atlas-system-card__meta { display: flex; justify-content: space-between; color: var(--state-color); font: 800 .56rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.atlas-system-card h3 { margin: 0; font-size: 1.25rem; }
.atlas-system-card .kicker { margin: 0; font-size: .6rem; }
.atlas-system-card p:not(.kicker) { color: #b9cad4; font-size: .76rem; line-height: 1.52; }
.atlas-system-card__function { margin-top: auto; padding: .52rem .6rem; border-left: 2px solid var(--state-color); color: var(--muted-strong); background: rgba(255,255,255,.018); font: 700 .59rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; }
.atlas-system-card .button-row { margin-top: .1rem; }
.button.is-added { color: #061317; border-color: var(--green); background: var(--green); }

.atlas-timeline-controls {
  display: grid;
  grid-template-columns: auto auto minmax(260px, 1fr) minmax(170px, .4fr) auto;
  gap: .75rem;
  align-items: center;
  margin-bottom: .8rem;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(5,14,20,.86);
}
.atlas-timeline-controls label { margin: 0; white-space: nowrap; }
.atlas-timeline-controls output { color: var(--cyan); }
.atlas-timeline-controls input[type="range"] { width: 100%; accent-color: var(--cyan); }
.atlas-timeline-controls > span { color: var(--muted); font: 750 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.atlas-timeline-scale { display: grid; grid-template-columns: repeat(10, minmax(52px, 1fr)); gap: .35rem; margin-bottom: 1.25rem; }
.atlas-timeline-scale button {
  padding: .42rem .3rem;
  border: 1px solid var(--line);
  border-radius: .45rem;
  color: var(--muted);
  background: rgba(255,255,255,.018);
  font: 750 .58rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.atlas-timeline-scale button.is-active,
.atlas-timeline-scale button:hover { color: #061317; border-color: var(--cyan); background: var(--cyan); }
.atlas-timeline-list { position: relative; display: grid; gap: .7rem; }
.atlas-timeline-list::before { content: ""; position: absolute; left: 7.9rem; top: .5rem; bottom: .5rem; width: 1px; background: linear-gradient(var(--cyan), var(--blue), var(--violet), var(--danger)); opacity: .28; }
.atlas-timeline-event {
  position: relative;
  display: grid;
  grid-template-columns: 7.15rem 1fr;
  gap: 1.55rem;
  align-items: start;
}
.atlas-timeline-event::before {
  content: "";
  position: absolute;
  left: 7.53rem;
  top: 1.1rem;
  width: .74rem;
  height: .74rem;
  border: 2px solid var(--state-color);
  border-radius: 50%;
  background: var(--bg);
  box-shadow: 0 0 14px color-mix(in srgb, var(--state-color) 35%, transparent);
}
.atlas-timeline-event.evidence-state--manufacturer-described::before { background: transparent; border-style: dashed; }
.atlas-timeline-event.evidence-state--disputed::before { border-radius: 0; transform: rotate(45deg); background: transparent; }
.atlas-timeline-event time { padding-top: .8rem; color: var(--state-color); font: 800 .65rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.atlas-timeline-event > div { padding: .9rem 1rem; border: 1px solid var(--state-color); border-radius: .82rem; background: linear-gradient(145deg, var(--state-bg), rgba(5,13,18,.88)); }
.atlas-timeline-event.evidence-state--manufacturer-described > div { border-style: dashed; }
.atlas-timeline-event.evidence-state--disputed > div { border-style: double; background-image: repeating-linear-gradient(135deg, rgba(255,122,122,.045) 0 8px, transparent 8px 16px); }
.atlas-timeline-event h3 { margin: .4rem 0; font-size: 1rem; }
.atlas-timeline-event p { margin: 0; color: #b9cad4; font-size: .76rem; }
.atlas-timeline-event__meta { display: flex; flex-wrap: wrap; gap: .35rem; }
.atlas-timeline-event__meta span { padding: .25rem .38rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font: 750 .5rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.atlas-timeline-event .source-links { margin-top: .65rem; padding-top: .65rem; }

.atlas-compare-shell { overflow: hidden; }
.atlas-compare-selection {
  display: grid;
  grid-template-columns: minmax(210px, .6fr) 1fr auto;
  gap: .8rem;
  align-items: center;
  padding: .9rem;
  border-bottom: 1px solid var(--line);
}
.atlas-compare-selection > div:first-child { display: grid; }
.atlas-compare-selection strong { color: var(--cyan); font: 850 .76rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.atlas-compare-selection span { color: var(--muted); font-size: .64rem; }
.atlas-compare-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.atlas-compare-chips > span { display: inline-flex; align-items: center; gap: .36rem; padding: .34rem .38rem .34rem .52rem; border: 1px solid rgba(92,225,230,.25); border-radius: 999px; background: rgba(92,225,230,.045); }
.atlas-compare-chips strong { color: #dff7fa; font-size: .61rem; }
.atlas-compare-chips button { display: grid; place-items: center; width: 1.25rem; height: 1.25rem; padding: 0; border: 0; border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.06); }
.atlas-compare-chips button:hover { color: #fff; background: rgba(255,122,122,.22); }
.atlas-compare-empty { padding: 3rem 1.5rem; text-align: center; }
.atlas-compare-empty > span { display: block; margin-bottom: .8rem; color: var(--cyan); font-size: 3rem; line-height: 1; }
.atlas-compare-empty h3 { font-size: 1.4rem; }
.atlas-compare-empty p { max-width: 60ch; margin: 0 auto; color: var(--muted); }
.atlas-compare-table { border: 0; border-radius: 0; box-shadow: none; }
.atlas-compare-table table { min-width: 860px; }
.atlas-compare-table tbody th { position: static; min-width: 190px; color: var(--cyan); background: rgba(13,29,39,.75); }
.atlas-compare-table td { min-width: 210px; font-size: .78rem; }

.atlas-explainer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.atlas-explainer {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(15,32,43,.82), rgba(4,11,16,.9));
  box-shadow: var(--shadow-small);
}
.atlas-explainer h3 { font-size: 1.25rem; }
.atlas-explainer > p:not(.kicker):not(.atlas-explainer__result) { color: var(--muted); font-size: .78rem; }
.atlas-explainer__result { min-height: 82px; margin: .9rem 0 0; padding: .75rem; border-left: 2px solid var(--cyan); color: #c9dce6; background: rgba(92,225,230,.04); font-size: .75rem; }
.atlas-explainer__result strong,
.atlas-explainer__result span { display: block; }
.atlas-explainer__result strong { margin-bottom: .35rem; color: var(--cyan); }

.autonomy-toggle-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; }
.autonomy-toggle-row button { min-height: 76px; padding: .55rem; border: 1px solid var(--line); border-radius: .62rem; color: var(--muted); background: rgba(255,255,255,.018); text-align: left; }
.autonomy-toggle-row button span,
.autonomy-toggle-row button small { display: block; }
.autonomy-toggle-row button span { color: #dceaf1; font-size: .69rem; font-weight: 800; }
.autonomy-toggle-row button small { margin-top: .28rem; color: var(--muted); font-size: .55rem; }
.autonomy-toggle-row button.is-on { border-color: rgba(92,225,230,.42); background: rgba(92,225,230,.07); box-shadow: inset 0 -2px var(--cyan); }
.autonomy-toggle-row button[data-autonomy-toggle="engagement"].is-on { border-color: rgba(255,122,122,.45); background: rgba(255,122,122,.07); box-shadow: inset 0 -2px var(--danger); }
.autonomy-flow { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: .28rem; margin-top: .85rem; }
.autonomy-flow span { display: grid; place-items: center; min-height: 42px; padding: .35rem; border: 1px solid rgba(92,225,230,.28); border-radius: .42rem; color: #bde8ea; background: rgba(92,225,230,.045); font: 800 .49rem/1.15 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.autonomy-flow i { height: 1px; background: linear-gradient(90deg, var(--cyan), rgba(92,225,230,.18)); }
.autonomy-flow .is-human { border-color: rgba(122,230,178,.45); color: var(--green); background: rgba(122,230,178,.06); }
.autonomy-flow .is-machine { border-color: rgba(255,122,122,.5); color: var(--danger); background: rgba(255,122,122,.06); }

.atlas-explainer input[type="range"] { width: 100%; margin: .3rem 0 1rem; accent-color: var(--cyan); }
.control-orbit { position: relative; display: grid; place-items: center; width: 220px; height: 150px; margin: 0 auto; }
.control-orbit > span { display: grid; place-items: center; width: 74px; height: 74px; border: 1px solid rgba(126,166,255,.35); border-radius: 50%; color: var(--blue); background: rgba(126,166,255,.07); font: 850 .55rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.control-orbit > i { position: absolute; inset: 19px 53px; border: 2px solid var(--green); border-radius: 50%; transition: inset .2s ease, border-style .2s ease, opacity .2s ease, filter .2s ease; }
.control-orbit > strong { position: absolute; right: 3px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid var(--green); border-radius: 50%; color: var(--green); background: rgba(122,230,178,.08); font: 850 .48rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.control-orbit > i.is-advisory { inset: 33px 69px; border-style: dotted; opacity: .45; }
.control-orbit > i.is-hitl { inset: 19px 53px; border-style: solid; }
.control-orbit > i.is-hotl { inset: 10px 35px; border-style: dashed; }
.control-orbit > i.is-hootl { inset: 2px 15px; border-color: var(--danger); border-style: dotted; opacity: .42; }
.control-orbit > i.is-unknown { inset: 12px 31px; border-color: var(--violet); border-style: dotted; filter: blur(2px); opacity: .68; }
.control-spectrum-labels { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .2rem; color: var(--muted); font: 650 .47rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }

.killweb-diagram { position: relative; min-height: 230px; margin-top: .8rem; border: 1px solid var(--line); border-radius: .75rem; background: radial-gradient(circle at 50% 50%, rgba(92,225,230,.045), transparent 60%), rgba(0,0,0,.18); }
.killweb-diagram span { position: absolute; z-index: 2; display: grid; place-items: center; width: 72px; height: 42px; border: 1px solid rgba(92,225,230,.34); border-radius: .5rem; color: #c8e9eb; background: #07151d; font: 750 .52rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; transition: opacity .2s ease, transform .2s ease, border-color .2s ease; }
.killweb-diagram i { position: absolute; z-index: 1; height: 2px; transform-origin: left center; background: linear-gradient(90deg, var(--cyan), rgba(92,225,230,.16)); transition: opacity .2s ease, background .2s ease; }
.killweb-diagram .node-a { left: 6%; top: 43%; }
.killweb-diagram .node-b { left: 33%; top: 43%; }
.killweb-diagram .node-c { left: 59%; top: 43%; }
.killweb-diagram .node-d { right: 5%; top: 43%; }
.killweb-diagram .node-e { left: 7%; top: 9%; }
.killweb-diagram .node-f { left: 56%; top: 9%; }
.killweb-diagram .edge-ab { left: 22%; top: 52%; width: 12%; }
.killweb-diagram .edge-bc { left: 49%; top: 52%; width: 11%; }
.killweb-diagram .edge-cd { left: 75%; top: 52%; width: 11%; }
.killweb-diagram .edge-eb { left: 21%; top: 24%; width: 25%; transform: rotate(42deg); }
.killweb-diagram .edge-ef { left: 22%; top: 18%; width: 35%; }
.killweb-diagram .edge-fd { left: 71%; top: 26%; width: 20%; transform: rotate(32deg); }
.killweb-diagram.is-chain .node-e,
.killweb-diagram.is-chain .node-f,
.killweb-diagram.is-chain .edge-eb,
.killweb-diagram.is-chain .edge-ef,
.killweb-diagram.is-chain .edge-fd { opacity: .14; }
.killweb-diagram.is-broken .node-b { border-color: var(--danger); transform: scale(.88); opacity: .5; }
.killweb-diagram.is-broken .edge-ab,
.killweb-diagram.is-broken .edge-bc { background: repeating-linear-gradient(90deg, var(--danger) 0 8px, transparent 8px 15px); opacity: .35; }
.killweb-diagram.is-web.is-broken .node-e,
.killweb-diagram.is-web.is-broken .node-f,
.killweb-diagram.is-web.is-broken .edge-ef,
.killweb-diagram.is-web.is-broken .edge-fd { opacity: 1; }
.killweb-diagram.is-web.is-broken .edge-ef,
.killweb-diagram.is-web.is-broken .edge-fd { background: linear-gradient(90deg, var(--green), rgba(122,230,178,.2)); box-shadow: 0 0 8px rgba(122,230,178,.3); }

@media (max-width: 1380px) {
  .atlas-toolbar { grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(150px, .75fr)); }
  .atlas-toolbar > div:nth-child(5), .atlas-toolbar > div:nth-child(6) { grid-column: span 1; }
  .atlas-checkbox { grid-column: span 2; }
  .atlas-toolbar__actions { grid-column: span 2; }
  .atlas-toolbar__status { grid-column: span 2; }
  .atlas-toolbar__share-status { grid-column: span 2; }
  .evidence-state-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
  .atlas-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-workspace,
  .atlas-system-workspace { grid-template-columns: 1fr; }
  .atlas-country-detail,
  .atlas-system-detail { position: static; }
  .atlas-map { min-height: 520px; }
  .atlas-system-detail { order: -1; }
  .atlas-explainer-grid { grid-template-columns: 1fr; }
  .atlas-explainer { max-width: none; }
  .atlas-timeline-controls { grid-template-columns: auto auto 1fr; }
  .atlas-timeline-controls select,
  .atlas-timeline-controls > span { grid-column: span 1; }
  .atlas-compare-selection { grid-template-columns: 1fr auto; }
  .atlas-compare-chips { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 820px) {
  .atlas-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-toolbar__search { grid-column: 1 / -1; }
  .atlas-checkbox,
  .atlas-toolbar__actions,
  .atlas-toolbar__status,
  .atlas-toolbar__share-status { grid-column: 1 / -1; }
  .atlas-toolbar__actions { justify-content: flex-start; }
  .atlas-toolbar__share-status { text-align: left; }
  .atlas-map { min-height: 650px; }
  .atlas-map-node { min-width: 98px; max-width: 130px; padding: .4rem .45rem; }
  .atlas-map-node strong { font-size: .58rem; }
  .atlas-map-node small { display: none; }
  .atlas-detail-grid { grid-template-columns: 1fr; }
  .atlas-detail-grid__unknown { grid-column: auto; }
  .evidence-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .atlas-system-toolbar { grid-template-columns: 1fr 1fr; }
  .atlas-system-toolbar > div:first-child { grid-column: 1 / -1; }
  .atlas-system-toolbar p { margin: 0; align-self: center; }
  .atlas-system-card-grid { grid-template-columns: 1fr; }
  .atlas-timeline-controls { grid-template-columns: 1fr; }
  .atlas-timeline-controls label { white-space: normal; }
  .atlas-timeline-scale { grid-template-columns: repeat(5, minmax(52px, 1fr)); }
  .atlas-timeline-list::before { left: .55rem; }
  .atlas-timeline-event { grid-template-columns: 1fr; gap: .35rem; padding-left: 1.6rem; }
  .atlas-timeline-event::before { left: .19rem; top: .65rem; }
  .atlas-timeline-event time { padding: 0; text-align: left; }
  .atlas-compare-selection { grid-template-columns: 1fr; }
  .atlas-compare-chips { grid-column: auto; grid-row: auto; }
  .control-orbit { width: 200px; }
}

@media (max-width: 560px) {
  .atlas-stat-grid,
  .evidence-state-grid { grid-template-columns: 1fr; }
  .atlas-toolbar,
  .atlas-system-toolbar { grid-template-columns: 1fr; }
  .atlas-toolbar > *,
  .atlas-system-toolbar > * { grid-column: auto !important; }
  .atlas-map { min-height: 760px; }
  .atlas-map-node { min-width: 86px; max-width: 112px; }
  .atlas-map-node > span { width: .62rem; height: .62rem; }
  .atlas-map-node strong { font-size: .52rem; }
  .atlas-map__disclaimer { left: .5rem; right: auto; max-width: calc(100% - 1rem); }
  .atlas-map-legend { display: grid; }
  .atlas-detail__topline { display: grid; }
  .atlas-accessible-table { margin-inline: -.25rem; }
  .autonomy-toggle-row { grid-template-columns: 1fr; }
  .autonomy-flow { grid-template-columns: 1fr; }
  .autonomy-flow i { width: 1px; height: 16px; margin: 0 auto; background: linear-gradient(var(--cyan), rgba(92,225,230,.18)); }
  .control-spectrum-labels { display: none; }
  .killweb-diagram { min-height: 290px; }
  .killweb-diagram .node-a { left: 4%; top: 43%; }
  .killweb-diagram .node-b { left: 29%; top: 43%; }
  .killweb-diagram .node-c { left: 54%; top: 43%; }
  .killweb-diagram .node-d { right: 2%; top: 43%; }
  .killweb-diagram span { width: 61px; font-size: .46rem; }
}

html[data-motion="reduced"] .atlas-map-node,
html[data-motion="reduced"] .control-orbit > i,
html[data-motion="reduced"] .killweb-diagram span,
html[data-motion="reduced"] .killweb-diagram i { transition: none; }

@media print {
  .atlas-page .site-header,
  .atlas-page .boundary-banner,
  .atlas-toolbar,
  .atlas-system-toolbar,
  .atlas-timeline-controls,
  .atlas-timeline-scale,
  .atlas-map-card,
  .atlas-function-network,
  .atlas-explainer-grid .button-row,
  .atlas-page .button,
  .atlas-page .site-footer { display: none !important; }
  .atlas-page { color: #111; background: #fff; }
  .atlas-page::before,
  .atlas-page::after { display: none; }
  .atlas-page .page-hero,
  .atlas-page .section { border-color: #bbb; background: #fff; }
  .atlas-workspace,
  .atlas-system-workspace { display: block; }
  .atlas-country-detail,
  .atlas-system-detail,
  .atlas-accessible-table,
  .atlas-compare-shell,
  .evidence-state-card,
  .atlas-system-card,
  .atlas-timeline-event > div { color: #111; border-color: #888; background: #fff; box-shadow: none; }
  .atlas-enhanced [data-country-detail],
  .atlas-enhanced [data-system-detail] { display: block !important; break-inside: avoid; margin-bottom: 1rem; }
  .atlas-accessible-table { display: block; }
  .atlas-page table { color: #111; background: #fff; }
  .atlas-page th { position: static; color: #111; background: #eee; }
  .atlas-page td { color: #222; }
  .atlas-timeline-list::before { background: #888; }
}

/* ========================================================================== 
   v1.3 Human Control Lab
   ========================================================================== */
.human-control-page {
  --lab-cyan: #75edf0;
  --lab-blue: #8aaeff;
  --lab-violet: #c19bff;
  --lab-amber: #ffd27b;
  --lab-rose: #ff809a;
}
.human-control-page .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 8% 30%, rgba(92,225,230,.12), transparent 24rem),
    linear-gradient(112deg, transparent 45%, rgba(126,166,255,.045) 45.15%, transparent 45.3%);
}
.human-control-primer { padding-top: clamp(2.8rem, 5vw, 5rem); }
.control-thesis {
  display: grid;
  grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr);
  gap: clamp(1.5rem,4vw,4.5rem);
  align-items: start;
  margin-bottom: 1.3rem;
}
.control-thesis > p { color: var(--muted-strong); font-size: clamp(1.02rem,1.55vw,1.22rem); }
.control-thesis strong { color: var(--lab-cyan); }
.control-lab-nav {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: .52rem;
  margin-top: 1.2rem;
}
.control-lab-nav a {
  min-width: 0;
  padding: .78rem .7rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  color: #c9d9e3;
  background: linear-gradient(145deg,rgba(15,32,43,.72),rgba(5,12,17,.84));
  font: 760 .68rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-decoration: none;
  transition: transform .16s ease,border-color .16s ease,background .16s ease;
}
.control-lab-nav a span { display: block; margin-bottom: .35rem; color: var(--lab-cyan); font-size: .54rem; }
.control-lab-nav a:hover { transform: translateY(-2px); border-color: rgba(92,225,230,.4); background: rgba(92,225,230,.07); }
.control-mode-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: .72rem;
}
.control-mode-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(150deg,rgba(14,30,41,.88),rgba(4,10,15,.9));
  box-shadow: var(--shadow-small);
}
.control-mode-card h3 { min-height: 5.7em; font-size: 1rem; line-height: 1.25; }
.control-mode-card dl { display: grid; gap: .72rem; margin: .9rem 0 0; }
.control-mode-card dl div { padding-top: .68rem; border-top: 1px solid var(--line); }
.control-mode-card dt { color: var(--lab-cyan); font: 780 .58rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; }
.control-mode-card dd { margin: .32rem 0 0; color: var(--muted); font-size: .73rem; line-height: 1.48; }

.control-lab-module { scroll-margin-top: calc(var(--header-height) + 1rem); }
.lab-heading {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,.65fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 1.6rem;
}
.lab-heading > p { color: var(--muted); font-size: 1rem; }
.lab-shell {
  overflow: hidden;
  border: 1px solid rgba(154,196,220,.24);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 15% 0%,rgba(92,225,230,.055),transparent 28rem),
    linear-gradient(145deg,rgba(9,22,31,.96),rgba(3,8,12,.97));
  box-shadow: var(--shadow);
}
.lab-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .52rem; }
.lab-caption { margin: .7rem 0 0; color: var(--muted); font-size: .68rem; }
.lab-result {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  align-items: center;
  margin: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(122,230,178,.28);
  border-radius: .92rem;
  background: linear-gradient(125deg,rgba(122,230,178,.085),rgba(92,225,230,.025));
}
.lab-result h3 { margin-bottom: .35rem; color: #dffff0; font-size: 1.18rem; }
.lab-result p:last-child { margin: 0; color: #b9d5ca; font-size: .78rem; }
.lab-learning-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: .72rem;
  margin: 1rem 0;
}
.lab-learning-grid article,.evidence-lab-note {
  padding: .92rem 1rem;
  border: 1px solid var(--line);
  border-radius: .82rem;
  background: rgba(255,255,255,.018);
}
.lab-learning-grid h3,.evidence-lab-note h3 { font-size: 1rem; }
.lab-learning-grid p,.evidence-lab-note p { margin: 0; color: var(--muted); font-size: .74rem; }

/* Algorithmic Gatekeeper */
.gatekeeper-lab { padding: 1rem; }
.gatekeeper-status {
  margin: .75rem 0;
  padding: .65rem .8rem;
  border-left: 2px solid var(--lab-cyan);
  color: #c8dbe4;
  background: rgba(92,225,230,.035);
  font-size: .78rem;
}
.gatekeeper-layout {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr);
  gap: .9rem;
}
.gatekeeper-wall {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: .25rem;
  min-height: 390px;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background:
    linear-gradient(rgba(92,225,230,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,225,230,.025) 1px,transparent 1px),
    rgba(0,0,0,.2);
  background-size: 30px 30px;
  align-content: stretch;
}
.gatekeeper-chip {
  position: relative;
  min-width: 0;
  min-height: 38px;
  padding: .25rem;
  overflow: hidden;
  border: 1px solid rgba(126,166,255,.16);
  border-radius: .34rem;
  color: #7894a5;
  background: rgba(126,166,255,.025);
  font: 700 .48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  transition: opacity .18s ease,transform .18s ease,border-color .18s ease,background .18s ease;
}
.gatekeeper-chip::before {
  content: "";
  position: absolute;
  inset: 5px 6px auto;
  height: 1px;
  background: linear-gradient(90deg,transparent,var(--lab-blue),transparent);
  opacity: .28;
}
.gatekeeper-chip i { position: absolute; right: 4px; bottom: 4px; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.gatekeeper-chip:hover,.gatekeeper-chip:focus-visible { z-index: 2; transform: scale(1.08); border-color: rgba(92,225,230,.55); color: #dffbfc; }
.gatekeeper-chip.is-selected { border-color: var(--lab-cyan); color: var(--lab-cyan); background: rgba(92,225,230,.12); box-shadow: 0 0 12px rgba(92,225,230,.14); }
.gatekeeper-chip.is-scanning { animation: gatekeeper-flicker 1.7s steps(2,end) infinite; }
.gatekeeper-chip:nth-child(5n).is-scanning { animation-delay: .3s; }
.gatekeeper-chip:nth-child(7n).is-scanning { animation-delay: .75s; }
.gatekeeper-chip.is-machine-promoted { border-color: rgba(255,210,123,.48); color: var(--lab-amber); background: rgba(255,201,107,.075); }
.gatekeeper-chip.is-revealed-hidden { opacity: .32; border-style: dotted; color: #8c7fa5; background: rgba(185,135,255,.035); }
.gatekeeper-chip.is-actual-anomaly { opacity: 1; border-color: var(--lab-rose); border-style: solid; color: #ffe0e6; background: rgba(255,107,138,.13); box-shadow: inset 0 0 0 1px rgba(255,107,138,.2),0 0 10px rgba(255,107,138,.13); }
@keyframes gatekeeper-flicker { 0%,100%{opacity:.55} 50%{opacity:1} }
.gatekeeper-console {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(7,16,23,.83);
}
.gatekeeper-console > label { display: flex; justify-content: space-between; gap: .5rem; color: #cce0e8; font-size: .74rem; }
.gatekeeper-console output { color: var(--lab-cyan); font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.gatekeeper-console input[type="range"] { width: 100%; margin: .4rem 0 1rem; accent-color: var(--lab-cyan); }
.gatekeeper-switches { display: grid; gap: .48rem; }
.gatekeeper-switches label { display: flex; align-items: flex-start; gap: .48rem; color: var(--muted); font-size: .7rem; }
.gatekeeper-switches input { margin-top: .2rem; accent-color: var(--lab-cyan); }
.gatekeeper-metrics {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .45rem;
  margin-top: 1rem;
}
.gatekeeper-metrics div { padding: .6rem; border: 1px solid var(--line); border-radius: .55rem; background: rgba(255,255,255,.018); }
.gatekeeper-metrics strong,.gatekeeper-metrics span { display: block; }
.gatekeeper-metrics strong { color: var(--lab-cyan); font: 850 1.15rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.gatekeeper-metrics span { margin-top: .25rem; color: var(--muted); font-size: .55rem; text-transform: uppercase; }
.gatekeeper-console blockquote { margin: 1rem 0 0; padding: .7rem 0 .7rem .8rem; border-left: 2px solid var(--lab-violet); color: #d9cdf0; font-size: .78rem; }

/* 90 Seconds */
.speed-lab { padding: 1rem; }
.speed-policy-envelope {
  display: grid;
  grid-template-columns: minmax(230px,1.2fr) repeat(3,minmax(160px,.7fr));
  gap: .7rem;
  align-items: end;
  margin-bottom: .8rem;
  padding: .85rem;
  border: 1px solid rgba(185,135,255,.22);
  border-radius: .82rem;
  background: rgba(185,135,255,.035);
}
.speed-policy-envelope h3 { font-size: 1rem; }
.speed-policy-envelope label,.planning-grid label,.authority-assignment label,.case-filter label {
  display: grid;
  gap: .32rem;
  color: var(--muted);
  font-size: .66rem;
  font-weight: 730;
}
.speed-policy-envelope select,.planning-grid select,.authority-assignment select,.case-filter select,.case-filter input {
  width: 100%;
  min-height: 42px;
  padding: .52rem .58rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
  color: #dce9ef;
  background: #0a1720;
  font-size: .68rem;
}
.speed-lab > .lab-toolbar { margin-bottom: .8rem; }
.speed-lab > .lab-toolbar .mono { margin-left: auto; color: var(--lab-amber); font-size: .68rem; }
.speed-mode-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.speed-mode {
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(0,0,0,.16);
  transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.speed-mode.is-running { border-color: rgba(92,225,230,.38); box-shadow: 0 0 22px rgba(92,225,230,.06); }
.speed-mode.is-complete { border-color: rgba(122,230,178,.38); }
.speed-mode.is-stalled { border-color: rgba(255,201,107,.42); }
.speed-mode__top { display: flex; justify-content: space-between; gap: .6rem; align-items: start; }
.speed-mode__top h3 { font-size: 1.06rem; }
.speed-mode__top > strong { color: var(--lab-cyan); font: 850 .7rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.speed-mode > p { min-height: 4.7em; color: var(--muted); font-size: .7rem; }
.speed-stage-list { display: grid; gap: .28rem; margin: .7rem 0; padding: 0; list-style: none; }
.speed-stage-list li { display: flex; align-items: center; gap: .45rem; margin: 0; padding: .32rem .45rem; border: 1px solid rgba(154,196,220,.1); border-radius: .36rem; color: #718795; font: 720 .56rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.speed-stage-list li span { width: .42rem; height: .42rem; border: 1px solid currentColor; border-radius: 50%; }
.speed-stage-list li.is-active { color: var(--lab-amber); border-color: rgba(255,201,107,.28); background: rgba(255,201,107,.045); }
.speed-stage-list li.is-active span { background: currentColor; box-shadow: 0 0 8px currentColor; }
.speed-stage-list li.is-complete { color: var(--green); }
.speed-stage-list li.is-complete span { background: currentColor; }
.speed-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .42rem; margin: 0; }
.speed-metrics div { min-width: 0; padding: .48rem; border: 1px solid var(--line); border-radius: .42rem; }
.speed-metrics dt { color: var(--muted); font: 700 .5rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; }
.speed-metrics dd { margin: .28rem 0 0; color: #d5e3e9; font-size: .62rem; line-height: 1.35; }
.decision-window {
  display: grid;
  grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr);
  gap: 1rem;
  margin-top: .75rem;
  padding: .85rem;
  border: 1px solid rgba(255,201,107,.2);
  border-radius: .82rem;
  background: linear-gradient(100deg,rgba(255,201,107,.05),transparent);
}
.decision-window h3 { font-size: 1.05rem; }
.decision-window p:last-child { margin: 0; color: var(--muted); font-size: .7rem; }
.decision-window__meters { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; }
.decision-window__meters label { display: grid; gap: .25rem; color: var(--muted); font-size: .58rem; }
.decision-window meter,.meaningful-control-grid meter { width: 100%; height: .65rem; accent-color: var(--lab-cyan); }

/* Lost Link */
.lost-link-lab { padding: 1rem; }
.lost-link-layout { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: .85rem; }
.link-console,.lost-link-policy { padding: .9rem; border: 1px solid var(--line); border-radius: .85rem; background: rgba(0,0,0,.16); }
.link-signal { display: grid; grid-template-columns: auto 1fr; gap: .18rem .65rem; align-items: center; margin-bottom: 1rem; }
.link-signal > span { grid-row: 1 / 3; display: flex; align-items: end; gap: .18rem; height: 42px; }
.link-signal > span i { width: 7px; border-radius: 2px 2px 0 0; background: var(--green); box-shadow: 0 0 7px rgba(122,230,178,.2); transition: height .25s ease,opacity .25s ease,background .25s ease; }
.link-signal > span i:nth-child(1){height:20%}.link-signal > span i:nth-child(2){height:40%}.link-signal > span i:nth-child(3){height:60%}.link-signal > span i:nth-child(4){height:80%}.link-signal > span i:nth-child(5){height:100%}
.link-signal > span.is-degraded i:nth-child(n+4){opacity:.18}.link-signal > span.is-degraded i{background:var(--lab-amber)}
.link-signal > span.is-critical i:nth-child(n+3){opacity:.12}.link-signal > span.is-critical i{background:var(--lab-rose)}
.link-signal > span.is-lost i{height:4px;opacity:.16;background:var(--danger)}
.link-signal > span.is-restored i{background:var(--green);opacity:1}
.link-signal strong { font-size: .92rem; }
.link-signal small { color: var(--muted); font-size: .65rem; }
.bandwidth-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; }
.bandwidth-options label { display: flex; gap: .48rem; align-items: start; padding: .5rem; border: 1px solid var(--line); border-radius: .48rem; background: rgba(255,255,255,.015); }
.bandwidth-options input { margin-top: .2rem; accent-color: var(--lab-cyan); }
.bandwidth-options span,.bandwidth-options strong,.bandwidth-options small { display: block; }
.bandwidth-options strong { color: #d7e5eb; font-size: .65rem; }
.bandwidth-options small { color: var(--muted); font-size: .52rem; }
.bandwidth-meter { height: .42rem; margin-top: .75rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.06); }
.bandwidth-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--lab-cyan),var(--lab-amber),var(--lab-rose)); transition: width .2s ease; }
[data-bandwidth-status].is-warning { color: var(--lab-amber); }
.lost-link-policy fieldset { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; margin: .75rem 0; padding: 0; border: 0; }
.lost-link-policy fieldset label { display: flex; gap: .45rem; align-items: start; min-height: 54px; padding: .55rem; border: 1px solid var(--line); border-radius: .5rem; color: #cbd9e0; background: rgba(255,255,255,.015); font-size: .65rem; }
.lost-link-policy fieldset input { margin-top: .18rem; accent-color: var(--lab-cyan); }
.authority-token-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .38rem; margin: .8rem 0; }
.authority-token-grid > span { position: relative; min-height: 62px; padding: .5rem; border: 1px solid rgba(122,230,178,.24); border-radius: .48rem; color: #d3e6dc; background: rgba(122,230,178,.035); font-size: .58rem; transition: border-color .2s ease,background .2s ease; }
.authority-token-grid > span i { display: block; width: .42rem; height: .42rem; margin-bottom: .35rem; border-radius: 50%; background: var(--green); }
.authority-token-grid > span small { display: block; margin-top: .32rem; color: var(--muted); font-size: .48rem; text-transform: uppercase; }
.authority-token-grid > span.is-machine { border-color: rgba(126,166,255,.38); background: rgba(126,166,255,.07); }
.authority-token-grid > span.is-machine i { background: var(--lab-blue); }
.authority-token-grid > span.is-locked { border-style: double; border-color: rgba(255,201,107,.42); }
.authority-token-grid > span.is-locked i { border-radius: 0; background: var(--lab-amber); transform: rotate(45deg); }
.link-ledger { display: grid; gap: .38rem; margin-top: .8rem; }
.link-ledger p { display: grid; grid-template-columns: 2.2rem minmax(160px,.4fr) 1fr; gap: .65rem; align-items: center; margin: 0; padding: .55rem .65rem; border: 1px solid var(--line); border-radius: .48rem; background: rgba(255,255,255,.014); }
.link-ledger span { color: var(--lab-cyan); font: 800 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.link-ledger strong { font-size: .68rem; }
.link-ledger small { color: var(--muted); font-size: .62rem; }

/* Rubber Stamp */
.rubber-stamp-lab { padding: 1rem; }
.rubber-controls { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; margin-bottom: .7rem; padding: .7rem; border: 1px solid var(--line); border-radius: .72rem; background: rgba(255,255,255,.015); }
.rubber-controls .kicker { flex-basis: 100%; margin: 0; }
.rubber-controls label { display: flex; gap: .38rem; align-items: center; padding: .35rem .48rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .59rem; }
.rubber-controls input { accent-color: var(--lab-cyan); }
.approval-workspace { display: grid; grid-template-columns: minmax(210px,.35fr) minmax(0,1fr); gap: .7rem; }
.approval-queue-rail,.recommendation-card { padding: .85rem; border: 1px solid var(--line); border-radius: .82rem; background: rgba(0,0,0,.17); }
.approval-queue-rail > div:first-child { display: flex; justify-content: space-between; align-items: start; }
.approval-queue-rail > div:first-child strong { color: var(--lab-cyan); font: 850 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.approval-pressure { height: .34rem; overflow: hidden; margin: .55rem 0; border-radius: 999px; background: rgba(255,255,255,.055); }
.approval-pressure span { display: block; height: 100%; background: linear-gradient(90deg,var(--lab-cyan),var(--lab-amber),var(--lab-rose)); transition: width .2s ease; }
.approval-queue-rail > p { color: var(--muted); font-size: .62rem; }
.approval-queue-rail ol { display: grid; gap: .28rem; max-height: 360px; margin: 0; padding: 0; overflow: auto; list-style: none; }
.approval-queue-rail li { margin: 0; padding: .4rem .48rem; border-left: 2px solid var(--line-strong); color: #6f8491; background: rgba(255,255,255,.012); font: 700 .54rem/1.25 ui-monospace,SFMono-Regular,Menlo,monospace; }
.approval-queue-rail li.is-current { color: var(--lab-amber); border-color: var(--lab-amber); background: rgba(255,201,107,.04); }
.approval-queue-rail li.is-complete { color: var(--green); border-color: var(--green); }
.recommendation-card { position: relative; min-height: 390px; }
.recommendation-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: .82rem 0 0 .82rem; background: var(--lab-blue); opacity: .7; }
.recommendation-card.contradictions-first::before { background: var(--lab-rose); }
.recommendation-card.minimum-review { box-shadow: inset 0 0 0 1px rgba(122,230,178,.2); }
.recommendation-card__top { display: flex; justify-content: space-between; gap: .5rem; }
.recommendation-card__top span { color: var(--lab-blue); font: 800 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; }
.recommendation-card__top strong { color: var(--lab-amber); font: 850 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.recommendation-card__top strong.is-hidden-until-review { color: var(--muted); }
.recommendation-card > h3 { margin-top: 1rem; font-size: 1.55rem; }
.recommendation-card > p { color: var(--muted-strong); }
.recommendation-evidence { margin: .8rem 0; padding: .7rem; border: 1px solid rgba(92,225,230,.2); border-radius: .6rem; background: rgba(92,225,230,.035); }
.recommendation-evidence dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; margin: 0; }
.recommendation-evidence div { padding: .45rem; border: 1px solid var(--line); border-radius: .4rem; }
.recommendation-evidence dt { color: var(--muted); font-size: .55rem; }
.recommendation-evidence dd { margin: .2rem 0 0; color: #e0edf2; font-size: .68rem; }
.meaningful-control-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .4rem; margin-top: .7rem; }
.meaningful-control-grid > div { padding: .5rem; border: 1px solid var(--line); border-radius: .48rem; background: rgba(255,255,255,.014); }
.meaningful-control-grid span,.meaningful-control-grid strong { display: block; }
.meaningful-control-grid span { min-height: 2.4em; color: var(--muted); font-size: .54rem; }
.meaningful-control-grid strong { margin-top: .28rem; color: var(--lab-cyan); font: 780 .55rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.evidence-lab-note { display: grid; grid-template-columns: minmax(220px,.45fr) 1fr; gap: 1rem; align-items: center; margin: 1rem 0; border-color: rgba(185,135,255,.2); background: rgba(185,135,255,.03); }

/* Accountability */
.accountability-lab { padding: 1rem; }
.final-action-panel { padding: 1rem; border: 1px solid var(--line); border-radius: .82rem; background: rgba(0,0,0,.17); text-align: center; }
.final-action-sequence { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; gap: .32rem; align-items: center; margin-bottom: 1rem; }
.final-action-sequence span { display: grid; place-items: center; min-height: 56px; padding: .4rem; border: 1px solid rgba(126,166,255,.28); border-radius: .48rem; color: #c9d8f4; background: rgba(126,166,255,.045); font: 740 .52rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.final-action-sequence i { height: 1px; background: linear-gradient(90deg,var(--lab-blue),rgba(126,166,255,.15)); }
.final-action-panel .lab-toolbar { justify-content: center; }
.final-action-panel [data-accountability-feedback] { margin: .8rem auto 0; max-width: 78ch; color: var(--muted); font-size: .73rem; }
.final-action-panel button.is-selected { border-color: var(--lab-cyan); box-shadow: inset 0 -2px var(--lab-cyan); }
.lifecycle-panel { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: .7rem; margin-top: .7rem; }
.lifecycle-graph {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: .38rem;
  align-content: start;
  min-height: 440px;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .82rem;
  background:
    linear-gradient(rgba(92,225,230,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,225,230,.02) 1px,transparent 1px),rgba(0,0,0,.16);
  background-size: 34px 34px;
}
.lifecycle-node { position: relative; display: grid; align-content: center; min-height: 66px; padding: .45rem; border: 1px solid var(--line); border-radius: .48rem; font-size: .58rem; line-height: 1.25; text-align: center; }
.lifecycle-node i { width: .45rem; height: .45rem; margin: 0 auto .35rem; border-radius: 50%; background: currentColor; }
.lifecycle-node--human { color: var(--green); border-color: rgba(122,230,178,.24); background: rgba(122,230,178,.035); }
.lifecycle-node--machine { color: var(--lab-blue); border-color: rgba(126,166,255,.24); background: rgba(126,166,255,.035); }
.authority-assignment { padding: .8rem; border: 1px solid var(--line); border-radius: .82rem; background: rgba(0,0,0,.17); }
.authority-assignment > div:first-child p:last-child { color: var(--muted); font-size: .68rem; }
.authority-assignment__grid { display: grid; gap: .42rem; margin: .65rem 0; }
.authority-assignment select.is-correct { border-color: rgba(122,230,178,.45); }
.authority-assignment select.is-incomplete { border-color: rgba(255,201,107,.5); }
.accountability-redesign { display: grid; grid-template-columns: minmax(260px,.55fr) minmax(0,1.45fr); gap: .7rem; margin-top: .7rem; }
.accountability-redesign > div { padding: .85rem; border: 1px solid var(--line); border-radius: .82rem; background: rgba(0,0,0,.16); }
.accountability-redesign p { color: var(--muted); font-size: .7rem; }
.shadow-meter { height: .8rem; overflow: hidden; border: 1px solid rgba(255,122,122,.25); border-radius: 999px; background: rgba(255,255,255,.035); }
.shadow-meter span { display: block; height: 100%; background: linear-gradient(90deg,var(--lab-violet),var(--lab-rose),#270d17); transition: width .25s ease; }
[data-shadow-label] { display: block; margin-top: .45rem; color: #e6c9d1; font-size: .64rem; }
.governance-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; }
.governance-controls label { display: flex; gap: .42rem; align-items: start; padding: .5rem; border: 1px solid var(--line); border-radius: .48rem; color: #cbd9e0; font-size: .62rem; }
.governance-controls input { margin-top: .16rem; accent-color: var(--lab-cyan); }

/* Planning room */
.planning-lab { padding: 1rem; }
.planning-room { padding: .9rem; border: 1px solid var(--line); border-radius: .85rem; background: rgba(0,0,0,.17); }
.planning-room__intro { display: grid; grid-template-columns: minmax(260px,.55fr) 1fr; gap: 1rem; align-items: end; }
.planning-room__intro h3 { font-size: 1.35rem; }
.planning-room__intro p:last-child { color: var(--muted); font-size: .75rem; }
.planning-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .52rem; margin-top: .8rem; }
.planning-lock { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .75rem; }
.planning-lock .mono { margin-left: auto; color: var(--lab-cyan); font-size: .62rem; }
.ambiguity-event-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .45rem; margin-top: .7rem; }
.ambiguity-event-grid article { min-height: 165px; padding: .65rem; border: 1px solid var(--line); border-radius: .62rem; background: rgba(255,255,255,.014); transition: border-color .2s ease,transform .2s ease,background .2s ease; }
.ambiguity-event-grid article > span { color: var(--lab-cyan); font: 800 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.ambiguity-event-grid h3 { margin-top: .55rem; font-size: .9rem; }
.ambiguity-event-grid p { color: var(--muted); font-size: .62rem; }
.ambiguity-event-grid strong { color: #91a5b2; font-size: .6rem; }
.ambiguity-event-grid small { display: block; margin-top: .45rem; color: var(--muted); font-size: .56rem; line-height: 1.35; }
.ambiguity-event-grid article.is-active { transform: translateY(-2px); border-color: rgba(255,201,107,.42); background: rgba(255,201,107,.04); }
.ambiguity-event-grid article.is-safe { border-color: rgba(122,230,178,.38); background: rgba(122,230,178,.04); }
.ambiguity-event-grid article.is-safe strong { color: var(--green); }
.ambiguity-event-grid article.is-warning { border-color: rgba(255,122,122,.38); background: rgba(255,122,122,.04); }
.ambiguity-event-grid article.is-warning strong { color: var(--danger); }
.provenance-chain { margin-top: .7rem; padding: .85rem; border: 1px solid rgba(92,225,230,.2); border-radius: .82rem; background: rgba(92,225,230,.025); }
.provenance-chain ol { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .38rem; margin: .6rem 0 0; padding: 0; list-style: none; }
.provenance-chain li { position: relative; min-height: 92px; margin: 0; padding: .52rem; border: 1px solid var(--line); border-radius: .48rem; background: rgba(0,0,0,.18); }
.provenance-chain li:not(:last-child)::after { content: "←"; position: absolute; right: -.55rem; top: 36%; z-index: 2; color: var(--lab-cyan); }
.provenance-chain strong,.provenance-chain span { display: block; }
.provenance-chain strong { color: var(--lab-cyan); font-size: .58rem; }
.provenance-chain span { margin-top: .38rem; color: var(--muted); font-size: .56rem; line-height: 1.35; }

/* Real-world evidence cards */
.evidence-label-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem; margin-bottom: .8rem; }
.evidence-label-grid article { padding: .65rem; border: 1px solid var(--line); border-radius: .58rem; background: rgba(255,255,255,.014); }
.evidence-label-grid p { margin: .48rem 0 0; color: var(--muted); font-size: .62rem; }
.case-filter { display: grid; grid-template-columns: minmax(240px,1fr) minmax(200px,.55fr) auto; gap: .65rem; align-items: end; margin-bottom: .8rem; padding: .75rem; border: 1px solid var(--line); border-radius: .72rem; background: rgba(255,255,255,.015); }
.case-filter p { margin: 0; padding-bottom: .55rem; color: var(--lab-cyan); font: 760 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; white-space: nowrap; }
.case-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .72rem; }
.human-case-card { min-width: 0; padding: 1rem; border: 1px solid var(--line); border-radius: .9rem; background: linear-gradient(145deg,rgba(13,29,39,.85),rgba(4,10,15,.93)); box-shadow: var(--shadow-small); }
.human-case-card__top { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.human-case-card__top h3 { font-size: 1.35rem; }
.human-case-card__top .evidence-badge { max-width: 48%; white-space: normal; line-height: 1.3; text-align: left; }
.human-case-card__summary { color: var(--muted-strong); font-size: .78rem; }
.function-chip-row { display: flex; flex-wrap: wrap; gap: .28rem; margin: .65rem 0; }
.function-chip-row span { padding: .25rem .42rem; border: 1px solid rgba(92,225,230,.2); border-radius: 999px; color: var(--lab-cyan); background: rgba(92,225,230,.025); font: 740 .48rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; }
.human-case-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .48rem; margin: .75rem 0; }
.human-case-card dl div { padding: .55rem; border: 1px solid var(--line); border-radius: .48rem; background: rgba(255,255,255,.012); }
.human-case-card dl .does-not-establish { grid-column: 1 / -1; border-color: rgba(255,201,107,.2); background: rgba(255,201,107,.025); }
.human-case-card dt { color: var(--lab-cyan); font: 750 .5rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; }
.human-case-card dd { margin: .3rem 0 0; color: var(--muted); font-size: .65rem; line-height: 1.45; }
.empty-filter-result { padding: 2rem; border: 1px dashed var(--line); border-radius: .8rem; color: var(--muted); text-align: center; }

@media (max-width: 1280px) {
  .control-lab-nav { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .control-mode-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .speed-policy-envelope { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .speed-policy-envelope > div { grid-column: 1 / -1; }
  .meaningful-control-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .planning-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .ambiguity-event-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .provenance-chain ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .provenance-chain li:nth-child(3)::after { display: none; }
}
@media (max-width: 1000px) {
  .control-thesis,.lab-heading,.gatekeeper-layout,.lost-link-layout,.accountability-redesign,.planning-room__intro,.evidence-lab-note { grid-template-columns: 1fr; }
  .control-mode-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .control-mode-card h3 { min-height: auto; }
  .gatekeeper-wall { grid-template-columns: repeat(10,minmax(0,1fr)); min-height: 460px; }
  .speed-mode-grid { grid-template-columns: 1fr; }
  .speed-mode > p { min-height: auto; }
  .decision-window { grid-template-columns: 1fr; }
  .lifecycle-panel { grid-template-columns: 1fr; }
  .lifecycle-graph { min-height: 0; }
  .planning-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .evidence-label-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .control-lab-nav,.control-mode-grid,.lab-learning-grid,.case-card-grid { grid-template-columns: 1fr; }
  .gatekeeper-wall { grid-template-columns: repeat(8,minmax(0,1fr)); min-height: 530px; }
  .speed-policy-envelope { grid-template-columns: 1fr; }
  .speed-policy-envelope > div { grid-column: auto; }
  .decision-window__meters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bandwidth-options,.lost-link-policy fieldset,.governance-controls { grid-template-columns: 1fr; }
  .authority-token-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .link-ledger p { grid-template-columns: 2rem 1fr; }
  .link-ledger small { grid-column: 2; }
  .approval-workspace { grid-template-columns: 1fr; }
  .approval-queue-rail ol { grid-template-columns: repeat(4,minmax(0,1fr)); max-height: none; }
  .recommendation-card { min-height: 0; }
  .lifecycle-graph { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .planning-grid,.ambiguity-event-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .provenance-chain ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .provenance-chain li:nth-child(2n)::after { display: none; }
  .provenance-chain li:nth-child(3)::after { display: block; }
  .evidence-label-grid { grid-template-columns: 1fr; }
  .case-filter { grid-template-columns: 1fr; }
  .case-filter p { padding: 0; }
  .human-case-card__top { display: grid; }
  .human-case-card__top .evidence-badge { max-width: none; }
  .human-case-card dl { grid-template-columns: 1fr; }
  .human-case-card dl .does-not-establish { grid-column: auto; }
  .lab-result { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .gatekeeper-lab,.speed-lab,.lost-link-lab,.rubber-stamp-lab,.accountability-lab,.planning-lab { padding: .65rem; }
  .gatekeeper-wall { grid-template-columns: repeat(6,minmax(0,1fr)); min-height: 600px; padding: .5rem; }
  .gatekeeper-chip { min-height: 34px; }
  .gatekeeper-metrics,.speed-metrics,.recommendation-evidence dl,.decision-window__meters,.meaningful-control-grid,.authority-token-grid,.planning-grid,.ambiguity-event-grid { grid-template-columns: 1fr; }
  .approval-queue-rail ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .final-action-sequence { grid-template-columns: 1fr; }
  .final-action-sequence i { width: 1px; height: 13px; margin: 0 auto; background: linear-gradient(var(--lab-blue),rgba(126,166,255,.15)); }
  .lifecycle-graph { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .provenance-chain ol { grid-template-columns: 1fr; }
  .provenance-chain li::after { content: "↑" !important; display: block !important; right: 50% !important; top: -.65rem !important; }
  .provenance-chain li:first-child::after { display: none !important; }
  .planning-lock .mono { width: 100%; margin-left: 0; }
}
html[data-motion="reduced"] .control-lab-nav a,
html[data-motion="reduced"] .gatekeeper-chip,
html[data-motion="reduced"] .speed-mode,
html[data-motion="reduced"] .link-signal > span i,
html[data-motion="reduced"] .bandwidth-meter span,
html[data-motion="reduced"] .shadow-meter span,
html[data-motion="reduced"] .ambiguity-event-grid article { transition: none; animation: none; }
@media print {
  .human-control-page .site-header,
  .human-control-page .boundary-banner,
  .human-control-page .control-lab-nav,
  .human-control-page .lab-toolbar,
  .human-control-page .site-footer,
  .human-control-page button,
  .human-control-page input,
  .human-control-page select { display: none !important; }
  .human-control-page { color: #111; background: #fff; }
  .human-control-page::before,.human-control-page::after { display: none; }
  .human-control-page .page-hero,.human-control-page .section { border-color: #bbb; background: #fff; }
  .human-control-page .lab-shell,.human-control-page article,.human-control-page .control-mode-card,.human-control-page .human-case-card { color: #111; border-color: #888; background: #fff; box-shadow: none; break-inside: avoid; }
  .human-control-page h1,.human-control-page h2,.human-control-page h3,.human-control-page p,.human-control-page dt,.human-control-page dd,.human-control-page span { color: #111 !important; }
  .gatekeeper-wall { display: none; }
}

/* v1.3.1 all-screen compatibility hardening */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --visual-viewport-height: 100vh;
  --visual-viewport-width: 100vw;
  --mobile-nav-viewport-top: calc(var(--safe-top) + var(--header-height));
  --measured-header-height: var(--header-height);
  --sister-strip-height: 0px;
  --tap-target: 44px;
}

@supports (height: 100dvh) {
  :root { --visual-viewport-height: 100dvh; }
}

html {
  max-width: 100%;
  scroll-padding-top: calc(var(--header-height) + var(--safe-top) + 1rem);
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 0;
  min-height: var(--visual-viewport-height);
  max-width: 100%;
  overflow-x: clip;
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
}

main,
main > *,
.page-shell,
.reading-shell,
.nav-shell,
.boundary-banner__inner,
.section-heading,
.method-grid,
.card-grid,
.definition-grid,
.footer-grid,
.home-hero__intro,
.immersive-hero__inner,
.immersive-hero__heading,
.challenge-consolebar,
.challenge-main,
.challenge-timeline,
.sim-hud,
.atlas-toolbar,
.atlas-workspace,
.atlas-system-workspace,
.atlas-compare-selection,
.control-thesis,
.lab-heading,
.gatekeeper-layout,
.lost-link-layout,
.accountability-redesign,
.planning-room__intro,
.case-filter {
  min-width: 0;
  max-width: 100%;
}

:where(
  .page-shell,
  .reading-shell,
  .nav-shell,
  .boundary-banner__inner,
  .section-heading,
  .method-grid,
  .card-grid,
  .definition-grid,
  .footer-grid,
  .home-hero__intro,
  .immersive-hero__heading,
  .challenge-consolebar,
  .challenge-main,
  .challenge-timeline,
  .sim-hud,
  .atlas-toolbar,
  .atlas-workspace,
  .atlas-system-workspace,
  .control-thesis,
  .lab-heading,
  .gatekeeper-layout,
  .lost-link-layout,
  .accountability-redesign,
  .planning-room__intro,
  .case-filter
) > * {
  min-width: 0;
}

:where(h1, h2, h3, h4, p, li, dt, dd, figcaption, blockquote, summary, label, strong, small) {
  overflow-wrap: anywhere;
}

:where(pre, code, .mono) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

img,
svg,
video,
canvas,
iframe,
object,
embed {
  max-width: 100%;
}

fieldset {
  min-width: 0;
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

.site-header {
  top: 0;
  padding-top: var(--safe-top);
}

.nav-shell {
  width: min(1760px, calc(100% - 1rem));
  padding-left: max(0px, var(--safe-left));
  padding-right: max(0px, var(--safe-right));
}

.boundary-banner__inner,
.page-shell,
.reading-shell,
.home-hero__intro,
.immersive-hero__inner {
  width: min(1460px, calc(100% - 1rem));
}

.reading-shell {
  max-width: var(--reading);
}

.site-footer {
  padding-bottom: var(--safe-bottom);
}

.table-wrap,
.atlas-accessible-table,
.atlas-compare-shell,
.atlas-timeline-scale,
.challenge-phase-rail ol,
.challenge-timeline__track {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.button,
.icon-button,
.nav-toggle,
.challenge-mode-switch button,
.timeline-node,
.counterfactual-card,
.atlas-map-node,
.control-lab-nav a,
.gatekeeper-chip,
.disclosure button,
summary {
  touch-action: manipulation;
}

/* Avoid expensive decorative movement on devices that cannot hover. */
@media (hover: none) {
  .button:hover,
  .card--interactive:hover,
  .atlas-map-node:hover,
  .gatekeeper-chip:hover,
  .speed-mode:hover,
  .ambiguity-event-grid article:hover {
    transform: none;
  }
}

/* Desktop canvases scale with available height without becoming unbounded on 4K displays. */
@media (min-width: 721px) {
  .challenge-frame { min-height: clamp(790px, 68vh, 1080px); }
}

@media (min-width: 1181px) {
  .simulation-frame { min-height: clamp(720px, 63vh, 980px); }
}

/* Shared mobile navigation, input, and target sizing. */
@media (max-width: 900px) {
  :root { --tap-target: 48px; }

  .primary-nav {
    top: calc(var(--safe-top) + var(--header-height));
    right: max(.5rem, var(--safe-right));
    left: max(.5rem, var(--safe-left));
    max-height: calc(var(--visual-viewport-height) - var(--mobile-nav-viewport-top) - var(--safe-bottom) - 1rem);
    padding-bottom: max(.65rem, var(--safe-bottom));
    overscroll-behavior: contain;
  }

  .primary-nav a {
    min-height: var(--tap-target);
    display: flex;
    align-items: center;
    padding: .85rem 1rem;
  }

  .nav-toggle,
  .icon-button,
  .button,
  .button--small,
  .challenge-mode-switch button,
  .timeline-node,
  .counterfactual-card,
  .atlas-map-node,
  .control-lab-nav a,
  .gatekeeper-chip,
  .lab-toolbar button,
  .human-control-page button,
  .disclosure button,
  summary {
    min-height: var(--tap-target);
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea,
  .filter-bar input,
  .filter-bar select,
  .sim-select,
  .atlas-toolbar input[type="search"],
  .atlas-toolbar select,
  .atlas-system-toolbar input,
  .atlas-system-toolbar select,
  .atlas-timeline-controls select,
  .speed-policy-envelope select,
  .planning-grid select,
  .authority-assignment select,
  .case-filter select,
  .case-filter input {
    min-height: var(--tap-target);
    font-size: 16px !important;
    line-height: 1.25;
  }

  input[type="checkbox"],
  input[type="radio"] {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
  }

  body.nav-open {
    position: fixed;
    width: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }

  .method-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .method-nav {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }
}

/* Challenge: switch from a fixed-height HUD to a content-driven mobile console. */
@media (max-width: 720px) {
  .challenge-frame {
    min-height: 0;
    height: auto;
    overflow: hidden;
  }

  .challenge-frame:fullscreen {
    width: 100%;
    height: var(--visual-viewport-height);
    min-height: var(--visual-viewport-height);
    padding-bottom: var(--safe-bottom);
    overflow-y: auto;
  }

  .challenge-console {
    position: relative;
    inset: auto;
    display: block;
    min-height: 0;
  }

  .challenge-consolebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem;
    padding: .65rem;
  }

  .challenge-consolebar__identity {
    min-width: 0;
    max-width: 100%;
  }

  .challenge-consolebar__identity > div {
    min-width: 0;
    max-width: 100%;
  }

  .challenge-consolebar__identity strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .challenge-consolebar__tools {
    min-width: 0;
    margin-left: 0;
  }

  .challenge-mode-switch {
    grid-column: 1 / -1;
    grid-row: auto;
    order: initial;
    width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: .75rem;
  }

  .challenge-mode-switch button {
    min-width: 0;
    padding-inline: .35rem;
  }

  .challenge-main {
    position: relative;
    display: flex;
    min-height: 0;
    padding: clamp(190px, 58vw, 310px) .55rem .55rem;
  }

  .challenge-command {
    order: 1;
    width: 100%;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .challenge-phase-rail {
    order: 2;
    min-height: 0;
  }

  .challenge-stage-inspector {
    order: 3;
    width: 100%;
    max-width: none;
  }

  .challenge-phase-rail ol {
    grid-template-columns: repeat(8, minmax(54px, 1fr));
    padding-bottom: .25rem;
  }

  .challenge-phase-rail li {
    min-width: 54px;
  }

  .challenge-timeline {
    position: relative;
    display: block;
    padding: .6rem;
  }

  .challenge-timeline__track {
    grid-template-columns: repeat(5, minmax(112px, 1fr));
    padding-bottom: .2rem;
  }

  .challenge-visual,
  .challenge-grid-overlay {
    top: clamp(118px, 30vw, 154px);
    bottom: auto;
    height: clamp(190px, 58vw, 310px);
  }

  .challenge-visual {
    opacity: .78;
  }

  .challenge-visual-status {
    top: clamp(275px, 87vw, 430px);
    right: .65rem;
    bottom: auto;
    max-width: calc(100% - 1.3rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .challenge-cold-open {
    min-height: min(720px, var(--visual-viewport-height));
    max-height: var(--visual-viewport-height);
    padding: max(1rem, var(--safe-top)) .8rem max(1rem, var(--safe-bottom));
    overscroll-behavior: contain;
  }

  .challenge-alert {
    position: fixed;
    top: 50%;
    width: min(450px, calc(100% - 1rem - var(--safe-left) - var(--safe-right)));
  }
}

@media (max-width: 340px) {
  .challenge-consolebar {
    grid-template-columns: 1fr;
  }

  .challenge-consolebar__tools {
    width: 100%;
    justify-content: flex-end;
  }

  .challenge-mode-switch {
    grid-column: 1;
  }

  .challenge-timer {
    min-width: 0;
    flex: 1 1 auto;
  }

  .challenge-command__head,
  .challenge-pane__heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .challenge-difficulty {
    width: fit-content;
  }
}

/* Analysis sandbox: reserve a bounded visualization viewport, then flow controls below it. */
@media (max-width: 660px) {
  .simulation-frame {
    min-height: 0;
    height: auto;
    padding-top: clamp(230px, 72vw, 360px);
    overflow: hidden;
  }

  .sim-canvas {
    inset: 0 0 auto;
    height: clamp(230px, 72vw, 360px);
  }

  .sim-view-status {
    top: .65rem;
    max-width: calc(100% - 1rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sim-hud {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    padding: .6rem;
  }

  .sim-panel--scenario,
  .sim-panel--status,
  .sim-panel--stage,
  .sim-panel--controls {
    grid-column: 1;
    grid-row: auto;
    align-self: auto;
    max-height: none;
    overflow: visible;
    margin: 0;
  }

  .sim-stage-detail {
    max-height: none;
  }

  .sim-toolbar .button {
    min-width: min(9.5rem, 100%);
  }
}

@media (max-width: 320px) {
  .sim-status-grid {
    grid-template-columns: 1fr;
  }

  .sim-toolbar {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Atlas: replace the cramped absolute-position map with an accessible compact list. */
@media (max-width: 420px) {
  .atlas-map {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .55rem;
    min-height: 0;
    padding: .65rem;
    overflow: visible;
  }

  .atlas-map__backdrop,
  .atlas-map-axis {
    display: none;
  }

  .atlas-map-node,
  .atlas-map-node.is-selected,
  .atlas-map-node:hover {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    min-width: 0;
    max-width: none;
    transform: none;
    padding: .65rem .7rem;
  }

  .atlas-map-node strong {
    font-size: .76rem;
  }

  .atlas-map-node small {
    display: block;
    font-size: .58rem;
  }

  .atlas-map__disclaimer {
    position: static;
    max-width: none;
    margin-top: .15rem;
    font-size: .62rem;
  }

  .atlas-map-legend {
    gap: .6rem;
    font-size: .72rem;
  }

  .atlas-timeline-scale {
    grid-template-columns: repeat(5, minmax(72px, 1fr));
  }
}

/* Human Control Lab: preserve dense evidence while making every control operable by touch. */
@media (max-width: 760px) {
  .human-control-page .lab-shell {
    overflow: clip;
  }

  .human-control-page .lab-toolbar {
    align-items: stretch;
  }

  .human-control-page .lab-toolbar .button,
  .human-control-page .lab-toolbar button {
    flex: 1 1 11rem;
  }

  .gatekeeper-chip {
    min-height: var(--tap-target);
    font-size: .58rem;
  }

  .bandwidth-options label,
  .lost-link-policy label,
  .governance-controls label,
  .gatekeeper-switches label {
    min-height: var(--tap-target);
    align-items: center;
  }

  .speed-policy-envelope label,
  .planning-grid label,
  .authority-assignment label,
  .case-filter label {
    font-size: .75rem;
  }

  .gatekeeper-console > label,
  .gatekeeper-switches label,
  .speed-mode > p,
  .human-case-card__summary,
  .human-case-card dd,
  .evidence-label-grid p,
  .lab-caption,
  .lab-learning-grid p,
  .evidence-lab-note p {
    font-size: max(.72rem, 12px);
  }

  .function-chip-row span,
  .human-case-card dt,
  .gatekeeper-metrics span,
  .ambiguity-event-grid small,
  .provenance-chain strong,
  .provenance-chain span {
    font-size: max(.62rem, 10px);
  }
}

@media (max-width: 300px) {
  :root { --header-height: 3.9rem; }

  .brand {
    gap: .35rem;
    font-size: .92rem;
  }

  .brand em {
    display: none;
  }

  .brand-mark {
    width: 1.8rem;
    height: 1.8rem;
  }

  .nav-shell {
    gap: .45rem;
  }

  .boundary-banner__inner {
    align-items: flex-start;
    gap: .5rem;
    font-size: .72rem;
  }

  .page-hero h1,
  .home-hero__copy h1,
  .immersive-hero__heading h1 {
    font-size: clamp(2rem, 15vw, 2.8rem);
  }

  .section {
    padding-block: 2.5rem;
  }

  .gatekeeper-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lifecycle-graph {
    grid-template-columns: 1fr;
  }

  .approval-queue-rail ol {
    grid-template-columns: 1fr;
  }
}

/* Short landscape devices need the content, not chrome, to own the vertical space. */
@media (max-height: 520px) and (orientation: landscape) {
  :root { --header-height: 3.55rem; }

  .site-header {
    backdrop-filter: blur(10px);
  }

  .brand-mark {
    width: 1.85rem;
    height: 1.85rem;
  }

  .boundary-banner__inner {
    padding-block: .38rem;
    font-size: .7rem;
  }

  .page-hero__inner,
  .home-hero__intro {
    padding-top: 2rem;
    padding-bottom: 1.6rem;
  }

  .challenge-cold-open {
    place-items: start center;
    overflow-y: auto;
  }

  .primary-nav {
    max-height: calc(var(--visual-viewport-height) - var(--mobile-nav-viewport-top) - var(--safe-bottom) - .5rem);
  }
}

@media (prefers-contrast: more) {
  :root {
    --line: rgba(190, 225, 240, .32);
    --line-strong: rgba(205, 237, 250, .55);
    --muted: #a9becb;
    --muted-strong: #d1e0e8;
  }

  .card,
  .sim-panel,
  .challenge-phase-rail,
  .challenge-stage-inspector,
  .challenge-command,
  .atlas-map-card,
  .atlas-country-detail,
  .atlas-system-detail,
  .atlas-compare-shell,
  .lab-shell {
    border-width: 2px;
  }
}

@media (forced-colors: active) {
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .site-header,
  .primary-nav,
  .card,
  .sim-panel,
  .challenge-phase-rail,
  .challenge-stage-inspector,
  .challenge-command,
  .atlas-map-node,
  .lab-shell {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
  }

  .button,
  .primary-nav a[aria-current="page"],
  .challenge-mode-switch button[aria-pressed="true"] {
    forced-color-adjust: auto;
  }
}

@media print {
  html,
  body {
    overflow: visible;
    padding: 0;
  }
}

/* v1.3.1 compact-control corrections */
@media (max-width: 900px) {
  .nav-toggle,
  .icon-button {
    width: var(--tap-target);
    min-width: var(--tap-target);
  }

  .challenge-cold-open__actions .button {
    min-height: var(--tap-target);
  }
}

@media (max-width: 720px) {
  .challenge-mode-switch {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  input[type="range"] {
    min-height: var(--tap-target);
  }

  .atlas-related-systems button,
  .atlas-table-entity,
  .rubber-controls label {
    min-height: var(--tap-target);
    display: inline-flex;
    align-items: center;
  }
}

@media (max-width: 420px) {
  .atlas-map-node {
    transition: none;
  }
}

/* Minimum operable target size applies beyond phone breakpoints, including touch laptops and tablets. */
.button,
.button--small,
.icon-button,
.nav-toggle,
.challenge-mode-switch button,
.timeline-node,
.counterfactual-card,
.atlas-related-systems button,
.atlas-table-entity,
.control-lab-nav a,
.disclosure button,
summary {
  min-height: 44px;
}

.icon-button,
.nav-toggle {
  width: 44px;
  min-width: 44px;
}

@media (max-width: 900px) {
  .brand {
    gap: 6px;
    font-size: clamp(14px, 4vw, 18px);
  }

  .brand-mark {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 720px) {
  .challenge-command__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .challenge-difficulty {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  .challenge-rail-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 430px) {
  .challenge-rail-stats {
    grid-template-columns: 1fr;
  }
}

button {
  min-width: 44px;
  min-height: 44px;
}

input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
select,
textarea {
  min-height: 44px;
}

.atlas-toolbar input[type="search"],
.atlas-toolbar select,
.atlas-system-toolbar input,
.atlas-system-toolbar select,
.atlas-timeline-controls select,
.filter-bar input,
.filter-bar select,
.sim-select,
.speed-policy-envelope select,
.planning-grid select,
.authority-assignment select,
.case-filter select,
.case-filter input {
  min-height: 44px;
}

@media (max-width: 360px) {
  .gatekeeper-wall {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 280px) {
  .gatekeeper-wall {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.gatekeeper-chip {
  min-height: 44px;
}

/* v1.4.0 SEO, answer-engine, and generative-discovery presentation */
.breadcrumbs {
  width: var(--shell);
  margin: 0 auto;
  padding: .75rem 0 0;
  font-size: .82rem;
  color: var(--muted);
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.breadcrumbs li + li::before {
  content: "/";
  margin-right: .55rem;
  color: rgba(159, 178, 196, .55);
}

.breadcrumbs a,
.breadcrumbs span {
  overflow-wrap: anywhere;
}

.answer-summary {
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 92% 0%, rgba(92, 225, 230, .1), transparent 24rem),
    linear-gradient(145deg, rgba(11, 28, 38, .92), rgba(5, 12, 18, .94));
  box-shadow: var(--shadow-small);
}

.answer-summary__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem 2rem;
  align-items: end;
  margin-bottom: 1rem;
}

.answer-summary__head h2 {
  font-size: clamp(1.45rem, 2.6vw, 2.35rem);
}

.answer-summary__meta {
  max-width: 34rem;
  margin: 0;
  color: var(--muted);
  font-size: .82rem;
  text-align: right;
}

.answer-summary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.answer-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(3, 11, 16, .66);
}

.answer-card h3 {
  margin-bottom: .45rem;
  font-size: clamp(1.05rem, 1.7vw, 1.3rem);
}

.answer-card p {
  color: var(--muted-strong);
  font-size: .92rem;
}

.answer-card a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: .85rem;
  font-weight: 750;
}

.source-links {
  display: block;
  margin-top: 1rem;
  padding: .8rem 0 0;
  border-top: 1px solid var(--line);
  background: none;
}

.source-links__label {
  margin: 0 0 .45rem;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.source-links ul {
  display: grid;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.source-links li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .55rem;
  align-items: start;
  min-width: 0;
  margin: 0;
}

.source-links a {
  display: grid;
  gap: .1rem;
  min-width: 0;
  padding: .55rem .65rem;
  border: 1px solid var(--line);
  border-radius: .58rem;
  background: rgba(255, 255, 255, .025);
  text-decoration: none;
}

.source-links cite {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: .82rem;
  font-style: normal;
  font-weight: 700;
}

.source-links a span {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: .72rem;
}

.source-links code {
  max-width: 12rem;
  overflow-wrap: anywhere;
  color: var(--cyan);
  font-size: .68rem;
}

.faq-list {
  display: grid;
  gap: .75rem;
}

.faq-item {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(13, 29, 39, .86), rgba(4, 10, 15, .94));
  box-shadow: var(--shadow-small);
  overflow: clip;
}

.faq-item summary {
  display: grid;
  grid-template-columns: minmax(7rem, .22fr) minmax(0, 1fr);
  gap: .7rem 1rem;
  align-items: center;
  padding: 1rem 1.15rem;
  cursor: pointer;
  font-family: "Arial Narrow", "Roboto Condensed", Inter, sans-serif;
  font-size: clamp(1rem, 1.9vw, 1.28rem);
  font-weight: 760;
  list-style: none;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary::after {
  content: "+";
  grid-column: 3;
  font-family: ui-monospace, monospace;
  color: var(--cyan);
}

.faq-item[open] summary::after { content: "−"; }

.faq-item__category {
  color: var(--amber);
  font-family: Inter, sans-serif;
  font-size: .69rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.faq-item__body {
  padding: 0 1.15rem 1.2rem;
  border-top: 1px solid var(--line);
}

.faq-answer {
  max-width: 78rem;
  margin-top: 1rem;
  color: var(--muted-strong);
  font-size: 1.02rem;
}

.faq-related,
.faq-anchor,
.glossary-related,
.glossary-anchor {
  font-size: .82rem;
}

.answer-hub-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.glossary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.glossary-card {
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(13, 29, 39, .86), rgba(4, 10, 15, .94));
  box-shadow: var(--shadow-small);
  scroll-margin-top: calc(var(--header-height) + 2rem);
}

.glossary-card:target,
.faq-item:target {
  border-color: var(--cyan);
  box-shadow: var(--focus), var(--shadow-small);
}

.glossary-card h2 {
  font-size: clamp(1.25rem, 2.1vw, 1.8rem);
}

.glossary-card dfn { font-style: normal; }

.glossary-card > p:not(.kicker) {
  color: var(--muted-strong);
}

.citation-template {
  overflow-x: auto;
  padding: 1rem;
  border: 1px solid var(--line-strong);
  border-radius: .8rem;
  background: rgba(0, 0, 0, .34);
  color: var(--muted-strong);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.footer-contact {
  color: var(--muted);
  font-size: .82rem;
}

@media (max-width: 1050px) {
  .answer-summary__grid,
  .glossary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .answer-summary__head {
    align-items: start;
    flex-direction: column;
  }

  .answer-summary__meta {
    text-align: left;
  }

  .answer-summary__grid,
  .glossary-grid,
  .answer-hub-grid {
    grid-template-columns: 1fr;
  }

  .faq-item summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .faq-item__category {
    grid-column: 1 / -1;
  }

  .faq-item summary::after {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (max-width: 360px) {
  .breadcrumbs {
    font-size: .74rem;
  }

  .answer-summary,
  .answer-card,
  .faq-item summary,
  .faq-item__body,
  .glossary-card {
    padding-inline: .8rem;
  }

  .source-links li {
    grid-template-columns: minmax(0, 1fr);
  }

  .source-links code {
    max-width: 100%;
  }
}

@media print {
  .breadcrumbs,
  .answer-summary,
  .faq-item,
  .glossary-card,
  .citation-template {
    box-shadow: none;
    background: #fff;
    color: #111;
  }

  .faq-item { break-inside: avoid; }
  .faq-item:not([open]) > .faq-item__body { display: block; }
}

/* v1.5.0 Source-Classification Evidence Lab */
.evidence-lab-page {
  --evidence-lab-cyan: #72edf1;
  --evidence-lab-amber: #ffd077;
  --evidence-lab-violet: #c6a8ff;
  --evidence-lab-green: #82edba;
}

.evidence-lab-page .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 28%, rgba(92, 225, 230, .11), transparent 25rem),
    linear-gradient(120deg, transparent 0 57%, rgba(185, 135, 255, .035) 57% 58%, transparent 58%);
}

.evidence-orientation { padding-top: clamp(2.5rem, 5vw, 4.5rem); }

.evidence-principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1rem;
}

.evidence-principles article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
}

.evidence-principles strong,
.evidence-principles span { display: block; }
.evidence-principles strong { color: var(--evidence-lab-cyan); font-size: 1rem; }
.evidence-principles span { margin-top: .35rem; color: var(--muted); font-size: .85rem; }

.evidence-class-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.evidence-class-card {
  position: relative;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(145deg, rgba(13, 29, 39, .86), rgba(4, 10, 15, .94));
  box-shadow: var(--shadow-small);
  overflow: hidden;
}

.evidence-class-card::after {
  content: "";
  position: absolute;
  inset: auto .7rem .7rem auto;
  width: 1rem;
  height: 1rem;
  border: 2px solid currentColor;
  opacity: .35;
}

.evidence-class-card--verified-public-fact::after { border-radius: 50%; }
.evidence-class-card--government-operator-statement::after { transform: rotate(45deg); }
.evidence-class-card--manufacturer-described::after { border-style: dashed; }
.evidence-class-card--independent-analysis::after { clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.evidence-class-card--disputed-alleged::after { transform: rotate(45deg); border-style: double; }
.evidence-class-card--publicly-unspecified::after { border-style: dotted; border-radius: 50%; }
.evidence-class-card--fictional-simulation-value::after { clip-path: polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); }

.evidence-class-card p {
  margin: .75rem 1.2rem 0 0;
  color: var(--muted);
  font-size: .82rem;
}

.evidence-lab {
  min-width: 0;
}

.evidence-lab__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .3fr);
  gap: 1rem;
  align-items: end;
  margin-bottom: .75rem;
}

.evidence-lab__header > div:first-child > p:last-child { max-width: 58rem; color: var(--muted); }

.evidence-code-panel,
.evidence-result__code {
  padding: .85rem;
  border: 1px solid rgba(92, 225, 230, .25);
  border-radius: .75rem;
  background: rgba(92, 225, 230, .045);
}

.evidence-code-panel span,
.evidence-code-panel strong,
.evidence-code-panel small,
.evidence-result__code span,
.evidence-result__code strong,
.evidence-result__code small { display: block; }
.evidence-code-panel span,
.evidence-result__code span { color: var(--muted); font: 750 .68rem/1.3 ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
.evidence-code-panel strong,
.evidence-result__code strong { margin: .25rem 0; overflow-wrap: anywhere; color: var(--evidence-lab-cyan); font: 800 1rem/1.3 ui-monospace, monospace; }
.evidence-code-panel small,
.evidence-result__code small { color: var(--muted); }

.evidence-code-switcher {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .5rem;
  margin-bottom: .75rem;
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .018);
}

.evidence-code-switcher > span {
  display: flex;
  align-items: center;
  padding: .4rem .5rem;
  color: var(--muted);
  font-size: .78rem;
}

.evidence-code-switcher a {
  display: grid;
  align-content: center;
  min-width: 9.5rem;
  min-height: 48px;
  padding: .5rem .65rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
  color: var(--ink);
  background: rgba(255, 255, 255, .02);
  text-decoration: none;
  font: 750 .72rem/1.3 ui-monospace, monospace;
}

.evidence-code-switcher a small { color: var(--muted); font: 500 .65rem/1.3 Inter, sans-serif; }
.evidence-code-switcher a[aria-current="page"] { border-color: var(--evidence-lab-cyan); background: rgba(92, 225, 230, .07); }

.evidence-progress {
  margin-bottom: .75rem;
  padding: .7rem .8rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(4, 12, 17, .82);
}

.evidence-progress > div { display: flex; justify-content: space-between; gap: 1rem; color: var(--muted-strong); font: 750 .75rem/1.3 ui-monospace, monospace; }
.evidence-progress__track { display: block; height: .35rem; margin-top: .55rem; border-radius: 999px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.evidence-progress__track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--evidence-lab-cyan), var(--evidence-lab-violet)); transition: width 220ms ease; }

.evidence-card-deck {
  min-width: 0;
}

.evidence-exercise-card {
  min-width: 0;
  scroll-margin-top: calc(var(--header-height) + var(--safe-top) + 1rem);
  padding: clamp(.8rem, 2vw, 1.35rem);
  border: 1px solid var(--line-strong);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 93% 0, rgba(185, 135, 255, .08), transparent 24rem),
    linear-gradient(145deg, rgba(12, 28, 38, .94), rgba(3, 9, 14, .97));
  box-shadow: var(--shadow);
}

.evidence-exercise-card + .evidence-exercise-card { margin-top: 1rem; }
.evidence-lab-enhanced .evidence-exercise-card + .evidence-exercise-card { margin-top: 0; }

.evidence-exercise-card__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.evidence-exercise-card__header h3 { max-width: 62rem; font-size: clamp(1.35rem, 2.6vw, 2.25rem); }
.evidence-exercise-card__header .evidence-badge { max-width: 17rem; white-space: normal; text-align: left; }

.evidence-claim {
  margin: 1rem 0;
  padding: clamp(1rem, 2.4vw, 1.5rem);
  border: 1px solid rgba(126, 166, 255, .24);
  border-left: .3rem solid var(--blue);
  border-radius: .75rem;
  background: rgba(126, 166, 255, .045);
}

.evidence-claim p { margin: 0; color: #edf5ff; font-size: clamp(1.05rem, 1.9vw, 1.32rem); line-height: 1.55; }

.source-envelope {
  display: grid;
  grid-template-columns: minmax(0, .55fr) minmax(0, 1fr) auto;
  gap: .55rem;
  align-items: stretch;
  margin-bottom: .75rem;
}

.source-envelope > div {
  min-width: 0;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .6rem;
  background: rgba(255, 255, 255, .018);
}

.source-envelope span,
.source-envelope strong { display: block; overflow-wrap: anywhere; }
.source-envelope span { color: var(--muted); font: 700 .62rem/1.3 ui-monospace, monospace; text-transform: uppercase; }
.source-envelope strong { margin-top: .25rem; color: var(--muted-strong); font-size: .78rem; }
.source-envelope button { min-width: 12rem; }

.source-lineage {
  margin: .75rem 0;
  padding: .85rem;
  border: 1px solid rgba(185, 135, 255, .25);
  border-radius: .8rem;
  background: rgba(185, 135, 255, .035);
}

.source-lineage__summary h4 { font-size: 1.1rem; }
.source-lineage__summary p:last-child { color: var(--muted); font-size: .82rem; }

.source-lineage__graph {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
  gap: .55rem;
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}

.source-lineage__graph li {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .6rem;
  background: rgba(2, 8, 12, .65);
}

.source-lineage__graph li::after {
  content: "→";
  position: absolute;
  right: -.47rem;
  top: 50%;
  z-index: 2;
  color: var(--evidence-lab-violet);
  transform: translateY(-50%);
}
.source-lineage__graph li:last-child::after { display: none; }
.source-lineage__graph span,
.source-lineage__graph strong,
.source-lineage__graph small,
.source-lineage__graph a { display: block; overflow-wrap: anywhere; }
.source-lineage__graph span { color: var(--evidence-lab-violet); font: 750 .59rem/1.3 ui-monospace, monospace; text-transform: uppercase; }
.source-lineage__graph strong { margin: .25rem 0; color: var(--ink); font-size: .82rem; }
.source-lineage__graph small { color: var(--muted); font-size: .68rem; }
.source-lineage__graph a { min-height: 44px; padding-top: .55rem; font-size: .68rem; }
.source-lineage__graph [data-lineage-kind="synthetic-copy"] { border-style: dashed; opacity: .82; }

.evidence-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  margin: .85rem 0;
  padding: 0;
  border: 0;
}

.evidence-choice-grid legend {
  grid-column: 1 / -1;
  margin-bottom: .35rem;
  color: var(--muted-strong);
  font-weight: 800;
}

.evidence-choice-grid button {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 112px;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  color: var(--ink);
  background: rgba(255, 255, 255, .018);
  text-align: left;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.evidence-choice-grid button:hover:not(:disabled) { border-color: rgba(92, 225, 230, .45); background: rgba(92, 225, 230, .045); transform: translateY(-1px); }
.evidence-choice-grid button span { font-weight: 800; }
.evidence-choice-grid button small { margin-top: .35rem; color: var(--muted); font-size: .68rem; line-height: 1.38; }
.evidence-choice-grid button[data-selected] { border-width: 2px; }
.evidence-choice-grid button[data-correct-choice] { border-color: var(--evidence-lab-green); background: rgba(122, 230, 178, .07); }
.evidence-choice-grid button[data-incorrect-choice] { border-color: var(--danger); background: rgba(255, 122, 122, .07); }
.evidence-choice-grid button:disabled { cursor: default; opacity: .7; }
.evidence-choice-grid button[data-correct-choice]:disabled { opacity: 1; }

.evidence-feedback {
  margin-top: .85rem;
  padding: 1rem;
  border: 1px solid rgba(122, 230, 178, .25);
  border-radius: .8rem;
  background: rgba(122, 230, 178, .04);
}

.evidence-feedback__result h4 { color: var(--evidence-lab-green); font-size: clamp(1.3rem, 2.2vw, 1.9rem); }
.evidence-feedback__result > p:last-child { max-width: 78rem; color: var(--muted-strong); }

.evidence-feedback__limits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: .8rem 0;
}

.evidence-feedback__limits div {
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .6rem;
  background: rgba(0, 0, 0, .14);
}

.evidence-feedback__limits dt { color: var(--evidence-lab-amber); font: 800 .64rem/1.3 ui-monospace, monospace; text-transform: uppercase; }
.evidence-feedback__limits dd { margin: .35rem 0 0; color: var(--muted); font-size: .82rem; }
.evidence-related a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 750; }

.evidence-nojs-answer {
  margin-top: .85rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255, 255, 255, .018);
}
.evidence-nojs-answer summary { min-height: 48px; padding: .7rem .8rem; cursor: pointer; font-weight: 750; }
.evidence-nojs-answer > div { padding: 0 .8rem .8rem; color: var(--muted-strong); }
.evidence-lab-enhanced .evidence-nojs-answer { display: none; }

.evidence-card-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid var(--line);
}

.evidence-result {
  padding: clamp(1rem, 2.5vw, 1.6rem);
  border: 1px solid var(--line-strong);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 90% 8%, rgba(92, 225, 230, .11), transparent 25rem),
    linear-gradient(145deg, rgba(12, 28, 38, .95), rgba(3, 9, 14, .98));
  box-shadow: var(--shadow);
}

.evidence-result__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .3fr);
  gap: 1rem;
  align-items: end;
}
.evidence-result__hero > div:first-child > p:last-child { max-width: 62rem; color: var(--muted-strong); }

.evidence-result__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0;
}
.evidence-result__metrics article { padding: .85rem; border: 1px solid var(--line); border-radius: .7rem; background: rgba(255, 255, 255, .02); }
.evidence-result__metrics strong,
.evidence-result__metrics span { display: block; }
.evidence-result__metrics strong { color: var(--evidence-lab-cyan); font: 850 clamp(1.2rem, 2.5vw, 2rem)/1.1 ui-monospace, monospace; }
.evidence-result__metrics span { margin-top: .35rem; color: var(--muted); font-size: .72rem; }

.evidence-result__report {
  margin-bottom: 1rem;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(0, 0, 0, .25);
}
.evidence-result__report h3 { font-size: 1rem; }
.evidence-result__report pre { margin: 0; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted-strong); font: 600 .78rem/1.65 ui-monospace, monospace; }
.evidence-share-note { margin: .75rem 0 0; color: var(--muted); font-size: .76rem; }

@media (max-width: 1100px) {
  .evidence-principles,
  .evidence-class-grid,
  .evidence-choice-grid,
  .evidence-result__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .evidence-lab__header,
  .evidence-result__hero,
  .source-envelope,
  .evidence-feedback__limits { grid-template-columns: 1fr; }
  .source-envelope button { width: 100%; min-width: 0; }
  .evidence-exercise-card__header { display: grid; }
  .evidence-exercise-card__header .evidence-badge { max-width: none; }
  .source-lineage__graph li::after { display: none; }
  .evidence-code-switcher a { flex: 1 1 10rem; }
}

@media (max-width: 520px) {
  .evidence-principles,
  .evidence-class-grid,
  .evidence-choice-grid,
  .evidence-result__metrics { grid-template-columns: 1fr; }
  .evidence-code-switcher { display: grid; }
  .evidence-code-switcher > span { padding-inline: 0; }
  .evidence-code-switcher a { width: 100%; min-width: 0; }
  .evidence-choice-grid button { min-height: 0; }
  .evidence-progress > div { align-items: flex-start; flex-direction: column; gap: .2rem; }
  .evidence-card-actions { align-items: stretch; flex-direction: column-reverse; }
  .evidence-card-actions .button,
  .evidence-result .button-row .button { width: 100%; }
  .evidence-result .button-row { display: grid; }
}

html[data-motion="reduced"] .evidence-progress__track i,
html[data-motion="reduced"] .evidence-choice-grid button { transition: none; }

@media (forced-colors: active) {
  .evidence-class-card,
  .evidence-exercise-card,
  .evidence-feedback,
  .source-lineage,
  .evidence-result,
  .evidence-choice-grid button { forced-color-adjust: auto; border: 2px solid CanvasText; background: Canvas; color: CanvasText; }
  .evidence-choice-grid button[data-correct-choice] { outline: 4px double Highlight; }
  .evidence-choice-grid button[data-incorrect-choice] { text-decoration: line-through; }
  .evidence-progress__track { border: 1px solid CanvasText; }
  .evidence-progress__track i { background: Highlight; }
}

@media print {
  .evidence-lab-page .site-header,
  .evidence-lab-page .boundary-banner,
  .evidence-lab-page .site-footer,
  .evidence-code-switcher,
  .evidence-progress,
  .evidence-choice-grid,
  .evidence-card-actions,
  .evidence-result .button-row { display: none !important; }
  .evidence-lab-page,
  .evidence-exercise-card,
  .evidence-class-card,
  .evidence-feedback,
  .source-lineage,
  .evidence-result { color: #111; background: #fff; box-shadow: none; }
  .evidence-exercise-card { break-inside: avoid; margin-bottom: 1rem; border-color: #555; }
  .evidence-nojs-answer { display: block !important; }
  .evidence-nojs-answer > div { display: block !important; }
}

/* About the author */
.author-page .page-hero::after {
  right: -8rem;
  bottom: -18rem;
  width: min(52rem, 72vw);
  background:
    radial-gradient(circle at 50% 50%, rgba(92, 225, 230, .08), transparent 48%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 2.6rem, rgba(126, 166, 255, .05) 2.65rem 2.7rem);
}

.author-overview__grid,
.author-values-grid,
.author-contact-grid {
  display: grid;
  grid-template-columns: minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: start;
}

.author-identity-card {
  position: sticky;
  top: calc(var(--header-height, 4.5rem) + 2rem);
  min-width: 0;
  padding: clamp(1.1rem, 2.6vw, 1.75rem);
  border: 1px solid rgba(92, 225, 230, .25);
  border-radius: 1.15rem;
  background:
    linear-gradient(145deg, rgba(15, 34, 45, .94), rgba(4, 11, 17, .94)),
    rgba(7, 15, 21, .9);
  box-shadow: var(--shadow);
}

.author-monogram {
  display: grid;
  width: clamp(7rem, 16vw, 10rem);
  aspect-ratio: 1;
  margin-bottom: 1.25rem;
  place-items: center;
  border: 1px solid rgba(92, 225, 230, .34);
  border-radius: 28% 72% 62% 38% / 46% 35% 65% 54%;
  background:
    linear-gradient(135deg, rgba(92, 225, 230, .2), rgba(126, 166, 255, .09) 48%, rgba(185, 135, 255, .16)),
    #061119;
  box-shadow: inset 0 0 3rem rgba(92, 225, 230, .08), 0 0 2.5rem rgba(92, 225, 230, .08);
  transform: rotate(-4deg);
}

.author-monogram span {
  color: #eefaff;
  font: 900 clamp(2rem, 6vw, 4.6rem)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -.1em;
  text-shadow: 0 0 1.5rem rgba(92, 225, 230, .35);
  transform: rotate(4deg) translateX(-.06em);
}

.author-identity-card h2 {
  margin-bottom: .35rem;
  font-size: clamp(1.8rem, 3.4vw, 2.8rem);
}

.author-role {
  color: var(--cyan);
  font-weight: 780;
}

.author-facts {
  display: grid;
  gap: .55rem;
  margin: 1.2rem 0 0;
}

.author-facts div,
.author-source-card dl div {
  min-width: 0;
  padding: .72rem .78rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  background: rgba(255, 255, 255, .022);
}

.author-facts dt,
.author-source-card dt {
  color: var(--muted);
  font: 800 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.author-facts dd,
.author-source-card dd {
  margin: .28rem 0 0;
  overflow-wrap: anywhere;
  color: var(--muted-strong);
}

.author-story h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  font-size: clamp(2rem, 4.2vw, 3.9rem);
}

.author-primary-actions {
  margin: 1.5rem 0;
}

.author-focus-grid {
  align-items: stretch;
}

.author-focus-card {
  min-height: 100%;
}

.author-focus-card .number-card__number {
  font-size: 1.35rem;
}

.author-values-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  align-items: stretch;
}

.author-principles {
  border-color: rgba(185, 135, 255, .25);
  background:
    radial-gradient(circle at 100% 0, rgba(185, 135, 255, .13), transparent 18rem),
    linear-gradient(145deg, rgba(17, 33, 44, .9), rgba(6, 13, 19, .82));
}

.author-principles li + li {
  margin-top: .75rem;
}

.author-contact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.author-contact-card,
.author-source-card {
  min-width: 0;
  min-height: 100%;
}

.author-contact-card {
  border-color: rgba(122, 230, 178, .25);
}

.author-email {
  margin: 1.4rem 0;
  font: 850 clamp(1.15rem, 2.5vw, 2rem)/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  overflow-wrap: anywhere;
}

.author-source-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 1.15rem 0;
}

@media (max-width: 920px) {
  .author-overview__grid,
  .author-values-grid {
    grid-template-columns: 1fr;
  }
  .author-identity-card {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.25rem;
    align-items: center;
  }
  .author-identity-card .author-monogram {
    grid-row: 1 / span 4;
    margin: 0;
  }
  .author-facts {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .author-contact-grid,
  .author-source-card dl {
    grid-template-columns: 1fr;
  }
  .author-identity-card {
    display: block;
  }
  .author-identity-card .author-monogram {
    margin-bottom: 1.1rem;
  }
  .author-facts {
    grid-template-columns: 1fr;
  }
  .author-primary-actions,
  .author-contact-card .button-row {
    display: grid;
    min-width: 0;
  }
  .author-primary-actions .button,
  .author-contact-card .button {
    width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
    text-align: center;
  }
}

@media (max-width: 300px) {
  .author-monogram {
    width: 6.25rem;
  }
  .author-identity-card,
  .author-focus-card,
  .author-contact-card,
  .author-source-card {
    padding: .9rem;
  }
}

@media (forced-colors: active) {
  .author-identity-card,
  .author-principles,
  .author-contact-card,
  .author-source-card,
  .author-monogram {
    forced-color-adjust: auto;
    border: 2px solid CanvasText;
    color: CanvasText;
    background: Canvas;
  }
}

@media print {
  .author-page .author-identity-card {
    position: static;
  }
  .author-page .author-monogram {
    border-color: #222;
    background: #fff;
    box-shadow: none;
  }
  .author-page .author-monogram span {
    color: #111;
    text-shadow: none;
  }
}

/* Kill-chain technology provider directory */
.companies-page .page-hero::after {
  right: -7rem;
  bottom: -17rem;
  width: min(58rem, 78vw);
  background:
    radial-gradient(circle at 50% 50%, rgba(92, 225, 230, .09), transparent 40%),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 2.2rem, rgba(126, 166, 255, .045) 2.25rem 2.32rem);
}

.providers-boundary__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.providers-boundary__grid .card {
  min-width: 0;
  height: 100%;
}

.provider-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}

.provider-category-card {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 10rem;
  align-content: end;
  gap: .38rem;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: .9rem;
  color: var(--ink);
  background:
    radial-gradient(circle at 100% 0, rgba(92, 225, 230, .11), transparent 10rem),
    linear-gradient(145deg, rgba(15, 31, 42, .92), rgba(5, 12, 18, .94));
  box-shadow: var(--shadow-small);
  text-decoration: none;
}

.provider-category-card::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: .18rem;
  background: linear-gradient(90deg, var(--cyan), var(--blue), var(--violet));
  transform: scaleX(.25);
  transform-origin: left;
  transition: transform .2s ease;
}

.provider-category-card:hover::before,
.provider-category-card:focus-visible::before {
  transform: scaleX(1);
}

.provider-category-card__count {
  position: absolute;
  top: .75rem;
  right: .75rem;
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border: 1px solid rgba(92, 225, 230, .26);
  border-radius: 50%;
  color: var(--cyan);
  background: rgba(2, 9, 14, .72);
  font: 850 .75rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.provider-category-card strong {
  font-size: 1.03rem;
}

.provider-category-card > span:last-child {
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.5;
}

.provider-filter {
  display: grid;
  grid-template-columns: minmax(15rem, 1.5fr) repeat(4, minmax(9rem, .72fr));
  gap: .8rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(92, 225, 230, .2);
  border-radius: 1rem;
  background: rgba(7, 17, 24, .82);
  box-shadow: var(--shadow-small);
}

.provider-filter__field {
  display: grid;
  min-width: 0;
  gap: .32rem;
}

.provider-filter__field label {
  color: var(--muted-strong);
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .02em;
}

.provider-filter input,
.provider-filter select {
  width: 100%;
  min-width: 0;
  min-height: 2.8rem;
  padding: .65rem .75rem;
  border: 1px solid var(--line-strong);
  border-radius: .62rem;
  color: var(--ink);
  background: #09151e;
}

.provider-filter__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.provider-directory__status {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .4rem .7rem;
  margin: 1rem 0;
  color: var(--muted);
}

.provider-directory__status strong {
  color: var(--cyan);
  font: 900 1.3rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.provider-directory__reviewed {
  margin-left: auto;
}

.provider-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.provider-card {
  min-width: 0;
  padding: clamp(1rem, 2.2vw, 1.35rem);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1.05rem;
  background:
    radial-gradient(circle at 100% 0, rgba(126, 166, 255, .085), transparent 18rem),
    linear-gradient(145deg, rgba(13, 29, 39, .94), rgba(4, 10, 15, .96));
  box-shadow: var(--shadow-small);
}

.provider-card:target {
  border-color: var(--cyan);
  box-shadow: var(--focus), var(--shadow);
}

.provider-card__header,
.provider-card__identity,
.provider-card__footer,
.provider-card__links {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: .75rem;
}

.provider-card__header {
  justify-content: space-between;
  margin-bottom: .9rem;
}

.provider-card__identity {
  align-items: center;
}

.provider-card__identity > div {
  min-width: 0;
}

.provider-card__identity h3 {
  margin-bottom: .18rem;
  overflow-wrap: anywhere;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

.provider-card__identity p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: .8rem;
}

.provider-monogram {
  display: grid;
  flex: 0 0 auto;
  width: 3.35rem;
  height: 3.35rem;
  place-items: center;
  border: 1px solid rgba(92, 225, 230, .3);
  border-radius: .82rem;
  color: #e9fbff;
  background:
    linear-gradient(145deg, rgba(92, 225, 230, .16), rgba(185, 135, 255, .08)),
    #07121a;
  font: 900 .86rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
}

.provider-card__taxonomy,
.provider-stage-list {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.provider-card__taxonomy {
  margin-bottom: .9rem;
}

.provider-card__taxonomy span,
.provider-stage-list span {
  padding: .28rem .48rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted-strong);
  background: rgba(255, 255, 255, .025);
  font-size: .66rem;
  line-height: 1.25;
}

.provider-card__section {
  min-width: 0;
  margin-top: .75rem;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .018);
}

.provider-card__section h4 {
  margin-bottom: .36rem;
  color: var(--cyan);
  font: 850 .67rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.provider-card__section p,
.provider-card__section li {
  color: var(--muted-strong);
  font-size: .84rem;
  line-height: 1.55;
}

.provider-card__section p:last-child,
.provider-card__section ul:last-child {
  margin-bottom: 0;
}

.provider-card__section ul {
  margin: .35rem 0 0;
}

.provider-card__section--split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.provider-card__section--evidence {
  border-color: rgba(92, 225, 230, .2);
  background: rgba(92, 225, 230, .025);
}

.provider-card__section--boundary {
  border-color: rgba(122, 230, 178, .2);
  background: rgba(122, 230, 178, .025);
}

.provider-card__section--unknown {
  border-style: dashed;
  border-color: rgba(255, 201, 107, .28);
  background: rgba(255, 201, 107, .025);
}

.provider-card__evidence-note {
  margin-top: .65rem;
  padding-top: .65rem;
  border-top: 1px solid var(--line);
}

.provider-card__links {
  flex-wrap: wrap;
  align-items: center;
  margin: 1rem 0;
}

.provider-card__links > a:not(.button) {
  min-height: 2.45rem;
  padding: .5rem .65rem;
  border: 1px solid var(--line);
  border-radius: .58rem;
  font-size: .75rem;
  text-decoration: none;
}

.provider-card .source-links {
  margin-top: 1rem;
}

.provider-card .source-links ul {
  grid-template-columns: 1fr;
}

.provider-card__footer {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: .75rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .66rem;
}

.provider-card__footer code {
  overflow-wrap: anywhere;
}

.provider-empty {
  padding: 2rem;
  border: 1px dashed var(--line-strong);
  border-radius: 1rem;
  text-align: center;
  background: rgba(255, 255, 255, .02);
}


.relationship-callout-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.relationship-callout-grid .card {
  min-width: 0;
  height: 100%;
}

.relationship-filter {
  display: grid;
  grid-template-columns: repeat(4, minmax(10rem, 1fr));
  gap: .8rem;
  align-items: end;
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(185, 135, 255, .24);
  border-radius: 1rem;
  background: rgba(8, 16, 27, .86);
  box-shadow: var(--shadow-small);
}

.relationship-filter select {
  width: 100%;
  min-width: 0;
  min-height: 2.8rem;
  padding: .65rem .75rem;
  border: 1px solid var(--line-strong);
  border-radius: .62rem;
  color: var(--ink);
  background: #09151e;
}

.relationship-filter__subject {
  grid-column: span 2;
}

.relationship-filter .provider-filter__actions {
  grid-column: 1 / -1;
}

.relationship-compare-form {
  min-width: 0;
}

.relationship-compare-toolbar {
  position: sticky;
  top: calc(var(--header-height, 4.4rem) + .6rem);
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  margin: .75rem 0 1rem;
  padding: .75rem .9rem;
  border: 1px solid rgba(92, 225, 230, .24);
  border-radius: .86rem;
  background: rgba(4, 12, 18, .94);
  box-shadow: var(--shadow-small);
  backdrop-filter: blur(10px);
}

.relationship-compare-toolbar > div:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .4rem .75rem;
  color: var(--muted);
}

.relationship-compare-toolbar strong {
  color: var(--cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.relationship-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.relationship-card {
  min-width: 0;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(185, 135, 255, .09), transparent 16rem),
    linear-gradient(145deg, rgba(13, 26, 39, .95), rgba(4, 10, 15, .97));
  box-shadow: var(--shadow-small);
}

.relationship-card:target {
  border-color: var(--violet);
  box-shadow: var(--focus), var(--shadow);
}

.relationship-card__header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: .8rem;
}

.relationship-card__header > div {
  min-width: 0;
}

.relationship-card__header h3 {
  margin-bottom: .18rem;
  overflow-wrap: anywhere;
  font-size: clamp(1.18rem, 2.3vw, 1.65rem);
}

.relationship-card__subject {
  margin: 0;
  color: var(--muted-strong);
  font-weight: 700;
  overflow-wrap: anywhere;
}

.relationship-select {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  gap: .55rem;
  margin: .85rem 0;
  padding: .55rem .7rem;
  border: 1px solid rgba(92, 225, 230, .22);
  border-radius: .62rem;
  color: var(--muted-strong);
  background: rgba(92, 225, 230, .035);
  cursor: pointer;
}

.relationship-select input {
  width: 1.15rem;
  height: 1.15rem;
  accent-color: var(--cyan);
}

.relationship-select:has(input:checked) {
  border-color: var(--cyan);
  color: var(--ink);
  background: rgba(92, 225, 230, .1);
}

.relationship-select:has(input:disabled) {
  cursor: not-allowed;
  opacity: .62;
}

.relationship-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 0 0 .8rem;
}

.relationship-facts > div {
  min-width: 0;
  padding: .6rem;
  border: 1px solid var(--line);
  border-radius: .62rem;
  background: rgba(255, 255, 255, .02);
}

.relationship-facts dt {
  margin-bottom: .22rem;
  color: var(--muted);
  font: 800 .62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.relationship-facts dd {
  margin: 0;
  color: var(--muted-strong);
  font-size: .8rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.relationship-card__section {
  min-width: 0;
  margin-top: .7rem;
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  background: rgba(255, 255, 255, .018);
}

.relationship-card__section h4 {
  margin-bottom: .32rem;
  color: var(--cyan);
  font: 850 .65rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.relationship-card__section p {
  margin: 0;
  color: var(--muted-strong);
  font-size: .82rem;
  line-height: 1.55;
}

.relationship-card__section--control {
  border-color: rgba(122, 230, 178, .2);
  background: rgba(122, 230, 178, .025);
}

.relationship-card__section--unknown {
  border-style: dashed;
  border-color: rgba(255, 201, 107, .28);
  background: rgba(255, 201, 107, .025);
}

.relationship-card__section--limit {
  border-color: rgba(185, 135, 255, .25);
  background: rgba(185, 135, 255, .025);
}

.relationship-card .source-links {
  margin-top: .85rem;
}

.relationship-card .source-links ul {
  grid-template-columns: 1fr;
}

.relationship-comparison {
  margin-top: 1.25rem;
  padding: clamp(.9rem, 2vw, 1.3rem);
  border: 1px solid rgba(92, 225, 230, .24);
  border-radius: 1rem;
  background: rgba(7, 17, 24, .84);
  scroll-margin-top: 7rem;
}

.relationship-comparison .table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: .72rem;
}

.relationship-comparison table {
  min-width: 52rem;
  margin: 0;
}

.relationship-comparison th,
.relationship-comparison td {
  min-width: 11rem;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.relationship-comparison thead th span {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 600;
}

.relationship-comparison__note {
  margin: .75rem 0 0;
  color: var(--muted);
  font-size: .78rem;
}

@media (max-width: 1180px) {
  .provider-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .provider-filter__field--search {
    grid-column: span 2;
  }
  .provider-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .providers-boundary__grid,
  .provider-grid {
    grid-template-columns: 1fr;
  }
  .provider-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .provider-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .provider-filter__field--search {
    grid-column: 1 / -1;
  }
  .provider-card__header,
  .provider-card__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .provider-card__header > .evidence-badge {
    justify-self: start;
  }
  .provider-card__section--split {
    grid-template-columns: 1fr;
  }
  .provider-directory__reviewed {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 520px) {
  .provider-filter,
  .provider-category-grid {
    grid-template-columns: 1fr;
  }
  .provider-filter__field,
  .provider-filter__field--search,
  .provider-filter__actions {
    grid-column: 1;
  }
  .provider-filter__actions {
    display: grid;
  }
  .provider-filter__actions .button {
    width: 100%;
    min-width: 0;
    text-align: center;
  }
  .provider-card__identity {
    align-items: flex-start;
  }
  .provider-monogram {
    width: 2.85rem;
    height: 2.85rem;
  }
  .provider-card__links {
    display: grid;
  }
  .provider-card__links > * {
    width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }
}

@media (max-width: 300px) {
  .provider-card,
  .provider-filter,
  .provider-category-card {
    padding: .78rem;
  }
  .provider-card__identity {
    display: grid;
    grid-template-columns: 1fr;
  }
}


@media (max-width: 1180px) {
  .relationship-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .relationship-filter__subject {
    grid-column: span 2;
  }
}

@media (max-width: 900px) {
  .relationship-callout-grid,
  .relationship-grid {
    grid-template-columns: 1fr;
  }
  .relationship-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .relationship-filter__subject {
    grid-column: 1 / -1;
  }
  .relationship-compare-toolbar {
    position: static;
  }
}

@media (max-width: 620px) {
  .relationship-filter {
    grid-template-columns: 1fr;
  }
  .relationship-filter__subject,
  .relationship-filter .provider-filter__actions {
    grid-column: 1;
  }
  .relationship-filter .provider-filter__actions,
  .relationship-compare-toolbar,
  .relationship-compare-toolbar .button-row {
    display: grid;
    width: 100%;
  }
  .relationship-filter .button,
  .relationship-compare-toolbar .button {
    width: 100%;
    min-width: 0;
  }
  .relationship-card__header,
  .relationship-facts {
    grid-template-columns: 1fr;
  }
  .relationship-card__header {
    display: grid;
  }
  .relationship-card__header > .evidence-badge {
    justify-self: start;
  }
}

@media (max-width: 300px) {
  .relationship-card,
  .relationship-filter,
  .relationship-comparison {
    padding: .72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .provider-category-card::before {
    transition: none;
  }
}

@media (forced-colors: active) {
  .provider-category-card,
  .provider-filter,
  .provider-card,
  .provider-card__section,
  .provider-empty,
  .provider-monogram,
  .relationship-filter,
  .relationship-card,
  .relationship-card__section,
  .relationship-facts > div,
  .relationship-select,
  .relationship-comparison {
    forced-color-adjust: auto;
    border: 2px solid CanvasText;
    color: CanvasText;
    background: Canvas;
  }
}

@media print {
  .companies-page .provider-filter,
  .companies-page .provider-category-grid,
  .companies-page .button-row,
  .companies-page .provider-card__links,
  .companies-page .relationship-filter,
  .companies-page .relationship-compare-toolbar,
  .companies-page .relationship-select {
    display: none !important;
  }
  .companies-page .provider-grid,
  .companies-page .relationship-grid {
    display: block;
  }
  .companies-page .provider-card,
  .companies-page .relationship-card {
    break-inside: avoid;
    margin-bottom: 1rem;
    border-color: #555;
    color: #111;
    background: #fff;
    box-shadow: none;
  }
  .companies-page .provider-card__section,
  .companies-page .relationship-card__section,
  .companies-page .relationship-facts > div {
    border-color: #777;
    background: #fff;
  }
}

/* v1.9.0 reciprocal KillWebs.com sister-site bridge */
.sister-site-strip {
    position: relative;
    z-index: 31;
    border-bottom: 1px solid rgba(99, 213, 255, .18);
    background:
        linear-gradient(90deg, rgba(13, 40, 58, .96), rgba(22, 25, 46, .96)),
        #0b1722;
    color: var(--text-muted, #aab9c8);
    font-size: .78rem;
}

.sister-site-strip__inner {
    width: min(100% - max(1rem, env(safe-area-inset-left)) - max(1rem, env(safe-area-inset-right)), 112rem);
    min-height: 2.35rem;
    margin-inline: auto;
    padding: .35rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(.55rem, 1.6vw, 1.25rem);
    text-align: center;
}

.sister-site-strip__inner > span {
    color: #e5f6ff;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.sister-site-strip a {
    color: #a8eaff;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}

.sister-site-strip__external {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, .14);
    padding-left: clamp(.55rem, 1.6vw, 1.25rem);
    font-weight: 750;
}

.sister-bridge-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: clamp(.75rem, 2vw, 1.5rem);
}

.sister-bridge-hero__model {
    min-width: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(130, 193, 224, .2);
    border-radius: 1.25rem;
    padding: clamp(1.1rem, 2.8vw, 2rem);
    background: linear-gradient(145deg, rgba(9, 25, 36, .96), rgba(14, 17, 29, .98));
    box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, .22);
}

.sister-bridge-hero__model--web {
    border-color: rgba(178, 136, 255, .28);
    background:
        radial-gradient(circle at 78% 20%, rgba(149, 96, 255, .16), transparent 38%),
        linear-gradient(145deg, rgba(20, 18, 42, .98), rgba(8, 24, 34, .98));
}

.sister-bridge-hero__model h2 {
    max-width: 18ch;
}

.sister-bridge-hero__connector {
    display: grid;
    place-items: center;
}

.sister-bridge-hero__connector span {
    display: grid;
    width: 3rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(150, 216, 245, .24);
    border-radius: 50%;
    background: rgba(11, 25, 36, .92);
    color: #c1eeff;
    font-size: 1.65rem;
    box-shadow: 0 0 2rem rgba(99, 213, 255, .12);
}

.sister-bridge-path {
    margin-top: 1.35rem;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .35rem;
    overflow-x: auto;
    scrollbar-width: thin;
    padding-bottom: .25rem;
}

.sister-bridge-path span {
    flex: 0 0 auto;
    padding: .48rem .62rem;
    border: 1px solid rgba(103, 210, 244, .25);
    border-radius: .6rem;
    background: rgba(54, 158, 195, .09);
    color: #d7f7ff;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.sister-bridge-path i {
    flex: 0 0 1.2rem;
    height: 1px;
    background: linear-gradient(90deg, #5bc6e9, #9374ff);
}

.sister-web-symbol {
    position: relative;
    width: min(100%, 20rem);
    height: 7.5rem;
    margin: 1rem auto 0;
}

.sister-web-symbol::before,
.sister-web-symbol::after {
    content: "";
    position: absolute;
    inset: 50% 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(124, 211, 255, .65), rgba(174, 120, 255, .65), transparent);
    transform: rotate(11deg);
}

.sister-web-symbol::after {
    transform: rotate(-15deg);
}

.sister-web-symbol span {
    position: absolute;
    width: 1.15rem;
    aspect-ratio: 1;
    border: 2px solid #a987ff;
    border-radius: 50%;
    background: #101b2c;
    box-shadow: 0 0 1.2rem rgba(169, 135, 255, .35);
}

.sister-web-symbol span:nth-child(1) { left: 7%; top: 48%; }
.sister-web-symbol span:nth-child(2) { left: 28%; top: 12%; }
.sister-web-symbol span:nth-child(3) { left: 45%; top: 54%; }
.sister-web-symbol span:nth-child(4) { right: 28%; top: 9%; }
.sister-web-symbol span:nth-child(5) { right: 7%; top: 46%; }
.sister-web-symbol span:nth-child(6) { left: 49%; bottom: 2%; }

.sister-bridge-actions {
    margin-top: 1.25rem;
}

.sister-link-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.sister-link-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sister-link-card > a {
    margin-top: auto;
    padding-top: .7rem;
}

.external-site-note {
    color: var(--text-muted, #aab9c8);
    font-size: .9rem;
}

.sister-home-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.sister-home-grid__web {
    border-color: rgba(166, 124, 255, .34);
    background:
        radial-gradient(circle at 82% 12%, rgba(154, 99, 255, .13), transparent 38%),
        var(--card-bg, rgba(11, 23, 34, .92));
}

@media (max-width: 900px) {
    .sister-site-strip__inner {
        justify-content: flex-start;
        overflow-x: auto;
        white-space: nowrap;
        padding-inline: .25rem;
        scrollbar-width: none;
    }
    .sister-site-strip__inner::-webkit-scrollbar { display: none; }
    .sister-bridge-hero {
        grid-template-columns: minmax(0, 1fr);
    }
    .sister-bridge-hero__connector span {
        width: 2.5rem;
    }
    .sister-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .sister-site-strip__inner > span {
        font-size: .68rem;
    }
    .sister-site-strip__external {
        border-left: 0;
        padding-left: 0;
    }
    .sister-link-grid,
    .sister-home-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sister-bridge-path {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: visible;
    }
    .sister-bridge-path i { display: none; }
    .sister-bridge-path span { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .sister-web-symbol span { box-shadow: none; }
}

@media (forced-colors: active) {
    .sister-site-strip,
    .sister-bridge-hero__model,
    .sister-bridge-hero__connector span,
    .sister-bridge-path span,
    .sister-web-symbol span {
        forced-color-adjust: auto;
        border: 1px solid CanvasText;
        background: Canvas;
        color: CanvasText;
        box-shadow: none;
    }
}

/* v1.9.0 KillWebs.com sister-site guide */
.killwebs-page .page-hero::after {
  border-color: rgba(185, 135, 255, .2);
  box-shadow: inset 0 0 80px rgba(185, 135, 255, .05), 0 0 100px rgba(92, 225, 230, .04);
}

.killwebs-bridge-hero__grid,
.killwebs-boundary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(1.25rem, 4vw, 4rem);
}

.killwebs-path-visual {
  position: relative;
  min-width: 0;
  min-height: 31rem;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid rgba(185, 135, 255, .26);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 60% 45%, rgba(185, 135, 255, .13), transparent 32%),
    radial-gradient(circle at 22% 62%, rgba(92, 225, 230, .1), transparent 28%),
    linear-gradient(145deg, rgba(14, 18, 34, .97), rgba(5, 14, 21, .96));
  box-shadow: var(--shadow);
}

.killwebs-path-visual__label {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 4;
  color: var(--muted);
  font: 800 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.killwebs-path-visual svg {
  position: absolute;
  inset: 2rem .5rem 4.8rem;
  width: calc(100% - 1rem);
  height: calc(100% - 6.8rem);
}

.killwebs-edge {
  fill: none;
  stroke-width: 4;
  vector-effect: non-scaling-stroke;
}

.killwebs-edge--selected {
  stroke: var(--cyan);
  filter: drop-shadow(0 0 7px rgba(92, 225, 230, .5));
}

.killwebs-edge--alternate {
  stroke: rgba(185, 135, 255, .72);
  stroke-width: 2;
  stroke-dasharray: 11 10;
}

.killwebs-node {
  position: absolute;
  z-index: 3;
  display: grid;
  width: clamp(5.4rem, 10vw, 7rem);
  min-height: 4.4rem;
  place-content: center;
  padding: .55rem;
  border: 1px solid rgba(92, 225, 230, .34);
  border-radius: .85rem;
  color: var(--ink);
  background: rgba(6, 21, 29, .96);
  text-align: center;
  box-shadow: 0 0 1.5rem rgba(92, 225, 230, .12);
}

.killwebs-node span {
  color: var(--cyan);
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}

.killwebs-node strong {
  margin-top: .35rem;
  font-size: clamp(.76rem, 1.2vw, .92rem);
  line-height: 1.15;
}

.killwebs-node--sensor { left: 2%; top: 43%; }
.killwebs-node--data { left: 32%; top: 43%; }
.killwebs-node--authority { left: 59%; top: 43%; }
.killwebs-node--effect { right: 2%; top: 43%; }
.killwebs-node--alternate-a { left: 32%; top: 13%; border-color: rgba(185, 135, 255, .45); }
.killwebs-node--alternate-b { right: 3%; bottom: 12%; border-color: rgba(185, 135, 255, .45); }

.killwebs-path-visual > p {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  z-index: 4;
  margin: 0;
  color: var(--muted-strong);
  font-size: .9rem;
}

.killwebs-bridge-copy h2 {
  max-width: 15ch;
}

.external-boundary-note,
.review-line {
  margin-top: 1rem;
  color: var(--muted);
  font-size: .86rem;
}

.killwebs-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}

.killwebs-stat {
  display: grid;
  min-width: 0;
  min-height: 8.2rem;
  place-content: center;
  place-items: center;
  padding-inline: clamp(.75rem, 2vw, 1.25rem);
  text-align: center;
}

.killwebs-stat > * {
  min-width: 0;
  max-width: 100%;
}

.killwebs-stat strong {
  color: var(--violet);
  font: 900 clamp(2rem, 4vw, 3.4rem)/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.killwebs-stat span {
  margin-top: .55rem;
  color: var(--muted-strong);
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.killwebs-comparison-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 1rem;
}

.killwebs-comparison-card {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.killwebs-comparison-card--web {
  border-color: rgba(185, 135, 255, .3);
  background:
    radial-gradient(circle at 82% 12%, rgba(185, 135, 255, .12), transparent 35%),
    linear-gradient(145deg, rgba(24, 22, 48, .85), rgba(6, 14, 20, .82));
}

.killwebs-comparison-arrow {
  display: grid;
  place-content: center;
  color: var(--muted);
  text-align: center;
}

.killwebs-comparison-arrow span {
  color: var(--cyan);
  font-size: 2.2rem;
}

.killwebs-comparison-arrow small {
  display: block;
  max-width: 7rem;
  font: 750 .68rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.killwebs-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.killwebs-link-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.killwebs-link-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: auto;
  padding-top: 1rem;
}

.killwebs-link-card__footer > a:first-child {
  font-weight: 750;
}

.killwebs-final-card {
  border-color: rgba(185, 135, 255, .32);
  padding: clamp(1.25rem, 3vw, 2rem);
  background:
    radial-gradient(circle at 90% 10%, rgba(185, 135, 255, .13), transparent 35%),
    linear-gradient(145deg, rgba(18, 24, 43, .92), rgba(5, 15, 22, .9));
}

@media (max-width: 980px) {
  .killwebs-bridge-hero__grid,
  .killwebs-boundary-grid {
    grid-template-columns: 1fr;
  }
  .killwebs-path-visual { min-height: 28rem; }
  .killwebs-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .killwebs-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .killwebs-comparison-grid { grid-template-columns: 1fr; }
  .killwebs-comparison-arrow { min-height: 3rem; }
  .killwebs-comparison-arrow span { transform: rotate(90deg); }
}

@media (max-width: 560px) {
  .killwebs-stat-grid { grid-template-columns: 1fr; }
  .killwebs-link-grid { grid-template-columns: 1fr; }
  .killwebs-path-visual { min-height: 31rem; }
  .killwebs-node { width: 5rem; min-height: 4rem; padding: .42rem; }
  .killwebs-node--sensor { left: 1%; }
  .killwebs-node--data { left: 26%; }
  .killwebs-node--authority { left: 52%; }
  .killwebs-node--effect { right: 1%; }
  .killwebs-node--alternate-a { left: 28%; }
  .killwebs-node--alternate-b { right: 2%; }
  .killwebs-link-card__footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 300px) {
  .killwebs-stat-grid { grid-template-columns: 1fr; }
  .killwebs-path-visual { min-height: 36rem; padding-inline: .55rem; }
  .killwebs-node { width: 4.3rem; min-height: 3.75rem; }
  .killwebs-node strong { font-size: .66rem; }
  .killwebs-node--sensor { left: 0; }
  .killwebs-node--data { left: 25%; }
  .killwebs-node--authority { left: 50%; }
  .killwebs-node--effect { right: 0; }
}

html[data-motion="reduced"] .killwebs-edge--selected,
html[data-motion="reduced"] .killwebs-edge--alternate {
  filter: none;
}

@media (forced-colors: active) {
  .killwebs-path-visual,
  .killwebs-node,
  .killwebs-stat,
  .killwebs-comparison-card,
  .killwebs-final-card {
    forced-color-adjust: auto;
    border: 2px solid CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
  .killwebs-edge--selected,
  .killwebs-edge--alternate { stroke: CanvasText; }
}

@media print {
  .sister-site-strip,
  .killwebs-page .button-row { display: none !important; }
  .killwebs-path-visual,
  .killwebs-stat,
  .killwebs-comparison-card,
  .killwebs-link-card,
  .killwebs-final-card {
    break-inside: avoid;
    border-color: #555;
    color: #111;
    background: #fff;
    box-shadow: none;
  }
}

/* Keep the reciprocal sister-site controls fully reachable on compact screens. */
@media (max-width: 720px) {
  .sister-site-strip__inner {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .2rem .7rem;
    padding-block: .45rem;
    text-align: left;
  }

  .sister-site-strip__inner > span {
    flex: 1 0 100%;
    font-size: .66rem;
  }

  .sister-site-strip a {
    font-size: .72rem;
    line-height: 1.35;
  }

  .sister-site-strip__external {
    min-height: 1.5rem;
    border-left: 0;
    padding-left: 0;
  }
}

/* ========================================================================== 
   v1.10.0 privacy-safe Human Control replay and share layer
   ========================================================================== */
.human-control-replay-banner {
  width: 100%;
  margin: 1rem 0 0;
  padding: .78rem .9rem;
  border: 1px solid rgba(117, 237, 240, .32);
  border-left-width: 3px;
  border-radius: .72rem;
  color: #d7f7f8;
  background: rgba(117, 237, 240, .055);
  font-size: .78rem;
}
.human-control-replay-banner.is-warning {
  border-color: rgba(255, 210, 123, .42);
  color: #ffe9b9;
  background: rgba(255, 210, 123, .055);
}
.human-control-replay {
  margin: 1rem;
  padding: 1rem;
  border: 1px solid rgba(117, 237, 240, .24);
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(117, 237, 240, .055), transparent 45%),
    rgba(3, 10, 15, .76);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
.human-control-replay__intro,
.human-control-replay__body,
.human-control-replay__comparison {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
  gap: 1rem;
  align-items: start;
}
.human-control-replay__intro {
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--line);
}
.human-control-replay__intro h3 {
  margin: 0;
  font-size: 1.08rem;
}
.human-control-replay__intro > p,
.human-control-replay__limitation,
.human-control-replay__status,
.human-control-replay__noscript,
.human-control-replay__comparison p,
.human-control-replay__preview figcaption {
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.55;
}
.human-control-replay__body { margin-top: .9rem; }
.human-control-replay__dimensions,
.human-control-replay__comparison dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
  margin: 0;
}
.human-control-replay__dimensions > div,
.human-control-replay__comparison dl > div {
  min-width: 0;
  padding: .65rem .7rem;
  border: 1px solid var(--line);
  border-radius: .62rem;
  background: rgba(255, 255, 255, .018);
}
.human-control-replay dt {
  color: var(--lab-cyan);
  font: 760 .56rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.human-control-replay dd {
  margin: .3rem 0 0;
  overflow-wrap: anywhere;
  color: #e0edf2;
  font-size: .73rem;
  line-height: 1.42;
}
.replay-code {
  display: grid;
  gap: .34rem;
  margin: .65rem 0 0;
}
.replay-code span {
  color: var(--muted);
  font-size: .62rem;
  font-weight: 760;
  text-transform: uppercase;
}
.replay-code code {
  display: block;
  max-width: 100%;
  padding: .62rem .7rem;
  overflow-wrap: anywhere;
  border: 1px dashed rgba(193, 155, 255, .34);
  border-radius: .58rem;
  color: #e4d8fb;
  background: rgba(193, 155, 255, .045);
  font: 680 .62rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.human-control-replay__limitation {
  margin: .65rem 0 0;
  padding-left: .7rem;
  border-left: 2px solid rgba(255, 210, 123, .45);
}
.human-control-replay__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
}
.human-control-replay__actions .button {
  width: 100%;
  min-width: 0;
  white-space: normal;
}
.human-control-replay__comparison {
  margin-top: .8rem;
  padding: .82rem;
  border: 1px solid rgba(193, 155, 255, .24);
  border-radius: .76rem;
  background: rgba(193, 155, 255, .035);
}
.human-control-replay__comparison h4 {
  margin: .1rem 0 .35rem;
  font-size: .96rem;
}
.human-control-replay__preview {
  margin: .85rem 0 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .76rem;
  background: rgba(0, 0, 0, .18);
}
.human-control-replay__preview img {
  display: block;
  width: min(100%, 720px);
  height: auto;
  margin: 0 auto;
  border: 1px solid rgba(117, 237, 240, .2);
  border-radius: .55rem;
  background: #061018;
}
.human-control-replay__preview figcaption { margin-top: .5rem; text-align: center; }
.human-control-replay__status {
  margin: .7rem 0 0;
  padding-top: .6rem;
  border-top: 1px solid var(--line);
}
.human-control-replay__noscript {
  margin: .6rem 0 0;
  padding: .65rem .7rem;
  border: 1px dashed rgba(255, 210, 123, .35);
  border-radius: .58rem;
}

@media (max-width: 900px) {
  .human-control-replay__intro,
  .human-control-replay__body,
  .human-control-replay__comparison { grid-template-columns: 1fr; }
  .human-control-replay__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .human-control-replay { margin: .7rem .65rem; padding: .75rem; }
  .human-control-replay__dimensions,
  .human-control-replay__comparison dl,
  .human-control-replay__actions { grid-template-columns: 1fr; }
  .human-control-replay__intro > p,
  .human-control-replay__limitation,
  .human-control-replay__status,
  .human-control-replay__noscript,
  .human-control-replay__comparison p,
  .human-control-replay__preview figcaption { font-size: max(.72rem, 12px); }
  .replay-code code { font-size: max(.6rem, 10px); }
}
@media (max-width: 280px) {
  .human-control-replay { margin-inline: .45rem; padding: .6rem; }
  .human-control-replay__dimensions > div,
  .human-control-replay__comparison dl > div { padding: .55rem; }
}
html[data-motion="reduced"] .human-control-replay,
html[data-motion="reduced"] .human-control-replay * {
  scroll-behavior: auto;
  transition: none;
  animation: none;
}
@media (forced-colors: active) {
  .human-control-replay,
  .human-control-replay-banner,
  .human-control-replay__dimensions > div,
  .human-control-replay__comparison,
  .human-control-replay__preview,
  .replay-code code { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .human-control-replay dt { color: LinkText; }
}
@media print {
  .human-control-replay__actions,
  .human-control-replay__preview { display: none !important; }
  .human-control-replay,
  .human-control-replay__comparison,
  .human-control-replay__dimensions > div,
  .human-control-replay__comparison dl > div,
  .replay-code code {
    color: #111 !important;
    border-color: #777 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

@media (max-width: 1100px) {
  .challenge-cold-open__grid { grid-template-columns: 1fr; }
  .challenge-cold-open__panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .challenge-cold-open__main { padding: 1rem; }
  .challenge-cold-open__panel { grid-template-columns: 1fr; padding: .85rem; }
  .challenge-intel-strip,
  .challenge-cold-open__callouts,
  .challenge-mode-launchers { grid-template-columns: 1fr; }
  .challenge-cold-open__actions { flex-direction: column; }
  .challenge-cold-open__actions .button { width: 100%; }
}

@media (max-width: 560px) {
  .challenge-cold-open { padding: .75rem; }
  .challenge-cold-open__status { width: 100%; justify-content: center; }
  .challenge-cold-open__eyebrow-row { gap: .55rem; }
  .challenge-cold-open h2 { font-size: clamp(2.4rem, 11vw, 3.8rem); }
  .challenge-intel-strip { gap: .55rem; }
  .challenge-intel-chip,
  .challenge-preview-metrics > div,
  .challenge-callout-card,
  .challenge-preview-card,
  .challenge-mode-card { padding: .78rem; }
  .challenge-stage-preview li { grid-template-columns: auto 1fr; }
  .challenge-stage-preview li em { grid-column: 2; justify-self: start; }
}

html[data-motion="reduced"] .challenge-cold-open::after,
html[data-motion="reduced"] .challenge-cold-open__status::before,
html[data-motion="reduced"] .intro-chain__node::after,
html[data-motion="reduced"] .intro-chain i::after {
  animation: none !important;
}

/* ========================================================================== 
   v1.12.0 Anticipatory Intelligence Lab
   ========================================================================== */
.anticipatory-intelligence-page {
  --anticipatory-cyan: #74edf2;
  --anticipatory-violet: #c19bff;
  --anticipatory-amber: #ffd27b;
  --anticipatory-rose: #ff829b;
  --anticipatory-green: #7de7b5;
}

.anticipatory-orientation {
  background:
    radial-gradient(circle at 16% 22%, rgba(116, 237, 242, .06), transparent 28rem),
    radial-gradient(circle at 88% 74%, rgba(193, 155, 255, .06), transparent 30rem);
}

.anticipatory-boundary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.anticipatory-boundary-card,
.anticipatory-lab,
.anticipatory-session-report,
.gaite-naming-conflict {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: rgba(5, 14, 20, .76);
  box-shadow: var(--shadow-small);
}

.anticipatory-boundary-card {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: clamp(1.15rem, 2.4vw, 1.8rem);
}

.anticipatory-boundary-card::after {
  content: "";
  position: absolute;
  width: 12rem;
  height: 12rem;
  right: -5rem;
  bottom: -6rem;
  border-radius: 50%;
  filter: blur(12px);
  opacity: .22;
}

.anticipatory-boundary-card--systemic {
  border-color: rgba(116, 237, 242, .3);
  background: linear-gradient(145deg, rgba(116, 237, 242, .075), rgba(5, 14, 20, .86) 48%);
}
.anticipatory-boundary-card--systemic::after { background: var(--anticipatory-cyan); }
.anticipatory-boundary-card--person {
  border-color: rgba(255, 130, 155, .3);
  background: linear-gradient(145deg, rgba(255, 130, 155, .07), rgba(5, 14, 20, .86) 48%);
}
.anticipatory-boundary-card--person::after { background: var(--anticipatory-rose); }
.anticipatory-boundary-card h3 { max-width: 28ch; }
.anticipatory-boundary-card p:last-child { color: var(--muted); }

.anticipatory-lab {
  overflow: hidden;
  background:
    linear-gradient(rgba(116, 237, 242, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 237, 242, .025) 1px, transparent 1px),
    rgba(2, 8, 12, .86);
  background-size: 36px 36px;
}

.anticipatory-lab__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .32fr);
  gap: 1.3rem;
  align-items: end;
  padding: clamp(1.2rem, 3vw, 2rem);
  border-bottom: 1px solid var(--line);
  background: linear-gradient(120deg, rgba(116, 237, 242, .055), rgba(193, 155, 255, .035), transparent 70%);
}
.anticipatory-lab__header > div:first-child > p:last-child { color: var(--muted); }

.anticipatory-lab__progress {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border: 1px solid rgba(116, 237, 242, .24);
  border-radius: 1rem;
  background: rgba(4, 14, 20, .74);
}
.anticipatory-lab__progress > span {
  color: var(--muted);
  font: 760 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.anticipatory-lab__progress strong { font-size: 1.35rem; }
.anticipatory-lab__progress i {
  display: block;
  height: .45rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.anticipatory-lab__progress i span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--anticipatory-cyan), var(--anticipatory-violet));
  transition: width .35s ease;
}

.anticipatory-module-nav {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: .55rem;
  padding: .8rem;
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
  scrollbar-width: thin;
}
.anticipatory-module-nav button {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: .2rem .55rem;
  min-width: 160px;
  min-height: 118px;
  padding: .8rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .9rem;
  color: var(--ink);
  background: rgba(255,255,255,.018);
  text-align: left;
}
.anticipatory-module-nav button > span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--anticipatory-cyan);
  font: 760 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.anticipatory-module-nav button strong { font-size: .82rem; line-height: 1.25; }
.anticipatory-module-nav button small { color: var(--muted); font-size: .67rem; line-height: 1.35; }
.anticipatory-module-nav button[aria-selected="true"],
.anticipatory-module-nav button[data-active] {
  border-color: rgba(116, 237, 242, .45);
  background: linear-gradient(145deg, rgba(116, 237, 242, .09), rgba(193, 155, 255, .045));
  box-shadow: inset 0 0 0 1px rgba(116, 237, 242, .05);
}
.anticipatory-module-nav button[data-complete]::after {
  content: "Complete";
  position: absolute;
  right: .55rem;
  bottom: .45rem;
  color: var(--anticipatory-green);
  font: 760 .54rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.anticipatory-panels { min-height: 720px; }
.anticipatory-panel { padding: clamp(1rem, 3vw, 2rem); }
.anticipatory-panel.is-active { animation: anticipatory-panel-in .28s ease both; }
@keyframes anticipatory-panel-in {
  from { opacity: 0; transform: translateY(.5rem); }
  to { opacity: 1; transform: translateY(0); }
}

.anticipatory-panel__heading {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(280px, .6fr);
  gap: 1.5rem;
  align-items: end;
  margin-bottom: 1.4rem;
}
.anticipatory-panel__heading > p { color: var(--muted); }

.anticipatory-category-key {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: 1.2rem;
}
.anticipatory-category-key article,
.anticipatory-case,
.triage-question,
.triage-machine,
.explanation-question,
.rccam-inspector,
.federated-inspector,
.counterfactual-question {
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(7, 18, 25, .88);
}
.anticipatory-category-key article { padding: .7rem; }
.anticipatory-category-key p { margin: .5rem 0 0; color: var(--muted); font-size: .7rem; line-height: 1.4; }

.anticipatory-card-progress {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .7rem;
  color: var(--muted);
  font: 740 .7rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}

.anticipatory-case { padding: clamp(1rem, 2.5vw, 1.5rem); }
.anticipatory-case > header h4 { max-width: 62ch; font-size: clamp(1.2rem, 2.4vw, 1.8rem); }
.anticipatory-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 1rem 0;
  padding: 0;
  border: 0;
}
.anticipatory-choice-grid legend {
  grid-column: 1 / -1;
  margin-bottom: .25rem;
  color: var(--muted);
  font-weight: 760;
}
.anticipatory-choice-grid button,
.triage-hypotheses button,
.explanation-card,
.rccam-proposal-grid button,
.counterfactual-forecast-grid button {
  display: grid;
  gap: .25rem;
  min-height: 84px;
  padding: .78rem;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: .8rem;
  color: var(--ink);
  background: rgba(255,255,255,.018);
  text-align: left;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.anticipatory-choice-grid button:hover,
.triage-hypotheses button:hover,
.explanation-card:hover,
.rccam-proposal-grid button:hover,
.counterfactual-forecast-grid button:hover,
.anticipatory-choice-grid button:focus-visible,
.triage-hypotheses button:focus-visible,
.explanation-card:focus-visible,
.rccam-proposal-grid button:focus-visible,
.counterfactual-forecast-grid button:focus-visible {
  border-color: rgba(116, 237, 242, .42);
  background: rgba(116, 237, 242, .045);
  transform: translateY(-1px);
}
.anticipatory-choice-grid button strong,
.triage-hypotheses button strong,
.rccam-proposal-grid button strong,
.counterfactual-forecast-grid button strong { font-size: .86rem; }
.anticipatory-choice-grid button span,
.triage-hypotheses button span,
.rccam-proposal-grid button span { color: var(--muted); font-size: .72rem; line-height: 1.4; }
.anticipatory-choice-grid button[data-selected],
.triage-hypotheses button[data-selected],
.rccam-proposal-grid button[data-selected],
.counterfactual-forecast-grid button[data-selected] {
  border-color: rgba(116, 237, 242, .58);
  background: rgba(116, 237, 242, .07);
}
.anticipatory-choice-grid button[data-correct-choice],
.explanation-card[data-correct-choice] { border-color: rgba(125, 231, 181, .62); }
.anticipatory-choice-grid button[data-incorrect-choice],
.explanation-card[data-incorrect-choice] { border-color: rgba(255, 130, 155, .62); }

.anticipatory-feedback,
.anticipatory-module-result {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(116, 237, 242, .25);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(116, 237, 242, .055), rgba(193, 155, 255, .025));
}
.anticipatory-feedback {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
  gap: 1rem;
}
.anticipatory-feedback dl,
.triage-evidence-card dl,
.explanation-card dl,
.federated-inspector dl,
.counterfactual-forecast-grid dl { margin: 0; }
.anticipatory-feedback dl { display: grid; gap: .55rem; }
.anticipatory-feedback dl > div,
.triage-evidence-card dl > div,
.explanation-card dl > div,
.federated-inspector dl > div,
.counterfactual-forecast-grid dl > div {
  padding: .55rem .65rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255,255,255,.015);
}
.anticipatory-feedback dt,
.triage-evidence-card dt,
.explanation-card dt,
.federated-inspector dt,
.counterfactual-forecast-grid dt {
  color: var(--anticipatory-cyan);
  font: 740 .58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.anticipatory-feedback dd,
.triage-evidence-card dd,
.explanation-card dd,
.federated-inspector dd,
.counterfactual-forecast-grid dd { margin: .2rem 0 0; color: var(--muted-strong); font-size: .74rem; }
.anticipatory-nojs-answer {
  margin-top: 1rem;
  padding: .8rem;
  border: 1px dashed rgba(255, 210, 123, .3);
  border-radius: .8rem;
  color: var(--muted);
}
.anticipatory-case__actions { justify-content: flex-end; margin-top: 1rem; }

.anticipatory-result-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0;
}
.anticipatory-result-metrics article {
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.018);
}
.anticipatory-result-metrics strong { display: block; font-size: 1.35rem; }
.anticipatory-result-metrics span { display: block; color: var(--muted); font-size: .7rem; }

.triage-board {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
  gap: 1rem;
}
.triage-question,
.triage-machine { padding: 1rem; }
.triage-hypotheses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: 1rem 0;
}
.triage-machine ol { margin: .8rem 0; padding: 0; list-style: none; display: grid; gap: .55rem; }
.triage-machine li { display: grid; grid-template-columns: auto 1fr; gap: .7rem; padding: .65rem; border: 1px solid var(--line); border-radius: .7rem; }
.triage-machine li > span { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid rgba(116,237,242,.35); border-radius: 50%; color: var(--anticipatory-cyan); }
.triage-machine li strong,
.triage-machine li small { display: block; }
.triage-machine li small { margin-top: .2rem; color: var(--muted); }
.triage-machine__warning { margin-bottom: 0; padding: .7rem; border-left: 3px solid var(--anticipatory-amber); color: #ffe6b0; background: rgba(255,210,123,.045); font-size: .76rem; }

.triage-evidence { margin-top: 1rem; }
.triage-evidence__head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .8rem; align-items: center; margin-bottom: .7rem; }
.triage-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}
.triage-evidence-card {
  display: grid;
  align-content: start;
  gap: .55rem;
  min-height: 280px;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(7,18,25,.86);
}
.triage-evidence-card.is-filtered { border-style: dashed; }
.triage-evidence-card[data-inspected] { border-color: rgba(125,231,181,.45); }
.triage-evidence-card__top { display: flex; flex-wrap: wrap; gap: .35rem; }
.triage-evidence-card h5 { margin: 0; font-size: 1rem; }
.triage-evidence-card p { color: var(--muted); font-size: .75rem; }
.triage-evidence-card dl { display: grid; gap: .35rem; }
.triage-evidence-card button {
  align-self: end;
  min-height: 44px;
  margin-top: auto;
  border: 1px solid rgba(116,237,242,.28);
  border-radius: .65rem;
  color: var(--anticipatory-cyan);
  background: rgba(116,237,242,.04);
}

.explanation-question { padding: 1rem; margin-bottom: .7rem; }
.explanation-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}
.explanation-card { min-height: 390px; padding: 1rem; }
.explanation-card__label { color: var(--anticipatory-cyan); font: 760 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .07em; text-transform: uppercase; }
.explanation-card blockquote { margin: .65rem 0; padding: .8rem; border-left: 3px solid var(--line-strong); background: rgba(0,0,0,.18); }
.explanation-card blockquote p { margin: 0; color: var(--muted-strong); }
.explanation-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }

.rccam-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .55fr);
  gap: 1rem;
}
.rccam-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rccam-rail li { margin: 0; }
.rccam-rail button {
  display: grid;
  gap: .35rem;
  width: 100%;
  height: 100%;
  min-height: 170px;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  color: var(--ink);
  background: rgba(255,255,255,.018);
  text-align: left;
}
.rccam-rail button[aria-pressed="true"] { border-color: rgba(116,237,242,.5); background: rgba(116,237,242,.055); }
.rccam-rail button > span { color: var(--anticipatory-cyan); font: 760 .64rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.rccam-rail button strong { font-size: .9rem; }
.rccam-rail button small { color: var(--muted); font-size: .67rem; line-height: 1.4; }
.rccam-inspector { padding: 1rem; }
.rccam-inspector > div { margin-top: .8rem; padding: .75rem; border: 1px solid rgba(193,155,255,.28); border-radius: .75rem; background: rgba(193,155,255,.04); }
.rccam-inspector > div span { display: block; color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.rccam-inspector > div strong { display: block; margin-top: .25rem; font-size: .8rem; }
.rccam-proposals { margin-top: 1rem; }
.rccam-proposal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.rccam-proposal-grid button { min-height: 155px; }
.rccam-proposal-grid button small { color: var(--anticipatory-amber); font-size: .65rem; }

.federated-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .55fr);
  gap: 1rem;
}
.federated-network {
  position: relative;
  min-height: 440px;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    radial-gradient(circle at center, rgba(116,237,242,.08), transparent 38%),
    linear-gradient(rgba(116,237,242,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116,237,242,.025) 1px, transparent 1px),
    rgba(4,13,18,.86);
  background-size: auto, 32px 32px, 32px 32px, auto;
}
.federated-network svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.federated-network path { fill: none; stroke: rgba(116,237,242,.2); stroke-width: 2; stroke-dasharray: 6 8; }
.federated-node {
  position: absolute;
  display: grid;
  place-items: center;
  width: 8rem;
  min-height: 6.2rem;
  padding: .55rem;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(116,237,242,.3);
  border-radius: 50%;
  color: var(--ink);
  background: rgba(5,18,24,.94);
  text-align: center;
  box-shadow: 0 0 30px rgba(116,237,242,.08);
}
.federated-node span,
.federated-node strong,
.federated-node small { display: block; }
.federated-node span { font-size: .75rem; font-weight: 760; }
.federated-node strong { color: var(--anticipatory-cyan); font-size: 1.05rem; }
.federated-node small { color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.federated-node--north { left: 19%; top: 20%; }
.federated-node--coastal { left: 81%; top: 20%; }
.federated-node--orbital { left: 19%; top: 80%; }
.federated-node--relief { left: 81%; top: 80%; }
.federated-node--coalition { left: 50%; top: 50%; width: 9.2rem; min-height: 7rem; border-color: rgba(193,155,255,.45); }
.federated-node[data-selected] { border-color: var(--anticipatory-cyan); box-shadow: 0 0 0 3px rgba(116,237,242,.12), 0 0 34px rgba(116,237,242,.18); }
.federated-node[data-suspect-update] { border-color: var(--anticipatory-amber); box-shadow: 0 0 32px rgba(255,210,123,.2); }
.federated-node[data-quarantined] { opacity: .62; border-style: dashed; }
.federated-inspector { padding: 1rem; }
.federated-inspector dl { display: grid; gap: .45rem; margin: .8rem 0; }
.federated-message { margin-top: .7rem; padding: .7rem; border-left: 3px solid var(--anticipatory-cyan); color: var(--muted); background: rgba(116,237,242,.035); font-size: .74rem; }
.federated-tradeoffs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: .8rem; }
.federated-tradeoffs article { padding: .85rem; border: 1px solid var(--line); border-radius: .8rem; background: rgba(255,255,255,.015); }
.federated-tradeoffs p:last-child { color: var(--muted); }

.counterfactual-question { padding: 1rem; margin-bottom: .7rem; }
.counterfactual-forecast-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.counterfactual-forecast-grid button { min-height: 210px; }
.counterfactual-forecast-grid dl { display: grid; gap: .35rem; }
.counterfactual-forecast-grid dl > div { display: flex; justify-content: space-between; gap: .5rem; }
.counterfactual-evidence { margin-top: 1rem; }
.counterfactual-evidence ol { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.counterfactual-evidence li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: center;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(255,255,255,.018);
}
.counterfactual-evidence li > span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1px solid rgba(116,237,242,.35); border-radius: 50%; color: var(--anticipatory-cyan); }
.counterfactual-evidence li p { margin: .25rem 0; color: var(--muted); }
.counterfactual-evidence li small { color: var(--anticipatory-amber); }
.counterfactual-evidence li button { min-height: 44px; padding: .55rem .75rem; border: 1px solid rgba(116,237,242,.3); border-radius: .65rem; color: var(--anticipatory-cyan); background: rgba(116,237,242,.04); }
.counterfactual-evidence li[data-reviewed] { border-color: rgba(125,231,181,.4); }

.anticipatory-session-report {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  margin: 0 clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
  padding: 1rem;
  background: linear-gradient(145deg, rgba(116,237,242,.055), rgba(193,155,255,.04), rgba(4,13,18,.9));
}
.anticipatory-session-report__status { display: grid; align-content: start; justify-items: end; }
.anticipatory-session-report__status strong { font-size: 1.55rem; }
.anticipatory-session-report__status span { color: var(--muted); font-size: .7rem; }
.anticipatory-session-report pre {
  grid-column: 1 / -1;
  max-height: 300px;
  margin: 0;
  padding: .8rem;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--line);
  border-radius: .75rem;
  color: #cfdee6;
  background: rgba(0,0,0,.22);
  font-size: .7rem;
}
.anticipatory-session-report .button-row { grid-column: 1 / -1; }
.anticipatory-session-report__message { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .72rem; }

.gaite-architecture {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.gaite-architecture article {
  position: relative;
  min-height: 190px;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(116,237,242,.045), rgba(193,155,255,.025));
}
.gaite-architecture article > span { color: var(--anticipatory-cyan); font: 780 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.gaite-architecture article p { color: var(--muted); }
.gaite-naming-conflict { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr); gap: 1rem; margin-top: 1rem; padding: 1rem; border-color: rgba(255,210,123,.3); }
.gaite-naming-conflict ul { margin: 0; color: var(--muted); }

.anticipatory-question-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.anticipatory-question-grid li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  min-height: 140px;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
}
.anticipatory-question-grid span { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border: 1px solid rgba(116,237,242,.32); border-radius: 50%; color: var(--anticipatory-cyan); font: 760 .62rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.anticipatory-question-grid p { margin: 0; font-size: .82rem; }

.anticipatory-evidence-labels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.anticipatory-evidence-labels article { padding: .8rem; border: 1px solid var(--line); border-radius: .8rem; background: rgba(255,255,255,.016); }
.anticipatory-evidence-labels p { margin: .55rem 0 0; color: var(--muted); }

@media (max-width: 1180px) {
  .anticipatory-category-key { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .triage-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rccam-layout,
  .federated-layout { grid-template-columns: 1fr; }
  .rccam-rail { grid-template-columns: repeat(5, minmax(150px, 1fr)); overflow-x: auto; padding-bottom: .25rem; }
}

@media (max-width: 900px) {
  .anticipatory-boundary-grid,
  .anticipatory-lab__header,
  .anticipatory-panel__heading,
  .triage-board,
  .anticipatory-feedback,
  .gaite-naming-conflict { grid-template-columns: 1fr; }
  .anticipatory-lab__progress { max-width: 300px; }
  .anticipatory-category-key,
  .gaite-architecture,
  .anticipatory-question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rccam-proposal-grid,
  .counterfactual-forecast-grid { grid-template-columns: 1fr; }
  .federated-network { min-height: 520px; }
  .anticipatory-session-report { grid-template-columns: 1fr; }
  .anticipatory-session-report__status { justify-items: start; }
  .anticipatory-session-report pre,
  .anticipatory-session-report .button-row,
  .anticipatory-session-report__message { grid-column: auto; }
}

@media (max-width: 620px) {
  .anticipatory-panel { padding: .75rem; }
  .anticipatory-category-key,
  .anticipatory-choice-grid,
  .triage-hypotheses,
  .triage-evidence-grid,
  .explanation-comparison,
  .explanation-card dl,
  .anticipatory-result-metrics,
  .federated-tradeoffs,
  .gaite-architecture,
  .anticipatory-question-grid,
  .anticipatory-evidence-labels { grid-template-columns: 1fr; }
  .anticipatory-category-key article { display: grid; grid-template-columns: auto 1fr; gap: .6rem; align-items: start; }
  .anticipatory-category-key p { margin: 0; }
  .anticipatory-choice-grid button { min-height: 72px; }
  .counterfactual-evidence li { grid-template-columns: auto 1fr; }
  .counterfactual-evidence li button { grid-column: 1 / -1; width: 100%; }
  .federated-network { min-height: 650px; }
  .federated-node { width: 7.2rem; min-height: 5.5rem; }
  .federated-node--north { left: 28%; top: 13%; }
  .federated-node--coastal { left: 72%; top: 13%; }
  .federated-node--coalition { left: 50%; top: 50%; }
  .federated-node--orbital { left: 28%; top: 84%; }
  .federated-node--relief { left: 72%; top: 84%; }
  .anticipatory-session-report { margin-inline: .75rem; }
}

@media (max-width: 340px) {
  .anticipatory-panel { padding: .55rem; }
  .anticipatory-module-nav { padding-inline: .5rem; }
  .anticipatory-case,
  .triage-question,
  .triage-machine,
  .federated-inspector,
  .counterfactual-question { padding: .7rem; }
  .federated-network { min-height: 720px; }
  .federated-node { width: 6.5rem; min-height: 5.1rem; font-size: .72rem; }
  .anticipatory-session-report { margin-inline: .5rem; padding: .7rem; }
}

html[data-motion="reduced"] .anticipatory-panel.is-active,
html[data-motion="reduced"] .anticipatory-lab__progress i span,
html[data-motion="reduced"] .anticipatory-choice-grid button,
html[data-motion="reduced"] .triage-hypotheses button,
html[data-motion="reduced"] .explanation-card,
html[data-motion="reduced"] .rccam-proposal-grid button,
html[data-motion="reduced"] .counterfactual-forecast-grid button {
  animation: none;
  transition: none;
  transform: none;
}

@media (prefers-contrast: more) {
  .anticipatory-boundary-card,
  .anticipatory-lab,
  .anticipatory-case,
  .triage-evidence-card,
  .explanation-card,
  .rccam-rail button,
  .federated-network,
  .federated-inspector,
  .counterfactual-evidence li,
  .anticipatory-session-report { border-color: rgba(238,247,255,.55); }
}

@media (forced-colors: active) {
  .anticipatory-boundary-card,
  .anticipatory-lab,
  .anticipatory-category-key article,
  .anticipatory-case,
  .anticipatory-choice-grid button,
  .triage-question,
  .triage-machine,
  .triage-evidence-card,
  .explanation-card,
  .rccam-rail button,
  .rccam-inspector,
  .rccam-proposal-grid button,
  .federated-network,
  .federated-node,
  .federated-inspector,
  .counterfactual-question,
  .counterfactual-forecast-grid button,
  .counterfactual-evidence li,
  .anticipatory-session-report,
  .gaite-architecture article,
  .gaite-naming-conflict,
  .anticipatory-question-grid li,
  .anticipatory-evidence-labels article {
    forced-color-adjust: auto;
    border: 2px solid CanvasText;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
  .federated-network path { stroke: CanvasText; }
}

@media print {
  .anticipatory-module-nav,
  .anticipatory-case__actions,
  .triage-question button,
  .triage-evidence__head button,
  .triage-evidence-card button,
  .explanation-comparison,
  .rccam-proposal-grid,
  .federated-inspector .button-row,
  .counterfactual-forecast-grid,
  .counterfactual-evidence button,
  .anticipatory-session-report .button-row { display: none !important; }
  .anticipatory-panel { display: block !important; break-before: page; }
  .anticipatory-panel[hidden] { display: block !important; }
  .anticipatory-boundary-card,
  .anticipatory-lab,
  .anticipatory-case,
  .triage-evidence-card,
  .anticipatory-module-result,
  .gaite-architecture article,
  .anticipatory-question-grid li {
    break-inside: avoid;
    color: #111 !important;
    border-color: #666 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
}

.anticipatory-concept-label {
  display: inline-flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
  margin: 1rem 0 .65rem;
  padding: .55rem .82rem;
  border: 1px solid rgba(255, 201, 107, .35);
  border-radius: 999px;
  background: rgba(255, 201, 107, .07);
  color: #dceaf0;
  font: 700 .72rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.anticipatory-concept-label strong { color: var(--amber); }

/* Predictive Enforcement Program Explorer — v1.13.0 */
.predictive-enforcement-page {
  --pe-accent: var(--amber);
  --pe-cyan: var(--cyan);
}

.pe-orientation {
  position: relative;
  overflow: hidden;
}

.pe-orientation::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 24%, rgba(255, 201, 107, .08), transparent 26rem),
    radial-gradient(circle at 88% 70%, rgba(92, 225, 230, .06), transparent 30rem);
}

.pe-decision-chain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .55rem;
  margin: 1.5rem 0;
}

.pe-decision-chain::before {
  content: "";
  position: absolute;
  top: 1.55rem;
  left: 4%;
  right: 4%;
  height: 1px;
  background: linear-gradient(90deg, rgba(92,225,230,.1), rgba(255,201,107,.55), rgba(92,225,230,.1));
  box-shadow: 0 0 18px rgba(255,201,107,.18);
}

.pe-decision-chain > div {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: .85rem .7rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(180deg, rgba(15,30,40,.94), rgba(4,10,15,.9));
  text-align: center;
  box-shadow: var(--shadow-small);
}

.pe-decision-chain span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 auto .45rem;
  border: 1px solid color-mix(in srgb, var(--pe-accent) 55%, transparent);
  border-radius: 50%;
  color: var(--pe-accent);
  background: rgba(255,201,107,.06);
  font: 800 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.pe-decision-chain strong {
  display: block;
  font-size: .82rem;
  line-height: 1.28;
}

.pe-boundary-grid,
.pe-boundary-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  margin: 1.35rem 0;
}

.pe-boundary-grid article,
.pe-boundary-list article {
  min-width: 0;
  padding: 1.05rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(15,31,42,.8), rgba(7,16,23,.8));
}

.pe-boundary-grid article:nth-child(2),
.pe-boundary-list article:nth-child(2) {
  border-color: rgba(255,122,122,.24);
}

.pe-boundary-grid article:nth-child(3),
.pe-boundary-list article:nth-child(3) {
  border-color: rgba(126,166,255,.24);
}

.pe-boundary-grid article:nth-child(4),
.pe-boundary-list article:nth-child(4) {
  border-color: rgba(122,230,178,.24);
}

.pe-boundary-grid h3,
.pe-boundary-list h3 {
  font-size: 1.03rem;
}

.pe-boundary-grid p:last-child,
.pe-boundary-list p:last-child {
  margin-bottom: 0;
  color: var(--muted-strong);
  font-size: .9rem;
}

.pe-explorer {
  min-width: 0;
}

.pe-filter-panel {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(150px, .75fr)) auto;
  gap: .75rem;
  align-items: end;
  margin: 1.4rem 0 .8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: rgba(6,15,22,.8);
  box-shadow: var(--shadow-small);
}

.pe-filter-panel label {
  display: grid;
  gap: .35rem;
  min-width: 0;
}

.pe-filter-panel label > span,
.pe-feedback-controls legend {
  color: #b8cad5;
  font: 800 .66rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pe-filter-panel input,
.pe-filter-panel select {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: .65rem .78rem;
  border: 1px solid var(--line-strong);
  border-radius: .75rem;
  background: #07131b;
}

.pe-filter-actions {
  display: flex;
  gap: .55rem;
  align-items: center;
}

.pe-filter-actions .button {
  min-width: max-content;
}

.pe-results-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .65rem 1rem;
  margin: .75rem 0 1rem;
  color: var(--muted);
  font-size: .84rem;
}

.pe-results-bar p {
  margin: 0;
}

.pe-results-bar strong {
  color: var(--ink);
}

.pe-program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.pe-program-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1.05rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,201,107,.055), transparent 13rem),
    linear-gradient(180deg, rgba(13,28,38,.94), rgba(4,12,18,.93));
  box-shadow: var(--shadow-small);
}

.pe-program-card[hidden] {
  display: none !important;
}

.pe-program-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 1.15rem 0 0 1.15rem;
  background: linear-gradient(180deg, var(--pe-accent), transparent 80%);
  opacity: .7;
}

.pe-program-card__head {
  display: flex;
  justify-content: space-between;
  gap: .9rem;
  align-items: flex-start;
}

.pe-program-card__head > div:first-child {
  min-width: 0;
}

.pe-program-card__head h3 {
  margin-bottom: .2rem;
  font-size: clamp(1.22rem, 2.2vw, 1.65rem);
  overflow-wrap: anywhere;
}

.pe-program-card__aliases {
  margin: 0;
  color: var(--muted);
  font-size: .78rem;
}

.pe-program-card__status {
  display: grid;
  justify-items: end;
  gap: .35rem;
  max-width: 42%;
  text-align: right;
}

.pe-program-card__status small {
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.35;
}

.pe-function-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin: .9rem 0;
}

.pe-program-card__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

.pe-program-card__summary > div {
  min-width: 0;
  padding: .72rem .76rem;
  border: 1px solid rgba(154,196,220,.12);
  border-radius: .8rem;
  background: rgba(255,255,255,.018);
}

.pe-program-card__summary span {
  display: block;
  margin-bottom: .2rem;
  color: #7f99aa;
  font: 800 .61rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pe-program-card__summary strong {
  display: block;
  color: #eaf5f9;
  font-size: .82rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.pe-program-details {
  margin-top: .85rem;
  border-top: 1px solid var(--line);
  padding-top: .75rem;
}

.pe-program-details summary {
  min-height: 44px;
  padding: .55rem .2rem;
  color: var(--cyan);
  font-weight: 760;
  cursor: pointer;
}

.pe-program-details__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .65rem;
}

.pe-program-details__grid section,
.pe-unknowns,
.pe-does-not-establish {
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(154,196,220,.12);
  border-radius: .8rem;
  background: rgba(255,255,255,.018);
}

.pe-program-details h4 {
  margin-bottom: .35rem;
  font-size: .82rem;
  letter-spacing: .04em;
}

.pe-program-details p,
.pe-program-details li {
  color: var(--muted-strong);
  font-size: .82rem;
}

.pe-program-details ul {
  margin: 0;
  padding-left: 1.1rem;
}

.pe-unknowns {
  margin-top: .7rem;
  border-color: rgba(255,201,107,.25);
}

.pe-does-not-establish {
  margin-top: .7rem;
  border-color: rgba(255,122,122,.25);
  background: rgba(255,122,122,.035);
}

.pe-does-not-establish strong {
  color: #ffb2b2;
}

.pe-does-not-establish p {
  margin-bottom: 0;
}

.pe-program-card .source-links {
  margin-top: .75rem;
}

.pe-compare-toggle {
  display: flex;
  align-items: center;
  gap: .6rem;
  min-height: 46px;
  margin-top: auto;
  padding-top: .9rem;
  color: #d8e8ef;
  font-weight: 720;
}

.pe-compare-toggle input {
  width: 1.2rem;
  height: 1.2rem;
  accent-color: var(--pe-accent);
}

.pe-empty-state,
.pe-comparison-placeholder {
  margin: 1rem 0 0;
  padding: 1rem;
  border: 1px dashed var(--line-strong);
  border-radius: 1rem;
  color: var(--muted);
  text-align: center;
}

.pe-comparison {
  margin-top: 2rem;
  padding: 1.2rem;
  border: 1px solid var(--line);
  border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(10,23,31,.9), rgba(4,11,17,.9));
}

.pe-comparison__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .65fr);
  gap: 1rem;
  align-items: end;
}

.pe-comparison__head > p {
  margin: 0;
  color: var(--muted);
}

.pe-comparison-form {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: .9rem 0;
}

.pe-comparison-table {
  width: max(100%, 900px);
  border-collapse: collapse;
  font-size: .82rem;
}

.pe-comparison-table th,
.pe-comparison-table td {
  min-width: 220px;
  padding: .75rem;
  border: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
  overflow-wrap: anywhere;
}

.pe-comparison-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 170px;
  background: #0a1821;
}

.pe-comparison-table thead th {
  background: #0d202c;
}

.pe-feedback-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
  margin: 1.2rem 0;
}

.pe-feedback-controls fieldset {
  min-width: 0;
  margin: 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(8,18,25,.72);
}

.pe-feedback-controls legend {
  padding: 0 .4rem;
}

.pe-choice-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .6rem;
}

.pe-choice-row button {
  min-height: 54px;
  padding: .68rem .75rem;
  border: 1px solid var(--line-strong);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
  color: var(--muted-strong);
  text-align: left;
}

.pe-choice-row button small {
  display: block;
  color: var(--muted);
}

.pe-choice-row button[aria-pressed="true"] {
  border-color: color-mix(in srgb, var(--pe-accent) 55%, transparent);
  background: rgba(255,201,107,.08);
  color: var(--ink);
  box-shadow: 0 0 0 1px rgba(255,201,107,.08) inset;
}

.pe-loop-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1.2rem;
}

.pe-loop-track article {
  --pe-loop-intensity: .5;
  position: relative;
  min-width: 0;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--pe-accent) calc(var(--pe-loop-intensity) * 50%), var(--line));
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,201,107,calc(var(--pe-loop-intensity) * .09)), transparent 9rem),
    rgba(7,18,25,.85);
}

.pe-loop-track article:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -.65rem;
  z-index: 2;
  transform: translate(50%, -50%);
  color: var(--pe-accent);
  font-weight: 900;
}

.pe-loop-track span {
  color: var(--pe-accent);
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.pe-loop-track h3 {
  margin: .45rem 0 .3rem;
  font-size: .95rem;
}

.pe-loop-track p {
  margin: 0;
  color: var(--muted);
  font-size: .8rem;
}

.pe-feedback-result {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .95rem;
}

.pe-feedback-result > div {
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
}

.pe-feedback-result span {
  display: block;
  color: var(--muted);
  font-size: .72rem;
}

.pe-feedback-result strong {
  display: block;
  margin-top: .25rem;
  color: #f5fbfd;
  overflow-wrap: anywhere;
}

.pe-feedback-explanation {
  margin-top: .8rem;
  padding: 1rem;
  border-left: 3px solid var(--pe-accent);
  background: rgba(255,201,107,.035);
}

.pe-feedback-explanation p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1180px) {
  .pe-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .pe-filter-panel label:first-child {
    grid-column: span 2;
  }
  .pe-decision-chain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .pe-decision-chain::before {
    display: none;
  }
  .pe-boundary-grid,
  .pe-boundary-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .pe-program-grid,
  .pe-feedback-controls,
  .pe-comparison__head {
    grid-template-columns: 1fr;
  }
  .pe-loop-track {
    grid-template-columns: 1fr;
  }
  .pe-loop-track article:not(:last-child)::after {
    content: "↓";
    top: auto;
    bottom: -.7rem;
    right: 50%;
    transform: translate(50%, 50%);
  }
  .pe-feedback-result {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pe-filter-panel {
    grid-template-columns: 1fr;
    padding: .8rem;
  }
  .pe-filter-panel label:first-child {
    grid-column: auto;
  }
  .pe-filter-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .pe-filter-actions .button,
  .pe-comparison-form .button {
    width: 100%;
    min-width: 0;
  }
  .pe-decision-chain,
  .pe-boundary-grid,
  .pe-boundary-list,
  .pe-program-card__summary,
  .pe-program-details__grid,
  .pe-feedback-result {
    grid-template-columns: 1fr;
  }
  .pe-program-card {
    padding: .85rem;
  }
  .pe-program-card__head {
    display: grid;
  }
  .pe-program-card__status {
    justify-items: start;
    max-width: none;
    text-align: left;
  }
  .pe-results-bar {
    display: grid;
  }
  .pe-comparison {
    padding: .85rem;
  }
}

@media (max-width: 320px) {
  .pe-program-card,
  .pe-filter-panel,
  .pe-comparison,
  .pe-feedback-controls fieldset {
    border-radius: .85rem;
  }
  .pe-choice-row {
    grid-template-columns: 1fr;
  }
  .pe-comparison-table th,
  .pe-comparison-table td {
    min-width: 190px;
    padding: .62rem;
  }
}

@media print {
  .pe-filter-panel,
  .pe-compare-toggle,
  .pe-comparison-form,
  .pe-feedback-controls {
    display: none !important;
  }
  .pe-program-grid,
  .pe-boundary-grid,
  .pe-boundary-list,
  .pe-decision-chain,
  .pe-loop-track,
  .pe-feedback-result {
    display: block;
  }
  .pe-program-card,
  .pe-boundary-grid article,
  .pe-boundary-list article,
  .pe-decision-chain > div,
  .pe-loop-track article,
  .pe-feedback-result > div {
    break-inside: avoid;
    margin-bottom: .6rem;
    box-shadow: none;
  }
  .pe-program-details {
    display: block;
  }
}

/* Source Freshness and Correction Center */
.source-review-page .page-intro {
  background:
    radial-gradient(circle at 16% 18%, rgba(92, 225, 230, .12), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(255, 201, 107, .1), transparent 26%),
    linear-gradient(180deg, rgba(4, 15, 22, .98), rgba(4, 10, 15, .98));
}

.source-review-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin-bottom: 1rem;
}

.source-review-metrics article {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
}

.source-review-metrics span,
.source-review-metrics small {
  display: block;
  color: var(--muted);
}

.source-review-metrics span {
  font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.source-review-metrics strong {
  display: block;
  margin: .3rem 0 .15rem;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1;
}

.source-review-state-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}

.source-review-state-card {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255,255,255,.022);
}

.source-review-state-card > div {
  display: flex;
  gap: .65rem;
  align-items: center;
}

.source-review-state-card span {
  display: grid;
  place-items: center;
  min-width: 2.2rem;
  height: 2.2rem;
  padding: 0 .45rem;
  border-radius: 999px;
  border: 1px solid rgba(92,225,230,.32);
  color: var(--accent);
  font-weight: 800;
}

.source-review-state-card h3 {
  margin: 0;
  font-size: .95rem;
}

.source-review-state-card p {
  margin: .6rem 0 0;
  color: var(--muted);
  font-size: .8rem;
}

.source-review-state-card--disputed,
.source-review-state-card--withdrawn_or_corrected,
.source-review-state-card--link_unavailable {
  border-color: rgba(255, 201, 107, .28);
}

.source-review-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(150px, .8fr));
  gap: .75rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255,255,255,.022);
}

.source-review-filter > div {
  min-width: 0;
}

.source-review-filter label {
  display: block;
  margin-bottom: .3rem;
  color: var(--muted);
  font: 700 .69rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.source-review-filter input,
.source-review-filter select {
  width: 100%;
}

.source-review-filter__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.source-review-count {
  margin: 1rem 0;
  color: var(--muted);
}

.source-review-list {
  display: grid;
  gap: .9rem;
}

.source-review-record {
  scroll-margin-top: calc(var(--header-height, 88px) + 2rem);
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(9, 24, 33, .92), rgba(4, 12, 18, .92));
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}

.source-review-record:target {
  border-color: rgba(92,225,230,.62);
  box-shadow: 0 0 0 2px rgba(92,225,230,.1), 0 18px 50px rgba(0,0,0,.18);
}

.source-review-record__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.source-review-record__head h3 {
  margin: .2rem 0 .35rem;
  overflow-wrap: anywhere;
}

.source-review-record__head h3 a {
  color: var(--text);
}

.source-review-record__id {
  margin: 0;
  color: var(--muted);
  font-size: .78rem;
  overflow-wrap: anywhere;
}

.source-review-record__badges {
  flex: 0 0 auto;
  display: grid;
  justify-items: end;
  gap: .45rem;
}

.source-review-dependency-count {
  color: var(--muted);
  font-size: .72rem;
  white-space: nowrap;
}

.source-review-record__support {
  margin-top: .85rem;
  padding: .85rem;
  border-left: 3px solid rgba(92,225,230,.55);
  border-radius: .7rem;
  background: rgba(92,225,230,.045);
}

.source-review-record__support strong {
  color: var(--accent);
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.source-review-record__support p {
  margin: .35rem 0 0;
}

.source-review-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: .85rem 0;
}

.source-review-facts > div {
  min-width: 0;
  padding: .7rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .75rem;
  background: rgba(255,255,255,.02);
}

.source-review-facts dt {
  color: var(--muted);
  font: 700 .62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.source-review-facts dd {
  margin: .25rem 0 0;
  overflow-wrap: anywhere;
}

.source-review-record__note {
  color: var(--muted);
}

.source-review-record__details {
  margin-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.07);
  padding-top: .75rem;
}

.source-review-record__details summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 800;
}

.source-review-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: .8rem;
}

.source-review-detail-grid section {
  min-width: 0;
  padding: .85rem;
  border-radius: .8rem;
  background: rgba(255,255,255,.02);
}

.source-review-detail-grid h4 {
  margin-top: 0;
}

.source-review-detail-grid ul {
  margin-bottom: 0;
}

.source-review-dependencies {
  display: grid;
  gap: .4rem;
  padding: 0;
  list-style: none;
}

.source-review-dependencies li {
  display: grid;
  grid-template-columns: minmax(120px, .55fr) minmax(0, 1.45fr);
  gap: .6rem;
  padding: .45rem .55rem;
  border-radius: .65rem;
  background: rgba(255,255,255,.025);
}

.source-review-dependencies span {
  color: var(--muted);
  font-size: .72rem;
}

.source-review-dependencies a {
  overflow-wrap: anywhere;
}

.source-review-record__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .7rem;
  align-items: center;
  margin-top: .85rem;
  padding-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.07);
}

.source-review-empty {
  padding: 1rem;
  border: 1px dashed var(--line);
  border-radius: .9rem;
  text-align: center;
  color: var(--muted);
}

@media (max-width: 1120px) {
  .source-review-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-review-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-review-filter > div:first-child { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .source-review-metrics,
  .source-review-state-grid,
  .source-review-filter,
  .source-review-facts,
  .source-review-detail-grid { grid-template-columns: 1fr; }
  .source-review-filter > div:first-child { grid-column: auto; }
  .source-review-record__head { display: grid; }
  .source-review-record__badges { justify-items: start; }
  .source-review-dependencies li { grid-template-columns: 1fr; }
  .source-review-record__footer { align-items: stretch; }
  .source-review-record__footer .button { width: 100%; }
}

@media (forced-colors: active) {
  .source-review-record,
  .source-review-state-card,
  .source-review-metrics article,
  .source-review-filter {
    border: 1px solid CanvasText;
  }
}

/* ========================================================================== 
   v1.14.1 Simulation intro containment correction
   The detailed cold-open must size the challenge frame while it is visible.
   After launch, the challenge returns to its immersive desktop/mobile layout.
   ========================================================================== */
.challenge-frame {
  scroll-margin-top: calc(var(--header-height) + var(--sister-strip-height, 0px) + 1rem);
}

.challenge-app:not(.intro-dismissed) .challenge-frame {
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.challenge-app:not(.intro-dismissed) .challenge-cold-open {
  position: relative;
  inset: auto;
  min-height: clamp(790px, 68vh, 1080px);
  max-height: none;
  overflow: visible;
  place-items: start center;
}

.challenge-app:not(.intro-dismissed) .challenge-console {
  position: absolute;
  inset: 0;
  visibility: hidden;
  pointer-events: none;
}


.challenge-app.intro-dismissed .challenge-cold-open {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 720px) {
  .challenge-app:not(.intro-dismissed) .challenge-cold-open {
    min-height: 0;
    max-height: none;
    overflow: visible;
    padding: max(1rem, var(--safe-top)) .8rem max(1rem, var(--safe-bottom));
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .challenge-app:not(.intro-dismissed) .challenge-cold-open {
    overflow: visible;
  }
}

/* ========================================================================== 
   v1.15.0 Daily Break the Chain command-board experience
   Distinct phase semantics, evidence lineage, confidence calibration, and
   consequence reconstruction without changing authoritative challenge state.
   ========================================================================== */
.challenge-app {
  --phase-tone: var(--challenge-accent);
}

.challenge-console {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.challenge-phase-board {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(390px, 1.45fr) minmax(260px, .9fr);
  gap: .7rem;
  align-items: center;
  min-width: 0;
  padding: .58rem .78rem;
  border-bottom: 1px solid color-mix(in srgb, var(--phase-tone) 22%, var(--line));
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--phase-tone) 8%, rgba(3,9,13,.94)), rgba(3,9,13,.92) 38%, rgba(3,9,13,.94)),
    rgba(3,9,13,.94);
  box-shadow: inset 3px 0 var(--phase-tone);
  backdrop-filter: blur(15px);
}

.challenge-phase-board::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  opacity: .58;
  background: linear-gradient(90deg, var(--phase-tone), transparent 58%);
}

.challenge-phase-board__identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  align-items: center;
  min-width: 0;
}

.challenge-phase-board__identity > span {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid color-mix(in srgb, var(--phase-tone) 65%, transparent);
  border-radius: .7rem;
  color: #f2fbff;
  background: color-mix(in srgb, var(--phase-tone) 13%, rgba(2,8,12,.9));
  box-shadow: 0 0 18px color-mix(in srgb, var(--phase-tone) 18%, transparent);
  font: 900 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-phase-board__identity p,
.challenge-phase-board__identity strong {
  display: block;
  margin: 0;
}

.challenge-phase-board__identity strong {
  overflow-wrap: anywhere;
  color: #dceaf0;
  font-size: .67rem;
  line-height: 1.35;
}

.challenge-flow-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .28rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.challenge-flow-strip li {
  position: relative;
  display: grid;
  gap: .08rem;
  min-width: 0;
  padding: .42rem .45rem .42rem .72rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: .54rem;
  color: #637986;
  background: rgba(255,255,255,.014);
  transition: border-color .22s ease, color .22s ease, background .22s ease, transform .22s ease;
}

.challenge-flow-strip li::before {
  content: "";
  position: absolute;
  left: .34rem;
  top: 50%;
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  transform: translateY(-50%);
  background: currentColor;
}

.challenge-flow-strip li span,
.challenge-flow-strip li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challenge-flow-strip li span {
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.challenge-flow-strip li small {
  font-size: .48rem;
}

.challenge-flow-strip li.is-complete {
  color: #75b798;
  border-color: rgba(122,230,178,.17);
}

.challenge-flow-strip li.is-active {
  color: #f0fbff;
  border-color: color-mix(in srgb, var(--phase-tone) 58%, transparent);
  background: color-mix(in srgb, var(--phase-tone) 10%, transparent);
  box-shadow: inset 0 -2px var(--phase-tone);
}

.challenge-state-readout {
  display: grid;
  grid-template-columns: 1fr;
  gap: .24rem;
  min-width: 0;
}

.challenge-state-readout span {
  position: relative;
  display: block;
  min-width: 0;
  padding: .28rem .45rem .28rem 1.05rem;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: .48rem;
  overflow: hidden;
  color: #8499a5;
  background: rgba(255,255,255,.014);
  font: 700 .51rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challenge-state-readout span::before {
  content: "";
  position: absolute;
  left: .46rem;
  top: 50%;
  width: .34rem;
  height: .34rem;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #617784;
}

.challenge-state-readout [data-state="warning"]::before { background: var(--amber); box-shadow: 0 0 8px rgba(255,201,107,.38); }
.challenge-state-readout [data-state="staged"]::before { background: var(--cyan); box-shadow: 0 0 8px rgba(92,225,230,.38); }
.challenge-state-readout [data-state="contained"]::before { background: var(--green); box-shadow: 0 0 8px rgba(122,230,178,.38); }

.challenge-stage-evidence {
  display: grid;
  gap: .32rem;
  margin: .65rem 0;
  padding-top: .55rem;
  border-top: 1px solid var(--line);
}

.challenge-stage-evidence > p {
  margin: 0;
  color: #718793;
  font-size: .58rem;
}

.challenge-stage-evidence__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .48rem;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: .42rem .48rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: .55rem;
  color: #d4e4eb;
  background: rgba(255,255,255,.018);
  text-align: left;
}

.challenge-stage-evidence__item > span,
.reconstruction-record > span {
  width: .48rem;
  height: .48rem;
  border-radius: 50%;
  background: var(--signal-tone, #526a78);
  box-shadow: 0 0 10px color-mix(in srgb, var(--signal-tone, #526a78) 48%, transparent);
}

.challenge-stage-evidence__item strong,
.challenge-stage-evidence__item small {
  display: block;
}

.challenge-stage-evidence__item strong {
  overflow: hidden;
  font-size: .61rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challenge-stage-evidence__item small {
  margin-top: .08rem;
  color: #758d99;
  font-size: .52rem;
}

.challenge-evidence-board {
  display: grid;
  gap: .55rem;
  margin-bottom: .65rem;
  padding: .62rem;
  border: 1px solid color-mix(in srgb, var(--phase-tone) 28%, var(--line));
  border-radius: .72rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--phase-tone) 6%, transparent), rgba(255,255,255,.012));
}

.challenge-evidence-board__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .35rem;
}

.challenge-evidence-board__stats > div {
  min-width: 0;
  padding: .42rem .48rem;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: .52rem;
  background: rgba(0,0,0,.13);
}

.challenge-evidence-board__stats span,
.challenge-evidence-board__stats strong {
  display: block;
}

.challenge-evidence-board__stats span {
  color: #738a97;
  font-size: .49rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.challenge-evidence-board__stats strong {
  margin-top: .12rem;
  color: #e8f7fc;
  font: 850 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-provenance-flow {
  display: grid;
  gap: .32rem;
  max-height: 182px;
  overflow-y: auto;
  padding-right: .12rem;
}

.challenge-provenance-flow > p:not(.kicker) {
  margin: 0;
  padding: .58rem;
  border: 1px dashed rgba(255,255,255,.08);
  border-radius: .55rem;
  color: #718995;
  font-size: .59rem;
}

.provenance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(90px, .72fr);
  gap: .32rem;
  align-items: center;
  min-width: 0;
  padding: .4rem;
  border-left: 2px solid var(--signal-tone, #8ea4b3);
  border-radius: .45rem;
  background: rgba(0,0,0,.16);
}

.provenance-row > span {
  min-width: 0;
}

.provenance-row small,
.provenance-row strong {
  display: block;
}

.provenance-row small {
  color: #617a87;
  font-size: .45rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.provenance-row strong {
  margin-top: .08rem;
  overflow: hidden;
  color: #cfe0e7;
  font-size: .55rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provenance-row > i {
  width: .65rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.18), var(--signal-tone, #8ea4b3));
}

.evidence-card {
  border-left-color: var(--signal-tone, var(--line));
}

.evidence-card.is-inspected {
  border-left-width: 3px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--signal-tone, #8ea4b3) 7%, transparent), rgba(255,255,255,.018));
}

.evidence-card__meta {
  gap: .28rem;
  flex-wrap: wrap;
}

.evidence-card__meta em {
  color: var(--signal-tone, #8ea4b3);
  font-style: normal;
  font-size: .47rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.challenge-confidence-audit {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .48rem;
  margin: .65rem 0;
  padding: .62rem;
  border: 1px solid var(--line);
  border-radius: .68rem;
  background: rgba(0,0,0,.12);
}

.challenge-confidence-audit > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .25rem .5rem;
  min-width: 0;
}

.challenge-confidence-audit span {
  color: #7d949f;
  font-size: .53rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.challenge-confidence-audit strong {
  color: #eff9fc;
  font: 850 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-confidence-audit i {
  grid-column: 1 / -1;
  display: block;
  height: .3rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.065);
}

.challenge-confidence-audit i b {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--challenge-accent), var(--phase-tone));
  transition: width .25s ease;
}

.challenge-confidence-audit p {
  grid-column: 1 / -1;
  margin: .08rem 0 0;
  padding-top: .42rem;
  border-top: 1px solid var(--line);
  color: #849aa6;
  font-size: .58rem;
  line-height: 1.42;
}

.challenge-confidence-audit p[data-state="warning"] { color: #e8c17b; }
.challenge-confidence-audit p[data-state="aligned"] { color: #8fd2af; }

.challenge-control-preview {
  margin-bottom: .62rem;
  padding: .62rem;
  border: 1px dashed rgba(255,255,255,.09);
  border-radius: .68rem;
  color: #8198a4;
  background: rgba(0,0,0,.1);
  font-size: .59rem;
}

.challenge-control-preview > p:last-child { margin-bottom: 0; }

.challenge-control-preview.has-selection {
  border-style: solid;
  border-color: color-mix(in srgb, var(--phase-tone) 35%, var(--line));
  background: linear-gradient(135deg, color-mix(in srgb, var(--phase-tone) 6%, transparent), rgba(255,255,255,.012));
}

.challenge-control-preview__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .7rem;
  margin-bottom: .55rem;
}

.challenge-control-preview__head span,
.challenge-control-preview__head strong {
  display: block;
}

.challenge-control-preview__head span {
  color: #758d99;
  font-size: .48rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.challenge-control-preview__head strong {
  margin-top: .14rem;
  color: #edf9fd;
  font-size: .68rem;
}

.challenge-control-preview__head em {
  flex: 0 0 auto;
  padding: .28rem .42rem;
  border: 1px solid color-mix(in srgb, var(--phase-tone) 42%, transparent);
  border-radius: 999px;
  color: var(--phase-tone);
  font-style: normal;
  font-size: .5rem;
  text-transform: uppercase;
}

.challenge-path-mini {
  display: grid;
  grid-template-columns: repeat(9, auto);
  align-items: center;
  justify-content: stretch;
  gap: .18rem;
  min-width: 0;
  margin: .45rem 0;
}

.challenge-path-mini > span {
  display: grid;
  place-items: center;
  gap: .12rem;
  min-width: 0;
  min-height: 3rem;
  padding: .28rem .22rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .48rem;
  color: #6f8794;
  background: rgba(255,255,255,.015);
  text-align: center;
}

.challenge-path-mini > span i {
  font: 800 .48rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-path-mini > span strong {
  max-width: 100%;
  overflow: hidden;
  font-size: .48rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.challenge-path-mini > span.is-before { color: #76ad94; }
.challenge-path-mini > span.is-target {
  color: #f0fbff;
  border-color: var(--phase-tone);
  background: color-mix(in srgb, var(--phase-tone) 9%, transparent);
  box-shadow: inset 0 -2px var(--phase-tone);
}
.challenge-path-mini > span[data-state="original"].is-target { --phase-tone: var(--challenge-accent); }
.challenge-path-mini > span[data-state="alternative"].is-target { --phase-tone: var(--challenge-secondary); }
.challenge-path-mini > b {
  min-width: .4rem;
  height: 1px;
  background: rgba(255,255,255,.13);
}

.challenge-control-preview dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .32rem;
  margin: .5rem 0;
}

.challenge-control-preview dl > div {
  min-width: 0;
  padding: .38rem;
  border-radius: .45rem;
  background: rgba(0,0,0,.14);
}

.challenge-control-preview dt,
.challenge-control-preview dd { margin: 0; }
.challenge-control-preview dt { color: #687f8b; font-size: .46rem; text-transform: uppercase; }
.challenge-control-preview dd { margin-top: .12rem; color: #c7d8df; font-size: .54rem; }

.challenge-consequence-map {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .32rem;
  margin: .65rem 0;
}

.consequence-stage {
  position: relative;
  min-width: 0;
  padding: .48rem;
  border: 1px solid var(--line);
  border-radius: .58rem;
  color: #627985;
  background: rgba(255,255,255,.014);
}

.consequence-stage span,
.consequence-stage strong,
.consequence-stage small { display: block; }
.consequence-stage span { color: inherit; font: 800 .48rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.consequence-stage strong { margin-top: .22rem; overflow: hidden; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.consequence-stage small { margin-top: .14rem; color: #718894; font-size: .48rem; line-height: 1.3; }
.consequence-stage.is-traversed { color: #81b49c; border-color: rgba(122,230,178,.17); }
.consequence-stage.is-interrupted { color: var(--amber); border-color: rgba(255,201,107,.58); background: rgba(255,201,107,.07); box-shadow: inset 0 -3px var(--amber); }
.consequence-stage.is-blocked { opacity: .52; border-style: dashed; }
.consequence-stage.is-unresolved,
.consequence-stage.is-active-downstream { color: #ff91a8; border-color: rgba(255,107,138,.38); background: rgba(255,107,138,.055); }

.challenge-consequence-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .38rem;
  margin-bottom: .65rem;
}

.challenge-consequence-facts > div {
  min-width: 0;
  padding: .5rem;
  border: 1px solid var(--line);
  border-radius: .55rem;
  background: rgba(255,255,255,.016);
}

.challenge-consequence-facts span,
.challenge-consequence-facts strong { display: block; }
.challenge-consequence-facts span { color: #718894; font-size: .48rem; text-transform: uppercase; }
.challenge-consequence-facts strong { margin-top: .14rem; color: #dbeaf0; font-size: .58rem; line-height: 1.35; }

.challenge-evidence-reconstruction {
  margin: .72rem 0;
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .72rem;
  background: rgba(0,0,0,.11);
}

.challenge-evidence-reconstruction__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .7rem;
  margin-bottom: .5rem;
}

.challenge-evidence-reconstruction__head h3 { margin: .08rem 0 0; font-size: .9rem; }
.challenge-evidence-reconstruction__head > span {
  flex: 0 0 auto;
  padding: .28rem .42rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: #90a5af;
  font: 750 .5rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.challenge-evidence-reconstruction__list {
  display: grid;
  gap: .45rem;
}

.challenge-evidence-reconstruction__list section {
  display: grid;
  gap: .28rem;
  padding: .48rem;
  border-radius: .52rem;
  background: rgba(255,255,255,.016);
}

.challenge-evidence-reconstruction__list h4 {
  margin: 0 0 .1rem;
  color: #8ca3ae;
  font-size: .55rem;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.reconstruction-record {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .42rem;
  align-items: center;
}

.reconstruction-record strong,
.reconstruction-record small { display: block; }
.reconstruction-record strong { color: #d4e5eb; font-size: .58rem; }
.reconstruction-record small { margin-top: .08rem; color: #718995; font-size: .49rem; }

.challenge-replay-map {
  display: grid;
  gap: .5rem;
  margin: .65rem 0;
}

.challenge-replay-map section {
  padding: .52rem;
  border: 1px solid var(--line);
  border-radius: .62rem;
  background: rgba(0,0,0,.12);
}

.challenge-replay-map section .kicker { margin-bottom: .28rem; }

.timeline-node {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.timeline-node > div,
.timeline-node > div strong,
.timeline-node > div small,
.timeline-node > em { min-width: 0; }
.timeline-node > div strong,
.timeline-node > div small { display: block; }
.timeline-node > div small { overflow: hidden; margin-top: .06rem; color: #647d89; font-size: .46rem; text-overflow: ellipsis; white-space: nowrap; }
.timeline-node > em { color: #607985; font-style: normal; font-size: .42rem; text-transform: uppercase; }
.timeline-node.is-active > em,
.timeline-node.is-interrupted > em { color: currentColor; }

.challenge-event {
  grid-template-columns: auto minmax(0, 1fr);
}
.challenge-event div,
.challenge-event span,
.challenge-event small { min-width: 0; }
.challenge-event span,
.challenge-event small { display: block; }
.challenge-event small { margin-top: .08rem; color: #576f7c; font-size: .46rem; }
.challenge-event[data-event-type="evidence"] { border-left-color: var(--violet); }
.challenge-event[data-event-type="hypothesis"] { border-left-color: var(--amber); }
.challenge-event[data-event-type="control"] { border-left-color: #ff8eb0; }
.challenge-event[data-event-type="challenge"] { border-left-color: var(--green); }

.challenge-app[data-phase="observation"] .challenge-stage-inspector,
.challenge-app[data-phase="evidence"] .challenge-stage-inspector,
.challenge-app[data-phase="hypothesis"] .challenge-command,
.challenge-app[data-phase="intervention"] .challenge-command,
.challenge-app[data-phase="resolved"] .challenge-command,
.challenge-app[data-phase="debrief"] .challenge-command,
.challenge-app[data-phase="replay"] .challenge-command {
  border-color: color-mix(in srgb, var(--phase-tone) 32%, rgba(156,205,226,.19));
  box-shadow: 0 18px 50px rgba(0,0,0,.25), inset 0 2px color-mix(in srgb, var(--phase-tone) 35%, transparent);
}

@media (max-width: 1180px) {
  .challenge-phase-board {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.5fr);
  }
  .challenge-state-readout {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .challenge-console {
    grid-template-rows: auto auto auto auto;
  }
  .challenge-phase-board {
    grid-template-columns: 1fr;
    padding: .62rem;
  }
  .challenge-flow-strip {
    overflow-x: auto;
    grid-template-columns: repeat(5, minmax(100px, 1fr));
    padding-bottom: .12rem;
  }
  .challenge-state-readout {
    grid-column: auto;
    grid-template-columns: 1fr;
  }
  .challenge-state-readout span { white-space: normal; }
  .challenge-evidence-board__stats,
  .challenge-control-preview dl,
  .challenge-consequence-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .provenance-row {
    grid-template-columns: 1fr;
    gap: .24rem;
  }
  .provenance-row > i {
    width: 1px;
    height: .45rem;
    margin-left: .25rem;
    background: linear-gradient(180deg, rgba(255,255,255,.18), var(--signal-tone, #8ea4b3));
  }
  .challenge-consequence-map {
    grid-template-columns: repeat(5, minmax(112px, 1fr));
    overflow-x: auto;
    padding-bottom: .15rem;
  }
  .challenge-path-mini {
    grid-template-columns: repeat(9, max-content);
    overflow-x: auto;
    justify-content: start;
    padding-bottom: .15rem;
  }
  .challenge-path-mini > span { min-width: 84px; }
}

@media (max-width: 720px) {
  .challenge-phase-board__identity > span {
    width: 2.6rem;
    height: 2.6rem;
  }
  .challenge-flow-strip li,
  .challenge-stage-evidence__item,
  .challenge-control-preview__head em {
    min-height: var(--tap-target);
  }
  .challenge-evidence-board__stats,
  .challenge-confidence-audit,
  .challenge-consequence-facts,
  .challenge-control-preview dl {
    grid-template-columns: 1fr;
  }
  .challenge-confidence-audit p { grid-column: 1; }
  .challenge-control-preview__head,
  .challenge-evidence-reconstruction__head {
    display: grid;
  }
  .challenge-control-preview__head em,
  .challenge-evidence-reconstruction__head > span {
    width: fit-content;
  }
  .challenge-consequence-map {
    grid-template-columns: 1fr;
    overflow: visible;
  }
  .consequence-stage {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .18rem .5rem;
  }
  .consequence-stage span { grid-row: 1 / span 2; align-self: center; }
  .consequence-stage strong,
  .consequence-stage small { margin: 0; white-space: normal; }
  .timeline-node > em { display: none; }
}

@media (max-width: 430px) {
  .challenge-phase-board { padding: .55rem; }
  .challenge-phase-board__identity { align-items: start; }
  .challenge-evidence-board,
  .challenge-confidence-audit,
  .challenge-control-preview,
  .challenge-evidence-reconstruction { padding: .52rem; }
  .challenge-stage-evidence__item strong,
  .provenance-row strong { white-space: normal; }
}

@media (max-height: 590px) and (orientation: landscape) {
  .challenge-app.intro-dismissed .challenge-phase-board {
    grid-template-columns: minmax(210px, .8fr) minmax(380px, 1.4fr) minmax(240px, .9fr);
    padding-block: .42rem;
  }
  .challenge-app.intro-dismissed .challenge-state-readout { grid-template-columns: 1fr; grid-column: auto; }
  .challenge-app.intro-dismissed .challenge-flow-strip li { padding-block: .32rem; }
}

@media (prefers-reduced-motion: reduce) {
  .challenge-flow-strip li,
  .challenge-confidence-audit i b {
    transition: none;
  }
}

@media (forced-colors: active) {
  .challenge-phase-board,
  .challenge-evidence-board,
  .challenge-confidence-audit,
  .challenge-control-preview,
  .challenge-consequence-facts > div,
  .challenge-evidence-reconstruction,
  .challenge-replay-map section,
  .challenge-stage-evidence__item,
  .provenance-row,
  .consequence-stage {
    border: 1px solid CanvasText;
  }
  .challenge-phase-board,
  .challenge-flow-strip li.is-active,
  .challenge-path-mini > span.is-target {
    box-shadow: none;
  }
}

/* Machine Leadership Lab --------------------------------------------------- */
.machine-leadership-page {
  --leadership-human: var(--blue);
  --leadership-shared: var(--violet);
  --leadership-machine: var(--cyan);
  --leadership-warning: var(--amber);
}

.machine-leadership-primer {
  position: relative;
  overflow: clip;
}

.machine-leadership-primer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 22%, rgba(126, 166, 255, .1), transparent 24rem),
    radial-gradient(circle at 87% 70%, rgba(92, 225, 230, .08), transparent 26rem);
}

.leadership-thesis {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(1.2rem, 4vw, 4rem);
  align-items: end;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(13, 29, 39, .92), rgba(4, 10, 15, .86));
  box-shadow: var(--shadow);
}

.leadership-thesis p:last-child {
  margin: 0;
  color: var(--muted-strong);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
}

.machine-leadership-chain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .55rem;
  margin-top: 1.25rem;
}

.machine-leadership-chain::before {
  content: "";
  position: absolute;
  top: 1.56rem;
  left: 3%;
  right: 3%;
  height: 2px;
  background: linear-gradient(90deg, var(--leadership-human), var(--leadership-shared), var(--leadership-machine), var(--leadership-warning));
  opacity: .5;
}

.machine-leadership-chain article {
  position: relative;
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(6, 14, 20, .9);
}

.machine-leadership-chain article > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: .7rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--panel-solid);
  color: var(--cyan);
  font: 700 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.machine-leadership-chain h3 {
  margin-bottom: .25rem;
  font-size: .96rem;
}

.machine-leadership-chain p {
  margin-bottom: .4rem;
  color: var(--muted-strong);
  font-weight: 700;
  font-size: .75rem;
}

.machine-leadership-chain small {
  display: block;
  color: var(--muted);
  font-size: .7rem;
  line-height: 1.45;
}

.machine-leadership-chain__boundary {
  margin: .8rem 0 0;
  padding: .8rem 1rem;
  border-left: 3px solid var(--amber);
  background: rgba(255, 201, 107, .06);
  color: var(--muted-strong);
}

.leadership-spectrum {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.leadership-spectrum > li {
  min-width: 0;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 1rem;
  overflow: hidden;
  background: linear-gradient(150deg, rgba(13, 29, 39, .82), rgba(4, 10, 15, .92));
}

.leadership-spectrum button {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem .8rem;
  width: 100%;
  min-height: 8.6rem;
  padding: .9rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.leadership-spectrum button:hover,
.leadership-spectrum button:focus-visible,
.leadership-spectrum button[aria-expanded="true"] {
  background: rgba(92, 225, 230, .05);
}

.leadership-spectrum button > span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--cyan);
  font: 700 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.leadership-spectrum button strong {
  align-self: end;
  color: var(--ink);
}

.leadership-spectrum button small {
  color: var(--muted);
  line-height: 1.45;
}

.leadership-spectrum__detail {
  padding: 0 .9rem .9rem;
}

.leadership-spectrum__detail dl {
  display: grid;
  gap: .55rem;
  margin: 0;
}

.leadership-spectrum__detail dl > div {
  padding: .65rem;
  border-radius: .65rem;
  background: rgba(255,255,255,.025);
}

.leadership-spectrum__detail dt {
  color: var(--cyan);
  font: 700 .63rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.leadership-spectrum__detail dd {
  margin: .25rem 0 0;
  color: var(--muted-strong);
  font-size: .78rem;
}

.leadership-lab-section {
  scroll-margin-top: calc(var(--header-height) + 2rem);
}

.leadership-lab,
.proxy-responsibility-lab,
.institution-stress-lab {
  padding: clamp(.9rem, 2vw, 1.35rem);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 12% 10%, rgba(126, 166, 255, .08), transparent 22rem),
    radial-gradient(circle at 90% 88%, rgba(92, 225, 230, .06), transparent 24rem),
    rgba(4, 10, 15, .92);
  box-shadow: var(--shadow);
}

.leadership-institution-picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}

.leadership-institution-picker button {
  display: grid;
  gap: .25rem;
  min-height: 5.25rem;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
  text-align: left;
}

.leadership-institution-picker button span {
  color: var(--muted);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.leadership-institution-picker button strong {
  color: var(--ink);
}

.leadership-institution-picker button:hover,
.leadership-institution-picker button:focus-visible,
.leadership-institution-picker button[data-selected] {
  border-color: rgba(92,225,230,.48);
  background: rgba(92,225,230,.08);
}

.leadership-institution-brief {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  margin: .85rem 0;
  padding: .95rem 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(9, 20, 28, .78);
}

.leadership-institution-brief p:last-child { margin-bottom: 0; }

.leadership-state-badge {
  max-width: 16rem;
  padding: .7rem .85rem;
  border: 1px solid rgba(185,135,255,.35);
  border-radius: .75rem;
  background: rgba(185,135,255,.07);
}

.leadership-state-badge span,
.leadership-state-badge strong { display: block; }
.leadership-state-badge span { color: var(--muted); font-size: .64rem; text-transform: uppercase; letter-spacing: .06em; }
.leadership-state-badge strong { margin-top: .2rem; color: #eadcff; font-size: .82rem; }

.authority-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}

.authority-map__column {
  min-width: 0;
  min-height: 12rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(4, 10, 15, .74);
  overflow: hidden;
}

.authority-map__column[data-authority-column="human"] { border-color: rgba(126,166,255,.28); }
.authority-map__column[data-authority-column="shared"] { border-color: rgba(185,135,255,.28); }
.authority-map__column[data-authority-column="machine"] { border-color: rgba(92,225,230,.28); }

.authority-map__head {
  padding: .65rem .75rem;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.025);
}

.authority-map__head span,
.authority-map__head strong { display: block; }
.authority-map__head span { color: var(--cyan); font: 700 .66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; }
.authority-map__head strong { margin-top: .2rem; font-size: .78rem; }

.authority-map__drop {
  display: grid;
  gap: .5rem;
  align-content: start;
  min-height: 9.3rem;
  padding: .55rem;
}

.authority-token-bank {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .75rem;
  padding: .7rem;
  border: 1px dashed var(--line-strong);
  border-radius: .9rem;
  background: rgba(255,255,255,.015);
}

.authority-token-bank:empty::before {
  content: "All leadership functions have been assigned.";
  grid-column: 1 / -1;
  padding: 1rem;
  color: var(--muted);
  text-align: center;
}

.authority-token {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .6rem;
  align-items: center;
  min-width: 0;
  padding: .6rem;
  border: 1px solid var(--line);
  border-radius: .72rem;
  background: linear-gradient(145deg, rgba(14, 31, 42, .94), rgba(5, 12, 17, .96));
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.authority-token[data-owner="human"] { border-color: rgba(126,166,255,.45); }
.authority-token[data-owner="shared"] { border-color: rgba(185,135,255,.45); }
.authority-token[data-owner="machine"] { border-color: rgba(92,225,230,.45); }
.authority-token[data-correct] { box-shadow: inset 0 0 0 1px rgba(122,230,178,.35); }
.authority-token[data-corrected] { box-shadow: inset 0 0 0 1px rgba(255,201,107,.36); }

.authority-token strong,
.authority-token small { display: block; }
.authority-token strong { font-size: .82rem; }
.authority-token small { color: var(--muted); font-size: .69rem; line-height: 1.35; }

.authority-token__choices {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .25rem;
}

.authority-token__choices button {
  min-height: 2.75rem;
  min-width: 2.75rem;
  padding: .42rem .52rem;
  border: 1px solid var(--line);
  border-radius: .45rem;
  background: rgba(255,255,255,.025);
  color: var(--muted-strong);
  font-size: .66rem;
}

.authority-token__choices button[data-selected] {
  border-color: var(--cyan);
  color: var(--ink);
  background: rgba(92,225,230,.1);
}

.leadership-lab__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .85rem;
}

.leadership-result,
.accountability-shadow,
.stress-result {
  margin-top: .85rem;
  padding: 1rem;
  border: 1px solid rgba(122,230,178,.35);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(15, 42, 37, .58), rgba(4, 13, 17, .92));
}

.leadership-result__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .75rem;
}

.leadership-result__metrics article {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(255,255,255,.025);
}

.leadership-result__metrics strong,
.leadership-result__metrics span { display: block; }
.leadership-result__metrics strong { color: var(--green); font-size: 1.3rem; }
.leadership-result__metrics span { color: var(--muted); font-size: .68rem; }

.leadership-result__boundary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .7rem;
}

.leadership-result__boundary p {
  margin: 0;
  padding: .65rem;
  border-left: 2px solid var(--amber);
  background: rgba(255,201,107,.045);
}

.proxy-incident,
.stress-scenario {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(11, 22, 31, .82);
}

.proxy-decision-list {
  display: grid;
  gap: .55rem;
  margin-top: .75rem;
}

.proxy-decision-list > article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(12rem, .45fr);
  gap: .7rem;
  align-items: start;
  padding: .72rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.02);
}

.proxy-decision-list > article > span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  color: var(--cyan);
  font: 700 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.proxy-decision-list h3 { margin: .25rem 0; font-size: .95rem; }
.proxy-decision-list p { margin: .25rem 0 0; color: var(--muted-strong); font-size: .78rem; }
.proxy-decision-list label span { display: block; margin-bottom: .25rem; color: var(--muted); font-size: .68rem; }
.proxy-decision-list select { width: 100%; min-height: 2.75rem; border: 1px solid var(--line); border-radius: .55rem; background: var(--panel-solid); padding: .45rem; }
.proxy-decision-list > article[data-correct] { border-color: rgba(122,230,178,.42); background: rgba(122,230,178,.045); }
.proxy-decision-list > article[data-incorrect] { border-color: rgba(255,201,107,.42); background: rgba(255,201,107,.045); }

.accountability-shadow {
  display: grid;
  grid-template-columns: minmax(8rem, .28fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

.accountability-shadow__visual {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  max-width: 12rem;
  margin: auto;
}

.accountability-shadow__visual::before,
.accountability-shadow__visual::after,
.accountability-shadow__visual i,
.accountability-shadow__visual span {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.accountability-shadow__visual::before {
  inset: 6%;
  border: 1px solid rgba(255,201,107,.48);
  box-shadow: 0 0 calc(10px + var(--shadow-strength, 100) * .35px) rgba(255,201,107,.26);
}

.accountability-shadow__visual::after { inset: 29%; background: var(--panel-solid); border: 1px solid var(--cyan); }
.accountability-shadow__visual i:nth-of-type(1) { inset: 18%; border: 1px dashed rgba(126,166,255,.46); }
.accountability-shadow__visual i:nth-of-type(2) { inset: 38%; background: var(--cyan); box-shadow: 0 0 20px rgba(92,225,230,.45); }
.accountability-shadow__visual i:nth-of-type(3) { inset: 0; border: 1px dotted rgba(185,135,255,.42); }

.accountability-shadow dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin: .7rem 0 0;
}

.accountability-shadow dl > div {
  padding: .6rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255,255,255,.025);
}

.accountability-shadow dt { color: var(--muted); font-size: .67rem; }
.accountability-shadow dd { margin: .2rem 0 0; color: var(--ink); font-weight: 700; }

.stress-config {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin-top: .75rem;
}

.stress-config fieldset {
  display: grid;
  gap: .45rem;
  min-width: 0;
  margin: 0;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
}

.stress-config legend {
  padding: 0 .4rem;
  color: var(--cyan);
  font: 700 .7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.stress-config label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .55rem;
  align-items: start;
  min-height: 3rem;
  padding: .55rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  background: rgba(255,255,255,.02);
}

.stress-config input { margin-top: .25rem; }
.stress-config strong,
.stress-config small { display: block; }
.stress-config strong { font-size: .82rem; }
.stress-config small { color: var(--muted); font-size: .7rem; line-height: 1.4; }

.stress-result__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.stress-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .75rem;
}

.stress-metrics article {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(255,255,255,.022);
}

.stress-metrics article > div {
  display: flex;
  justify-content: space-between;
  gap: .6rem;
  margin-bottom: .35rem;
}

.stress-metrics span { color: var(--muted-strong); font-size: .72rem; }
.stress-metrics strong { color: var(--ink); }
.stress-metrics meter { width: 100%; height: .55rem; }
.stress-metrics article[data-band="strong"] strong { color: var(--green); }
.stress-metrics article[data-band="mixed"] strong { color: var(--amber); }
.stress-metrics article[data-band="weak"] strong { color: var(--danger); }
.stress-result__boundary { margin: .75rem 0 0; color: var(--muted); font-size: .75rem; }

.machine-leadership-nojs {
  margin-top: .8rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: rgba(255,255,255,.015);
}

.machine-leadership-nojs summary {
  padding: .7rem .85rem;
  color: var(--cyan);
  cursor: pointer;
}

.machine-leadership-nojs > :not(summary) { margin-left: .85rem; margin-right: .85rem; }
.machine-leadership-nojs__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding-bottom: .85rem; }
.machine-leadership-nojs__grid article { padding: .7rem; border: 1px solid var(--line); border-radius: .7rem; }
.machine-leadership-nojs dl { display: grid; gap: .2rem; }
.machine-leadership-nojs dl > div { display: flex; justify-content: space-between; gap: .6rem; border-bottom: 1px solid rgba(255,255,255,.05); }
.machine-leadership-nojs dt { color: var(--muted); }
.machine-leadership-nojs dd { margin: 0; font-weight: 700; }

.machine-leadership-report-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
}

.machine-leadership-report-grid > article {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(145deg, rgba(13,29,39,.82), rgba(4,10,15,.94));
}

.machine-leadership-report-grid h3 { font-size: 1rem; }
.machine-leadership-report-grid p { color: var(--muted-strong); font-size: .8rem; }
.machine-leadership-report-grid__boundary { padding: .6rem; border-left: 2px solid var(--amber); background: rgba(255,201,107,.04); }
.machine-leadership-report-grid__boundary strong,
.machine-leadership-report-grid__boundary span { display: block; }
.machine-leadership-report-grid__boundary strong { color: var(--amber); font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }
.machine-leadership-report-grid__boundary span { margin-top: .25rem; color: var(--muted); font-size: .72rem; }

.machine-leadership-evidence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .8rem;
}

.machine-leadership-evidence-grid article {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .7rem;
  background: rgba(255,255,255,.02);
}
.machine-leadership-evidence-grid p { margin: .4rem 0 0; color: var(--muted); font-size: .75rem; }


.machine-leadership-publication-boundary {
  display: grid;
  gap: .55rem;
  margin-top: .8rem;
  padding: .85rem;
  border: 1px solid rgba(92,225,230,.2);
  border-radius: .8rem;
  background: rgba(92,225,230,.035);
}

.machine-leadership-publication-boundary p {
  margin: 0;
  color: var(--muted-strong);
  font-size: .78rem;
}

.machine-leadership-question-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.machine-leadership-question-grid li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: start;
  margin: 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255,255,255,.018);
}

.machine-leadership-question-grid li > span {
  color: var(--cyan);
  font: 700 .68rem/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.machine-leadership-question-grid p { margin: 0; color: var(--muted-strong); font-size: .8rem; }
.machine-leadership-related { margin: .9rem 0 0; }

@media (max-width: 1180px) {
  .machine-leadership-chain { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .machine-leadership-chain::before { display: none; }
  .machine-leadership-report-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  
.machine-leadership-publication-boundary {
  display: grid;
  gap: .55rem;
  margin-top: .8rem;
  padding: .85rem;
  border: 1px solid rgba(92,225,230,.2);
  border-radius: .8rem;
  background: rgba(92,225,230,.035);
}

.machine-leadership-publication-boundary p {
  margin: 0;
  color: var(--muted-strong);
  font-size: .78rem;
}

.machine-leadership-question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .leadership-thesis,
  .leadership-institution-brief,
  .accountability-shadow,
  .stress-config { grid-template-columns: 1fr; }
  .leadership-spectrum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leadership-institution-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .authority-map { grid-template-columns: 1fr; }
  .authority-map__column { min-height: 0; }
  .authority-map__drop { min-height: 4rem; }
  .proxy-decision-list > article { grid-template-columns: auto 1fr; }
  .proxy-decision-list label { grid-column: 2; }
  .stress-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .machine-leadership-report-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .machine-leadership-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .machine-leadership-chain,
  .leadership-spectrum,
  .leadership-institution-picker,
  .authority-token-bank,
  .leadership-result__metrics,
  .leadership-result__boundary,
  .stress-metrics,
  .machine-leadership-report-grid,
  .machine-leadership-evidence-grid,
  .machine-leadership-question-grid,
  .machine-leadership-nojs__grid { grid-template-columns: 1fr; }
  .authority-token { grid-template-columns: 1fr; }
  .authority-token__choices { justify-content: stretch; }
  .authority-token__choices button { flex: 1 1 30%; min-height: 2.75rem; }
  .proxy-decision-list > article { grid-template-columns: auto minmax(0, 1fr); }
  .stress-result__head { display: grid; }
  .leadership-lab__actions { display: grid; }
  .leadership-lab__actions .button { width: 100%; }
}

@media (max-width: 360px) {
  .leadership-lab,
  .proxy-responsibility-lab,
  .institution-stress-lab { padding: .65rem; }
  .leadership-institution-picker button,
  .authority-token,
  .proxy-decision-list > article { padding: .55rem; }
}

html[data-motion="reduced"] .authority-token,
html[data-motion="reduced"] .leadership-spectrum button { transition: none; }

@media print {
  .leadership-institution-picker,
  .leadership-lab__actions,
  .authority-token__choices,
  [data-stress-run],
  [data-stress-reset],
  [data-responsibility-reveal],
  [data-responsibility-reset] { display: none !important; }
  .leadership-result,
  .accountability-shadow,
  .stress-result,
  .leadership-spectrum__detail { display: block !important; }
  .authority-map,
  .leadership-spectrum,
  .machine-leadership-report-grid { break-inside: avoid; }
}

/* Claim Lineage and Institutional Authority Explorer */
.claim-lineage-page .page-intro,
.claim-lineage-page .page-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(92,225,230,.11), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(126,166,255,.1), transparent 30%),
    linear-gradient(180deg, rgba(5,14,20,.98), rgba(4,10,15,.98));
}

.claim-lineage-console {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(92,225,230,.22);
  border-radius: 1.25rem;
  padding: 1rem;
  background:
    linear-gradient(rgba(92,225,230,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,225,230,.025) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,18,24,.96), rgba(3,10,15,.96));
  background-size: 36px 36px, 36px 36px, auto;
  box-shadow: 0 24px 70px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.018);
}

.claim-lineage-console::after {
  content: "";
  position: absolute;
  inset: auto -12% -40% 42%;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(92,225,230,.08), transparent 68%);
  pointer-events: none;
}

.claim-lineage-console > * {
  position: relative;
  z-index: 1;
}

.claim-lineage-console__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}

.claim-lineage-console__head label {
  display: grid;
  gap: .45rem;
  width: min(760px, 100%);
  color: #a8bdc8;
  font: 700 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.claim-lineage-console__head select {
  width: 100%;
  min-height: 3rem;
  border-radius: .8rem;
  border: 1px solid rgba(255,255,255,.12);
  padding: .75rem .9rem;
  background: #071219;
  color: #f1f8fb;
  font: 600 .92rem/1.35 system-ui, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

.claim-lineage-console__badges,
.claim-lineage-record__badges {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  justify-content: flex-end;
}

.claim-lineage-console__statement {
  margin-top: .9rem;
  padding: 1rem 1.05rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}

.claim-lineage-console__statement h3 {
  margin: .1rem 0 .45rem;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
}

.claim-lineage-console__statement p:last-child { margin-bottom: 0; }

.claim-lineage-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: .9rem 0 0;
  padding: 0;
  list-style: none;
}

.claim-lineage-flow > li {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .68rem;
  align-content: start;
  padding: .9rem;
  border-radius: 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(4,13,18,.88);
}

.claim-lineage-flow > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.45rem;
  right: -.76rem;
  width: .76rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(92,225,230,.66), rgba(92,225,230,.08));
}

.claim-lineage-flow > li > span {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  border: 1px solid rgba(92,225,230,.4);
  color: #e8f8fb;
  background: rgba(92,225,230,.07);
  font: 700 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.claim-lineage-flow h3 {
  margin: .08rem 0 .5rem;
  font-size: .98rem;
}

.claim-lineage-flow p,
.claim-lineage-flow li,
.claim-lineage-flow a {
  overflow-wrap: anywhere;
}

.claim-lineage-flow ul {
  display: grid;
  gap: .42rem;
  margin: 0;
  padding-left: 1rem;
}

.claim-lineage-flow li li {
  color: #adc1cc;
  font-size: .79rem;
}

.claim-lineage-flow li li small {
  display: block;
  color: #748d9b;
  margin-top: .08rem;
}

.claim-lineage-role-pills {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin-top: .55rem;
}

.claim-lineage-role-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 1.9rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  padding: .26rem .58rem;
  color: #d0e2e9;
  background: rgba(255,255,255,.025);
  font-size: .68rem;
}

.claim-lineage-correction {
  display: inline-flex;
  margin-top: .65rem;
  font-size: .78rem;
}

.claim-lineage-console__limits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .75rem;
}

.claim-lineage-console__limits > div {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .95rem;
  padding: .85rem .9rem;
  background: rgba(255,255,255,.02);
}

.claim-lineage-console__limits ul {
  margin: .45rem 0 0;
  padding-left: 1.05rem;
}

.claim-lineage-status {
  min-height: 1.2rem;
  margin: .6rem 0 0;
  color: #90a9b6;
  font-size: .78rem;
}

.claim-lineage-filter {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(5, minmax(150px, 1fr));
  gap: .7rem;
  align-items: end;
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1rem;
  background: rgba(255,255,255,.022);
}

.claim-lineage-filter > div {
  min-width: 0;
}

.claim-lineage-filter label {
  display: grid;
  gap: .38rem;
  color: #a2b7c2;
  font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.claim-lineage-filter input,
.claim-lineage-filter select {
  width: 100%;
  min-width: 0;
  min-height: 2.8rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .75rem;
  padding: .65rem .75rem;
  background: #071219;
  color: #eef7fa;
}

.claim-lineage-filter__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
}

.claim-lineage-filter__actions span {
  margin-left: auto;
  color: #9bb0bc;
  font-size: .78rem;
}

.claim-lineage-type-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .9rem;
}

.claim-lineage-type-card {
  min-width: 0;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .9rem;
  padding: .72rem .75rem;
  background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));
}

.claim-lineage-type-card p {
  margin: .48rem 0 0;
  color: #99afbb;
  font-size: .76rem;
}

.claim-lineage-list {
  display: grid;
  gap: .85rem;
  margin-top: 1rem;
}

.claim-lineage-record {
  min-width: 0;
  scroll-margin-top: calc(var(--header-height, 74px) + 1rem);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 1.05rem;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(7,18,24,.94), rgba(4,11,16,.96));
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.claim-lineage-record:hover,
.claim-lineage-record:focus-within,
.claim-lineage-record:target,
.claim-lineage-record.is-selected {
  border-color: rgba(92,225,230,.36);
  box-shadow: 0 0 0 1px rgba(92,225,230,.06) inset, 0 15px 36px rgba(0,0,0,.22);
}

.claim-lineage-record.is-selected { transform: translateY(-1px); }

.claim-lineage-record__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: start;
}

.claim-lineage-record__head h3 {
  margin: .15rem 0 0;
  font-size: clamp(1.05rem, 1.8vw, 1.42rem);
}

.claim-lineage-record__id {
  margin: 0;
  color: #75909d;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.claim-lineage-record__statement {
  margin: .72rem 0;
  color: #c5d7df;
}

.claim-lineage-record__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  margin: 0;
}

.claim-lineage-record__facts > div {
  min-width: 0;
  padding: .65rem .7rem;
  border-radius: .78rem;
  border: 1px solid rgba(255,255,255,.065);
  background: rgba(255,255,255,.02);
}

.claim-lineage-record__facts dt {
  color: #78919f;
  font: 700 .61rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.claim-lineage-record__facts dd {
  margin: .25rem 0 0;
  color: #e2eef2;
  overflow-wrap: anywhere;
}

.claim-lineage-record__transformation {
  margin-top: .65rem;
  padding: .72rem .78rem;
  border-left: 3px solid rgba(92,225,230,.48);
  border-radius: 0 .75rem .75rem 0;
  background: rgba(92,225,230,.035);
}

.claim-lineage-record__transformation strong {
  color: #8fa9b5;
  font: 700 .64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.claim-lineage-record__transformation p { margin: .35rem 0 0; }

.claim-lineage-record__details {
  margin-top: .65rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .8rem;
  overflow: hidden;
}

.claim-lineage-record__details summary {
  min-height: 2.8rem;
  display: flex;
  align-items: center;
  padding: .65rem .8rem;
  cursor: pointer;
  color: #d4e5eb;
  font-weight: 700;
}

.claim-lineage-record__detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  padding: .75rem;
  border-top: 1px solid rgba(255,255,255,.07);
}

.claim-lineage-record__detail-grid section {
  min-width: 0;
  border-radius: .75rem;
  padding: .7rem .75rem;
  background: rgba(255,255,255,.02);
}

.claim-lineage-record__detail-grid h4 {
  margin: 0 0 .42rem;
  font-size: .88rem;
}

.claim-lineage-record__detail-grid h4:not(:first-child) { margin-top: .75rem; }
.claim-lineage-record__detail-grid ul { margin: 0; padding-left: 1.05rem; }
.claim-lineage-record__detail-grid li { margin-bottom: .32rem; overflow-wrap: anywhere; }

.claim-lineage-reuse-list li {
  display: grid;
  grid-template-columns: minmax(120px, .38fr) minmax(0, 1fr);
  gap: .55rem;
  align-items: start;
}

.claim-lineage-reuse-list span {
  color: #77929f;
  font-size: .7rem;
}

.claim-lineage-record__boundary {
  margin-top: .65rem;
  border: 1px solid rgba(255,201,107,.16);
  border-radius: .8rem;
  padding: .7rem .78rem;
  background: rgba(255,201,107,.035);
}

.claim-lineage-record__boundary strong {
  color: #ffc96b;
  font-size: .74rem;
}

.claim-lineage-record__boundary p { margin: .32rem 0 0; }

.claim-lineage-record__footer {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
  margin-top: .75rem;
}

.claim-lineage-record__footer a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: .55rem .2rem;
}

.claim-lineage-empty {
  border: 1px dashed rgba(255,255,255,.13);
  border-radius: .9rem;
  padding: 1rem;
  text-align: center;
  color: #9db2bd;
}

@media (max-width: 1180px) {
  .claim-lineage-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .claim-lineage-filter > div:first-child { grid-column: 1 / -1; }
  .claim-lineage-type-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .claim-lineage-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .claim-lineage-flow > li::after { display: none; }
}

@media (max-width: 760px) {
  .claim-lineage-console__head,
  .claim-lineage-record__head { grid-template-columns: 1fr; display: grid; align-items: stretch; }
  .claim-lineage-console__badges,
  .claim-lineage-record__badges { justify-content: flex-start; }
  .claim-lineage-flow,
  .claim-lineage-console__limits,
  .claim-lineage-filter,
  .claim-lineage-type-grid,
  .claim-lineage-record__facts,
  .claim-lineage-record__detail-grid { grid-template-columns: 1fr; }
  .claim-lineage-filter > div:first-child { grid-column: auto; }
  .claim-lineage-filter__actions { grid-column: auto; align-items: stretch; }
  .claim-lineage-filter__actions .button { width: 100%; }
  .claim-lineage-filter__actions span { margin-left: 0; text-align: center; }
  .claim-lineage-reuse-list li { grid-template-columns: 1fr; gap: .12rem; }
  .claim-lineage-record__footer { align-items: stretch; }
  .claim-lineage-record__footer > * { width: 100%; justify-content: center; }
}

@media (max-width: 360px) {
  .claim-lineage-console,
  .claim-lineage-record,
  .claim-lineage-filter { padding: .72rem; }
  .claim-lineage-flow > li { padding: .72rem; }
  .claim-lineage-role-pills span { width: 100%; border-radius: .65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .claim-lineage-record { transition: none; }
}

@media (forced-colors: active) {
  .claim-lineage-console,
  .claim-lineage-flow > li,
  .claim-lineage-record,
  .claim-lineage-filter,
  .claim-lineage-type-card { border: 1px solid CanvasText; }
  .claim-lineage-flow > li > span { border: 1px solid CanvasText; }
}

/* Institutional Authority Casebook */
.authority-casebook-orientation {
  background:
    radial-gradient(circle at 18% 12%, rgba(92, 225, 230, .08), transparent 32%),
    linear-gradient(180deg, rgba(8, 19, 27, .74), rgba(3, 9, 14, .2));
}

.authority-casebook-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
}

.authority-casebook-principles article,
.authority-casebook-card,
.authority-casebook-comparison > article {
  border: 1px solid rgba(151, 184, 201, .16);
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(13, 28, 38, .88), rgba(5, 13, 20, .92));
  box-shadow: 0 18px 45px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .02);
}

.authority-casebook-principles article {
  position: relative;
  padding: 1.15rem;
  overflow: hidden;
}

.authority-casebook-principles article::after {
  content: "";
  position: absolute;
  width: 7rem;
  height: 7rem;
  right: -3.5rem;
  bottom: -3.5rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(92, 225, 230, .12), transparent 70%);
}

.authority-casebook-principles span {
  color: var(--cyan);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .12em;
}

.authority-casebook-principles h3 { margin: .55rem 0 .45rem; }
.authority-casebook-principles p { margin: 0; color: var(--muted); }

.authority-casebook-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(170px, 1fr));
  gap: .85rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid rgba(151, 184, 201, .14);
  border-radius: 1rem;
  background: rgba(6, 16, 23, .74);
}

.authority-casebook-filters label {
  display: grid;
  gap: .4rem;
  min-width: 0;
}

.authority-casebook-filters input,
.authority-casebook-filters select {
  width: 100%;
  min-width: 0;
}

.authority-casebook-filters label > span {
  color: #9eb5c2;
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.authority-casebook-filters .button-row { grid-column: 1 / -1; justify-content: flex-start; margin: 0; }
.authority-casebook-count { margin: 1rem 0; color: var(--muted); }
.authority-casebook-count strong { color: var(--text); }

.authority-casebook-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.authority-casebook-card {
  display: grid;
  align-content: start;
  gap: .9rem;
  padding: 1.1rem;
}

.authority-casebook-card[hidden] { display: none; }

.authority-casebook-card > header,
.authority-casebook-comparison article > header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.authority-casebook-card h3,
.authority-casebook-comparison h3 { margin: .1rem 0 0; }

.authority-casebook-card > p { margin: 0; color: #c3d2da; }

.authority-casebook-card__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
}

.authority-casebook-card__facts > div,
.authority-casebook-comparison dl > div {
  min-width: 0;
  padding: .7rem;
  border: 1px solid rgba(151, 184, 201, .11);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .018);
}

.authority-casebook-card__facts dt,
.authority-casebook-comparison dt {
  color: #8299a8;
  font: 800 .62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.authority-casebook-card__facts dd,
.authority-casebook-comparison dd {
  margin: .28rem 0 0;
  overflow-wrap: anywhere;
}

.authority-casebook-card__functions {
  display: grid;
  gap: .55rem;
}

.authority-casebook-card__functions > strong,
.authority-casebook-card__detail h4,
.authority-casebook-comparison h4 {
  color: #dcebf1;
  font-size: .82rem;
}

.authority-casebook-card__functions > div {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.authority-casebook-card__functions span {
  display: inline-flex;
  min-height: 1.8rem;
  align-items: center;
  padding: .25rem .58rem;
  border: 1px solid rgba(92, 225, 230, .19);
  border-radius: 999px;
  background: rgba(92, 225, 230, .045);
  color: #cfe9ee;
  font-size: .7rem;
}

.authority-casebook-card details {
  border: 1px solid rgba(151, 184, 201, .12);
  border-radius: .85rem;
  background: rgba(0, 0, 0, .12);
}

.authority-casebook-card summary {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  padding: .65rem .8rem;
  cursor: pointer;
  font-weight: 800;
}

.authority-casebook-card__detail {
  padding: 0 .85rem .85rem;
}

.authority-casebook-card__detail h4 { margin: .85rem 0 .35rem; }
.authority-casebook-card__detail ul { margin: 0; padding-left: 1.1rem; }
.authority-casebook-card__detail li + li { margin-top: .28rem; }

.authority-casebook-source-list li {
  display: grid;
  gap: .2rem;
}

.authority-casebook-source-list small { color: var(--muted); }

.authority-casebook-card__boundary {
  padding: .75rem;
  border-left: 3px solid var(--amber);
  border-radius: .25rem .65rem .65rem .25rem;
  background: rgba(255, 201, 107, .055);
  color: #cddbe1;
}

.authority-casebook-compare-toggle {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 2.8rem;
  padding: .6rem .75rem;
  border-radius: .8rem;
  border: 1px solid rgba(151, 184, 201, .13);
  background: rgba(255, 255, 255, .02);
  cursor: pointer;
  font-weight: 800;
}

.authority-casebook-compare-toggle input { width: 1.15rem; height: 1.15rem; }
.authority-casebook-compare-toggle input:disabled + span { color: #667985; }

.authority-casebook-submit {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .8rem;
  padding-top: .25rem;
}

.authority-casebook-submit span { color: var(--muted); font-size: .8rem; }

.authority-casebook-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.authority-casebook-comparison > article {
  display: grid;
  gap: .85rem;
  padding: 1rem;
}

.authority-casebook-comparison dl {
  display: grid;
  gap: .55rem;
  margin: 0;
}

.authority-casebook-chain {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: authority-chain;
}

.authority-casebook-chain li {
  position: relative;
  display: grid;
  gap: .18rem;
  padding: .7rem .72rem .7rem 2.8rem;
  border: 1px solid rgba(151, 184, 201, .11);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .018);
  counter-increment: authority-chain;
}

.authority-casebook-chain li::before {
  content: counter(authority-chain, decimal-leading-zero);
  position: absolute;
  left: .65rem;
  top: .72rem;
  color: var(--cyan);
  font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.authority-casebook-chain span { color: #d3e1e7; font-size: .82rem; }
.authority-casebook-chain small { color: var(--muted); }

.authority-casebook-empty[hidden] { display: none; }

@media (max-width: 1120px) {
  .authority-casebook-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .authority-casebook-comparison { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .authority-casebook-principles,
  .authority-casebook-grid,
  .authority-casebook-filters { grid-template-columns: 1fr; }
  .authority-casebook-card__facts { grid-template-columns: 1fr; }
  .authority-casebook-card > header,
  .authority-casebook-comparison article > header { flex-direction: column; }
  .authority-casebook-filters .button-row { grid-column: auto; }
  .authority-casebook-submit { grid-column: auto; }
}

@media (max-width: 420px) {
  .authority-casebook-card,
  .authority-casebook-comparison > article,
  .authority-casebook-principles article { padding: .8rem; }
  .authority-casebook-card__detail { padding-inline: .7rem; }
}

/* Change Impact and Supersession Explorer */
.change-impact-principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

.change-impact-principles article,
.change-impact-event-card,
.change-impact-summary article,
.change-impact-item,
.change-impact-unaffected article {
  border: 1px solid rgba(125, 171, 195, .18);
  background: linear-gradient(180deg, rgba(15, 29, 38, .86), rgba(7, 16, 22, .9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.change-impact-principles article {
  min-width: 0;
  padding: 1rem;
  border-radius: 1rem;
}

.change-impact-principles article > span,
.change-impact-unaffected article > span {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid rgba(92, 225, 230, .35);
  border-radius: 999px;
  color: #b9f8fa;
  font: 700 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.change-impact-principles h3 {
  margin: .75rem 0 .35rem;
  font-size: 1rem;
}

.change-impact-principles p,
.change-impact-unaffected p {
  margin: 0;
  color: #a9bdc8;
  font-size: .86rem;
}

.change-impact-selector {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(230px, .7fr) auto;
  gap: .85rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid rgba(92, 225, 230, .2);
  border-radius: 1rem;
  background: rgba(7, 18, 25, .84);
}

.change-impact-selector select,
.change-impact-toolbar select {
  width: 100%;
}

.change-impact-selector__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.change-impact-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .85rem;
}

.change-impact-presets a {
  display: grid;
  gap: .3rem;
  min-width: 0;
  padding: .82rem .9rem;
  border: 1px solid rgba(125, 171, 195, .16);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .022);
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.change-impact-presets a:hover,
.change-impact-presets a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(92, 225, 230, .42);
  background: rgba(92, 225, 230, .055);
}

.change-impact-presets span {
  color: #eaf7fa;
  font-weight: 800;
}

.change-impact-presets small {
  color: #96acb8;
  line-height: 1.45;
}

.change-impact-event-card {
  margin-top: 1rem;
  padding: 1.1rem;
  border-radius: 1.1rem;
  scroll-margin-top: 8rem;
}

.change-impact-event-card__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}

.change-impact-event-card__head h2 {
  margin: .2rem 0 .45rem;
  font-size: clamp(1.55rem, 3vw, 2.4rem);
}

.change-impact-event-card__head p:last-child {
  max-width: 78ch;
  margin-bottom: 0;
  color: #b0c5cf;
}

.change-impact-event-card__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
  max-width: 26rem;
}

.change-impact-event-card__event {
  display: grid;
  grid-template-columns: minmax(8rem, .32fr) minmax(0, 1fr);
  gap: .45rem .85rem;
  margin: 1rem 0;
  padding: .9rem;
  border-left: 3px solid var(--accent);
  background: rgba(92, 225, 230, .045);
}

.change-impact-event-card__event strong {
  color: #dcf4f6;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.change-impact-event-card__event p {
  margin: 0;
  color: #b4c8d2;
}

.change-impact-copy-status {
  min-height: 1.5rem;
  margin: .6rem 0 0;
  color: #a8c6d2;
  font-size: .82rem;
}

.change-impact-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr) auto) minmax(0, 1fr);
  gap: .45rem;
  align-items: center;
  margin: 1rem 0;
  padding: .85rem;
  border: 1px solid rgba(125, 171, 195, .16);
  border-radius: 1rem;
  background: rgba(5, 15, 21, .72);
  overflow-x: auto;
}

.change-impact-flow > div {
  min-width: 9.8rem;
  padding: .72rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: .78rem;
  background: rgba(255, 255, 255, .025);
}

.change-impact-flow > div span,
.change-impact-flow > div strong,
.change-impact-flow > div small {
  display: block;
}

.change-impact-flow > div span {
  color: #78e9ed;
  font: 700 .66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.change-impact-flow > div strong {
  margin: .22rem 0;
  color: #edf8fb;
  font-size: .84rem;
}

.change-impact-flow > div small {
  color: #8fa7b4;
  line-height: 1.35;
}

.change-impact-flow > i {
  width: 1.5rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(92, 225, 230, .18), rgba(92, 225, 230, .75));
  position: relative;
}

.change-impact-flow > i::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -3px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid rgba(92, 225, 230, .75);
}

.change-impact-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}

.change-impact-summary article {
  padding: .9rem;
  border-radius: .9rem;
}

.change-impact-summary article > span {
  display: block;
  color: #f0fbfd;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

.change-impact-summary strong {
  display: block;
  margin: .45rem 0 .25rem;
  color: #d8edf2;
  font-size: .83rem;
}

.change-impact-summary p {
  margin: 0;
  color: #8fa7b4;
  font-size: .78rem;
}

.change-impact-toolbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: .75rem;
  align-items: end;
  margin: 1.1rem 0 .8rem;
  padding: .85rem;
  border-top: 1px solid rgba(125, 171, 195, .15);
  border-bottom: 1px solid rgba(125, 171, 195, .15);
}

.change-impact-toolbar p {
  margin: 0 0 .7rem;
  color: #a8bdc8;
  white-space: nowrap;
}

.change-impact-groups {
  display: grid;
  gap: 1rem;
}

.change-impact-group {
  min-width: 0;
}

.change-impact-group__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .55rem;
}

.change-impact-group__head h3 {
  margin: .12rem 0 0;
  font-size: 1.05rem;
}

.change-impact-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.change-impact-item {
  min-width: 0;
  padding: .9rem;
  border-radius: .95rem;
}

.change-impact-item header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  align-items: start;
}

.change-impact-item h4 {
  margin: .18rem 0 0;
  color: #eef9fb;
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.change-impact-item code {
  overflow-wrap: anywhere;
}

.change-impact-item dl {
  display: grid;
  gap: .55rem;
  margin: .8rem 0 0;
}

.change-impact-item dl > div {
  display: grid;
  grid-template-columns: minmax(7rem, .28fr) minmax(0, 1fr);
  gap: .55rem;
  padding-top: .5rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.change-impact-item dt {
  color: #80a1af;
  font: 700 .66rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.change-impact-item dd {
  margin: 0;
  color: #b7cbd4;
  font-size: .82rem;
  overflow-wrap: anywhere;
}

.change-impact-item footer {
  margin-top: .75rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.change-impact-item footer a {
  font-size: .8rem;
}

.change-impact-empty {
  padding: 1rem;
  border: 1px dashed rgba(125, 171, 195, .24);
  border-radius: .9rem;
  color: #9db2bd;
}

.change-impact-unaffected {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}

.change-impact-unaffected article {
  min-width: 0;
  padding: .85rem;
  border-radius: .9rem;
}

.change-impact-unaffected p {
  margin-top: .6rem;
}

@media (max-width: 1160px) {
  .change-impact-principles,
  .change-impact-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .change-impact-unaffected { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .change-impact-selector { grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr); }
  .change-impact-selector__actions { grid-column: 1 / -1; }
  .change-impact-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .change-impact-selector,
  .change-impact-toolbar,
  .change-impact-event-card__head,
  .change-impact-items { grid-template-columns: 1fr; }
  .change-impact-selector__actions { grid-column: auto; }
  .change-impact-event-card__badges { justify-content: flex-start; max-width: none; }
  .change-impact-event-card__event { grid-template-columns: 1fr; }
  .change-impact-toolbar p { white-space: normal; margin-bottom: 0; }
  .change-impact-flow { grid-template-columns: 1fr; overflow: visible; }
  .change-impact-flow > div { min-width: 0; }
  .change-impact-flow > i { width: 1px; height: 1.1rem; justify-self: center; background: linear-gradient(rgba(92, 225, 230, .18), rgba(92, 225, 230, .75)); }
  .change-impact-flow > i::after { right: -3px; top: auto; bottom: -1px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid rgba(92, 225, 230, .75); border-bottom: 0; }
  .change-impact-item dl > div { grid-template-columns: 1fr; gap: .2rem; }
  .change-impact-unaffected { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .change-impact-principles,
  .change-impact-summary,
  .change-impact-presets,
  .change-impact-unaffected { grid-template-columns: 1fr; }
  .change-impact-selector,
  .change-impact-event-card,
  .change-impact-item { padding: .78rem; }
  .change-impact-selector__actions .button { width: 100%; }
  .change-impact-item header { grid-template-columns: 1fr; }
}

@media (forced-colors: active) {
  .change-impact-principles article,
  .change-impact-event-card,
  .change-impact-summary article,
  .change-impact-item,
  .change-impact-unaffected article,
  .change-impact-selector,
  .change-impact-flow {
    border: 1px solid CanvasText;
    background: Canvas;
  }
  .change-impact-flow > i { background: CanvasText; }
}

/* Historical Change Ledger and Release Diff Explorer */
.historical-changes-page .page-intro,
.historical-changes-page .page-hero {
  background:
    radial-gradient(circle at 13% 20%, rgba(92, 225, 230, .12), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(255, 201, 107, .09), transparent 27%),
    linear-gradient(180deg, rgba(5, 16, 22, .98), rgba(4, 10, 14, .96));
}

.historical-change-principles,
.historical-change-metrics,
.historical-change-comparison {
  display: grid;
  gap: 1rem;
}

.historical-change-principles {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 1.25rem;
}

.historical-change-principles article,
.historical-change-metrics article,
.historical-change-record,
.historical-change-comparison article {
  border: 1px solid rgba(160, 196, 211, .16);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(14, 29, 38, .92), rgba(6, 14, 19, .94));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015), 0 20px 44px rgba(0, 0, 0, .16);
}

.historical-change-principles article {
  position: relative;
  overflow: hidden;
  padding: 1rem;
}

.historical-change-principles article::after {
  content: "";
  position: absolute;
  right: -2.5rem;
  bottom: -2.8rem;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(92, 225, 230, .11), transparent 68%);
  pointer-events: none;
}

.historical-change-principles span {
  color: var(--accent);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .1em;
}

.historical-change-principles h3 { margin: .65rem 0 .42rem; }
.historical-change-principles p { margin: 0; color: var(--muted); }

.historical-release-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.historical-release-timeline li {
  position: relative;
  display: grid;
  gap: .3rem;
  min-height: 7.2rem;
  padding: 1rem;
  border: 1px solid rgba(92, 225, 230, .18);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(92, 225, 230, .075), rgba(255, 255, 255, .018));
}

.historical-release-timeline li::before {
  content: "";
  position: absolute;
  left: 1rem;
  bottom: -.9rem;
  width: .72rem;
  height: .72rem;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 16px rgba(92, 225, 230, .65);
}

.historical-release-timeline li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1.36rem;
  bottom: -.58rem;
  width: calc(100% + .8rem);
  height: 1px;
  background: linear-gradient(90deg, var(--accent), rgba(92, 225, 230, .08));
}

.historical-release-timeline span {
  color: var(--accent);
  font: 800 .78rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}

.historical-release-timeline strong { font-size: 1rem; }
.historical-release-timeline small { color: var(--muted); }

.historical-change-filters {
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(150px, .65fr));
  gap: .8rem;
  padding: 1rem;
  border: 1px solid rgba(160, 196, 211, .15);
  border-radius: 1rem;
  background: rgba(5, 15, 21, .83);
}

.historical-change-filters label,
.historical-change-filters fieldset {
  min-width: 0;
}

.historical-change-filters label > span,
.historical-change-compare-picker legend {
  display: block;
  margin-bottom: .35rem;
  color: #9fb6c2;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.historical-change-filters input,
.historical-change-filters select {
  width: 100%;
}

.historical-change-filters__actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
}

.historical-change-filters__actions span {
  margin-left: auto;
  color: var(--muted);
}

.historical-change-filters__actions strong { color: var(--text); }

.historical-change-compare-picker {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem .8rem;
  margin: .35rem 0 0;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .02);
}

.historical-change-compare-picker legend { padding: 0 .35rem; }
.historical-change-compare-picker label {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  padding: .55rem .65rem;
  border-radius: .7rem;
  background: rgba(255, 255, 255, .025);
  color: #c8d7de;
  font-size: .8rem;
}
.historical-change-compare-picker input { width: auto; margin-top: .15rem; flex: 0 0 auto; }
.historical-change-compare-picker .button { justify-self: start; margin-top: .3rem; }
.historical-change-compare-picker [role="status"] { align-self: center; color: var(--muted); font-size: .8rem; }

.historical-change-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1rem 0 1.25rem;
}

.historical-change-metrics article {
  display: grid;
  gap: .3rem;
  padding: .9rem 1rem;
}
.historical-change-metrics span { color: var(--accent); font-size: 1.7rem; font-weight: 900; }
.historical-change-metrics strong { font-size: .92rem; }
.historical-change-metrics small { color: var(--muted); }

.historical-change-list {
  display: grid;
  gap: 1rem;
}

.historical-change-record {
  padding: 1rem;
  scroll-margin-top: 8rem;
}

.historical-change-record[hidden] { display: none; }
.historical-change-record:target {
  border-color: rgba(92, 225, 230, .62);
  box-shadow: 0 0 0 2px rgba(92, 225, 230, .12), 0 28px 60px rgba(0, 0, 0, .26);
}

.historical-change-record__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}
.historical-change-record__head h3 { margin: .18rem 0 0; font-size: clamp(1.15rem, 2vw, 1.45rem); }
.historical-change-record__id {
  margin: 0;
  color: #8ba4b2;
  font: 800 .7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.historical-change-record__badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }

.historical-change-diff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .8rem;
  align-items: stretch;
  margin-top: 1rem;
}
.historical-change-diff section {
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .85rem;
}
.historical-change-diff h4 { margin: .2rem 0 .45rem; }
.historical-change-diff p:last-child { margin-bottom: 0; }
.historical-change-diff__prior { background: rgba(255, 201, 107, .045); }
.historical-change-diff__accepted { background: rgba(92, 225, 230, .055); }
.historical-change-diff__arrow {
  display: grid;
  place-items: center;
  color: var(--accent);
  font-size: 1.5rem;
}

.historical-change-record__reason,
.historical-change-record__boundary {
  margin-top: .8rem;
  padding: .82rem .9rem;
  border-left: 3px solid var(--accent);
  border-radius: 0 .75rem .75rem 0;
  background: rgba(92, 225, 230, .035);
}
.historical-change-record__boundary { border-left-color: var(--amber); background: rgba(255, 201, 107, .035); }
.historical-change-record__reason p,
.historical-change-record__boundary p { margin: .35rem 0 0; color: #bacbd3; }

.historical-change-record__details {
  margin-top: .8rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(0, 0, 0, .16);
}
.historical-change-record__details summary {
  padding: .82rem .9rem;
  cursor: pointer;
  font-weight: 800;
}
.historical-change-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  padding: 0 .9rem .9rem;
}
.historical-change-detail-grid section {
  min-width: 0;
  padding: .8rem;
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}
.historical-change-detail-grid h4 { margin: 0 0 .45rem; }
.historical-change-detail-grid h4:not(:first-child) { margin-top: .8rem; }
.historical-change-detail-grid ul { margin: 0; padding-left: 1.05rem; }
.historical-change-detail-grid li { margin-bottom: .34rem; overflow-wrap: anywhere; }

.historical-change-evidence-list { list-style: none; padding-left: 0 !important; }
.historical-change-evidence-list li {
  display: grid;
  gap: .12rem;
  padding: .58rem .64rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: .65rem;
  background: rgba(255, 255, 255, .02);
}
.historical-change-evidence-list li + li { margin-top: .42rem; }
.historical-change-evidence-list span {
  color: #8ea8b6;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}
.historical-change-evidence-list small { color: #738b98; overflow-wrap: anywhere; }

.historical-change-record__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  margin-top: .8rem;
  color: var(--muted);
  font-size: .78rem;
}
.historical-change-empty,
.historical-change-copy-status {
  margin: 1rem 0 0;
  color: var(--muted);
}

.historical-change-comparison {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.historical-change-comparison article { min-width: 0; padding: 1rem; }
.historical-change-comparison article > header { display: grid; gap: .5rem; align-content: start; min-height: 8rem; }
.historical-change-comparison h3 { margin: .12rem 0 0; }
.historical-change-comparison dl { display: grid; gap: .55rem; margin: .8rem 0 0; }
.historical-change-comparison dl > div {
  padding: .65rem;
  border-radius: .7rem;
  background: rgba(255, 255, 255, .026);
}
.historical-change-comparison dt {
  color: #91a9b6;
  font: 800 .65rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.historical-change-comparison dd { margin: .28rem 0 0; overflow-wrap: anywhere; }

@media (max-width: 1120px) {
  .historical-change-principles,
  .historical-change-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .historical-change-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .historical-change-filters__search { grid-column: 1 / -1; }
  .historical-change-comparison { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .historical-release-timeline,
  .historical-change-principles,
  .historical-change-metrics,
  .historical-change-filters,
  .historical-change-compare-picker,
  .historical-change-detail-grid { grid-template-columns: 1fr; }
  .historical-release-timeline li::after,
  .historical-release-timeline li::before { display: none; }
  .historical-change-filters__search { grid-column: auto; }
  .historical-change-filters__actions { align-items: stretch; }
  .historical-change-filters__actions .button { width: 100%; }
  .historical-change-filters__actions span { margin-left: 0; text-align: center; }
  .historical-change-record__head { grid-template-columns: 1fr; }
  .historical-change-record__badges { justify-content: flex-start; }
  .historical-change-diff { grid-template-columns: 1fr; }
  .historical-change-diff__arrow { transform: rotate(90deg); }
  .historical-change-record__footer { align-items: stretch; }
  .historical-change-record__footer .button { width: 100%; }
}

@media (max-width: 360px) {
  .historical-change-record,
  .historical-change-filters,
  .historical-change-comparison article { padding: .7rem; }
  .historical-change-diff section,
  .historical-change-detail-grid section { padding: .68rem; }
}

@media (prefers-reduced-motion: reduce) {
  .historical-change-record { scroll-behavior: auto; }
}

@media (forced-colors: active) {
  .historical-change-principles article,
  .historical-change-metrics article,
  .historical-change-record,
  .historical-change-comparison article,
  .historical-change-filters,
  .historical-change-record__details,
  .historical-change-diff section { border: 1px solid CanvasText; }
}

/* v1.22.0 Research Navigator and KillChains–KillWebs–Evulgare ecosystem boundary */
.sister-site-strip__external--evulgare {
  color: #ffe0a0 !important;
  border-left-color: rgba(255, 201, 107, .28);
}

.boundary-banner a {
  font-weight: 800;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

.boundary-banner__inner > span:last-child {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.ecosystem-home-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ecosystem-home-grid__evulgare,
.card--accent {
  border-color: rgba(255, 201, 107, .38) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 201, 107, .14), transparent 36%),
    linear-gradient(145deg, rgba(30, 25, 16, .92), rgba(10, 20, 27, .94)) !important;
}

.research-navigator-page .page-hero::after,
.ecosystem-page .page-hero::after {
  content: "";
  position: absolute;
  inset: auto 5% 7% auto;
  width: min(28rem, 42vw);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  opacity: .34;
  background:
    radial-gradient(circle at center, rgba(92, 225, 230, .18), transparent 48%),
    repeating-radial-gradient(circle at center, transparent 0 13%, rgba(126, 166, 255, .13) 14% 14.5%, transparent 15% 24%);
}

.navigator-principles,
.evulgare-principle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.navigator-principles article,
.evulgare-principle-grid article {
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(12, 27, 38, .88), rgba(8, 16, 23, .8));
}

.navigator-principles article > span,
.ecosystem-routing-list > li > span {
  display: inline-grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid rgba(92, 225, 230, .35);
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.navigator-path-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}

.navigator-path-tabs a {
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
  color: var(--muted);
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.navigator-path-tabs a:hover,
.navigator-path-tabs a:focus-visible,
.navigator-path-tabs a[aria-selected="true"],
.navigator-path-tabs a.is-active {
  border-color: rgba(92, 225, 230, .5);
  background: rgba(92, 225, 230, .08);
  transform: translateY(-2px);
}

.navigator-path-tabs span,
.navigator-path-tabs strong {
  display: block;
  overflow-wrap: anywhere;
}

.navigator-path-tabs span {
  color: var(--muted);
  font-size: .68rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.navigator-path-tabs strong {
  margin-top: .25rem;
  color: var(--ink);
}

.navigator-path {
  padding: clamp(1rem, 2.6vw, 1.6rem);
  border: 1px solid rgba(92, 225, 230, .24);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 90% 4%, rgba(92, 225, 230, .09), transparent 34%),
    linear-gradient(145deg, rgba(10, 26, 36, .96), rgba(7, 14, 21, .94));
  box-shadow: var(--shadow-small);
}

.navigator-path > header {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 1rem;
  align-items: start;
}

.navigator-path dl {
  display: grid;
  gap: .7rem;
  margin: 0;
}

.navigator-path dl > div {
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}

.navigator-path dt {
  color: var(--muted);
  font: 800 .64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.navigator-path dd {
  margin: .35rem 0 0;
  color: var(--ink);
}

.navigator-path-steps {
  display: grid;
  gap: .65rem;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
}

.navigator-path-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .85rem;
  align-items: start;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .018);
}

.navigator-path-steps li > span {
  display: grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border: 1px solid rgba(126, 166, 255, .35);
  border-radius: 50%;
  color: var(--blue);
  font: 800 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.navigator-path-steps h4,
.navigator-path-steps p,
.navigator-path-steps small {
  margin: 0;
}

.navigator-path-steps small {
  display: block;
  margin-top: .25rem;
  color: var(--muted);
}

.navigator-filter {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(210px, .7fr) auto;
  gap: .8rem;
  align-items: end;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(7, 18, 26, .78);
}

.navigator-filter label,
.navigator-filter > div {
  min-width: 0;
}

.navigator-filter label > span {
  display: block;
  margin-bottom: .35rem;
  color: var(--muted);
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.navigator-filter input,
.navigator-filter select {
  width: 100%;
  min-height: 2.8rem;
  border: 1px solid var(--line-strong);
  border-radius: .65rem;
  background: rgba(3, 10, 15, .9);
  padding: .65rem .75rem;
}

.navigator-filter > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
}

.navigator-filter > div > span {
  color: var(--muted);
  font-size: .82rem;
}

.navigator-groups {
  display: grid;
  gap: 1.3rem;
}

.navigator-group {
  min-width: 0;
  padding-top: .35rem;
}

.navigator-group > header {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 1rem;
  align-items: end;
  margin-bottom: .75rem;
}

.navigator-group > header p {
  margin: 0;
}

.navigator-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.navigator-route-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(145deg, rgba(12, 26, 36, .82), rgba(7, 14, 20, .82));
}

.navigator-route-card h4,
.navigator-route-card p {
  overflow-wrap: anywhere;
}

.navigator-route-card .kicker {
  word-break: break-all;
}

.navigator-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .7rem;
}

.navigator-topic-list span {
  padding: .24rem .48rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: .68rem;
}

.navigator-empty {
  padding: 2rem;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius);
  text-align: center;
  color: var(--muted);
}

.ecosystem-manifesto__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: 1rem;
  align-items: stretch;
}

.ecosystem-manifesto blockquote {
  display: grid;
  align-content: center;
  margin: 0;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid rgba(255, 201, 107, .35);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 80% 16%, rgba(255, 201, 107, .16), transparent 38%),
    linear-gradient(145deg, rgba(35, 27, 14, .9), rgba(9, 18, 25, .95));
}

.ecosystem-manifesto blockquote p {
  margin: 0;
  color: #ffe2a8;
  font-size: clamp(1.7rem, 4vw, 3.5rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.035em;
}

.ecosystem-manifesto blockquote cite {
  margin-top: 1rem;
  color: var(--muted);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.ecosystem-site-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.ecosystem-site-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 1.15rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(12, 26, 36, .92), rgba(7, 14, 21, .92));
}

.ecosystem-site-card--webs {
  border-color: rgba(185, 135, 255, .32);
  background:
    radial-gradient(circle at 85% 12%, rgba(185, 135, 255, .13), transparent 38%),
    linear-gradient(145deg, rgba(22, 18, 42, .94), rgba(7, 18, 27, .94));
}

.ecosystem-site-card--evulgare {
  border-color: rgba(255, 201, 107, .42);
  background:
    radial-gradient(circle at 85% 12%, rgba(255, 201, 107, .16), transparent 38%),
    linear-gradient(145deg, rgba(34, 26, 14, .95), rgba(8, 18, 25, .95));
}

.ecosystem-site-card > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
}

.ecosystem-site-card > header > span {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.ecosystem-site-card--webs > header > span { color: var(--violet); }
.ecosystem-site-card--evulgare > header > span { color: var(--amber); }

.ecosystem-site-card h4 {
  margin-bottom: .35rem;
  font-size: .76rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.ecosystem-site-card ul {
  margin-top: 0;
  padding-left: 1.15rem;
}

.ecosystem-site-card .button,
.ecosystem-site-card .button-row {
  margin-top: auto;
}

.ecosystem-boundary-list {
  color: var(--muted);
}

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

.evulgare-principle-grid h3 {
  color: #ffe2a8;
}

.ecosystem-routing-list {
  display: grid;
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ecosystem-routing-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .9rem;
  align-items: center;
  padding: .9rem 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .02);
}

.ecosystem-routing-list p {
  margin: 0 0 .15rem;
}

.ecosystem-scope-bridge__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
  gap: 1rem;
  align-items: center;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid rgba(255, 201, 107, .25);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 90% 12%, rgba(255, 201, 107, .1), transparent 35%),
    linear-gradient(145deg, rgba(22, 23, 22, .92), rgba(8, 17, 24, .92));
}

.ecosystem-scope-bridge__context {
  color: var(--muted-strong);
  font-weight: 650;
}

.ecosystem-scope-bridge__actions {
  display: grid;
  gap: .65rem;
  align-content: center;
}

.ecosystem-scope-bridge__actions > strong {
  color: #ffe2a8;
  font-size: 1rem;
  letter-spacing: .04em;
}

@media (max-width: 1100px) {
  .navigator-path-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .navigator-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .navigator-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecosystem-site-grid,
  .ecosystem-home-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .navigator-path > header,
  .navigator-group > header,
  .ecosystem-manifesto__grid,
  .ecosystem-scope-bridge__inner { grid-template-columns: 1fr; }
  .navigator-filter { grid-template-columns: 1fr; }
  .navigator-filter > div .button { flex: 1 1 10rem; }
  .evulgare-principle-grid { grid-template-columns: 1fr; }
  .ecosystem-routing-list li { grid-template-columns: auto minmax(0, 1fr); }
  .ecosystem-routing-list li > a { grid-column: 2; justify-self: start; }
}

@media (max-width: 600px) {
  .navigator-path-tabs,
  .navigator-route-grid,
  .navigator-principles { grid-template-columns: 1fr; }
  .navigator-path-tabs a { min-height: 3.35rem; }
  .navigator-path-steps li { padding: .72rem; }
  .ecosystem-site-card { padding: .9rem; }
  .ecosystem-routing-list li { padding: .75rem; }
  .ecosystem-manifesto blockquote p { font-size: clamp(1.55rem, 9vw, 2.5rem); }
}

@media (forced-colors: active) {
  .ecosystem-site-card,
  .navigator-path,
  .navigator-route-card,
  .ecosystem-scope-bridge__inner,
  .ecosystem-manifesto blockquote { border: 1px solid CanvasText; background: Canvas; }
}

@media print {
  .navigator-filter,
  .navigator-path-tabs,
  .ecosystem-scope-bridge__actions .button { display: none !important; }
  .navigator-path[hidden],
  .navigator-route-card[hidden],
  .navigator-group[hidden] { display: block !important; }
}

/* v1.23.0 Cross-Lab Concept Matrix and live Evulgare handoff */
.concept-matrix-page .page-hero::after {
  background:
    radial-gradient(circle at 18% 24%, rgba(92, 225, 230, .2), transparent 31%),
    radial-gradient(circle at 82% 20%, rgba(255, 201, 107, .17), transparent 34%),
    linear-gradient(120deg, transparent 25%, rgba(185, 135, 255, .08) 50%, transparent 72%);
}

.concept-matrix-principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin-bottom: 1rem;
}

.concept-matrix-principles article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(12, 26, 36, .9), rgba(7, 14, 20, .9));
}

.concept-matrix-principles article > span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  margin-bottom: .7rem;
  border: 1px solid color-mix(in srgb, var(--cyan) 58%, var(--line));
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.concept-matrix-principles h3,
.concept-matrix-principles p {
  overflow-wrap: anywhere;
}

.concept-matrix-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) minmax(220px, .8fr) auto;
  gap: .8rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.concept-matrix-filters label,
.concept-matrix-filters > div {
  min-width: 0;
}

.concept-matrix-filters label > span {
  display: block;
  margin-bottom: .32rem;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.concept-matrix-filters input,
.concept-matrix-filters select {
  width: 100%;
  min-height: 44px;
}

.concept-matrix-filters > div {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: center;
}

.concept-matrix-filters > div > span {
  color: var(--muted);
  font-size: .78rem;
}

.concept-matrix-empty {
  padding: 1.4rem;
  border: 1px dashed var(--line-strong);
  border-radius: 1rem;
  text-align: center;
  color: var(--muted);
}

.concept-matrix-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.concept-matrix-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 88% 8%, rgba(92, 225, 230, .07), transparent 30%),
    linear-gradient(145deg, rgba(12, 26, 36, .92), rgba(7, 14, 20, .92));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .012);
}

.concept-matrix-card > header {
  display: flex;
  justify-content: space-between;
  gap: .8rem;
  align-items: start;
}

.concept-matrix-card > header > span {
  flex: 0 0 auto;
  padding: .26rem .52rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font: 700 .64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}

.concept-matrix-card h3,
.concept-matrix-card p,
.concept-matrix-card a,
.concept-matrix-card li {
  overflow-wrap: anywhere;
}

.concept-matrix-card__definition {
  color: var(--muted-strong);
}

.concept-matrix-card blockquote {
  margin: .7rem 0;
  padding: .75rem .85rem;
  border-left: 3px solid var(--cyan);
  border-radius: 0 .75rem .75rem 0;
  background: rgba(92, 225, 230, .045);
}

.concept-matrix-card blockquote p {
  margin: 0;
  color: var(--text);
  font-weight: 750;
}

.concept-matrix-card__surface-types {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin-bottom: .7rem;
}

.concept-matrix-card details {
  margin-top: auto;
}

.concept-matrix-card details > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: .55rem .72rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  cursor: pointer;
  font-weight: 800;
}

.concept-matrix-card__detail {
  padding: .8rem .1rem .1rem;
}

.concept-matrix-card__detail h4 {
  margin: .8rem 0 .38rem;
  font-size: .75rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.concept-surface-list {
  display: grid;
  gap: .55rem;
  margin: .5rem 0;
  padding: 0;
  list-style: none;
}

.concept-surface-list li {
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .78rem;
  background: rgba(255, 255, 255, .018);
}

.concept-surface-list li > div {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}

.concept-surface-list p {
  margin: .42rem 0 0;
  color: var(--muted);
  font-size: .8rem;
}

.concept-reference-links {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.concept-reference-links a {
  padding: .3rem .54rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: .72rem;
}

.concept-ecosystem-handoff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
  margin-top: .8rem;
}

.concept-ecosystem-handoff > div {
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .02);
}

.concept-ecosystem-handoff > div:last-child {
  border-color: rgba(255, 201, 107, .28);
  background: rgba(255, 201, 107, .035);
}

.concept-ecosystem-handoff p {
  margin-bottom: .45rem;
  font-size: .79rem;
}

.concept-matrix-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .55rem;
  align-items: center;
  margin-top: .8rem;
  padding-top: .72rem;
  border-top: 1px solid var(--line);
}

.concept-matrix-card__actions label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  font-size: .78rem;
  font-weight: 750;
}

.concept-matrix-card__actions input {
  width: 1.1rem;
  height: 1.1rem;
}

.concept-matrix-submit {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  align-items: center;
  justify-content: center;
  padding: .9rem;
  border: 1px dashed var(--line-strong);
  border-radius: 1rem;
  color: var(--muted);
}

.concept-comparison {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.concept-comparison > article {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(13, 27, 38, .94), rgba(6, 14, 20, .94));
}

.concept-comparison h3,
.concept-comparison p,
.concept-comparison dd,
.concept-comparison li {
  overflow-wrap: anywhere;
}

.concept-comparison dl {
  display: grid;
  gap: .55rem;
}

.concept-comparison dl > div {
  padding: .65rem;
  border: 1px solid var(--line);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .018);
}

.concept-comparison dt {
  color: var(--muted);
  font: 750 .66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.concept-comparison dd {
  margin: .24rem 0 0;
}

.concept-comparison ol {
  display: grid;
  gap: .5rem;
  padding-left: 1.3rem;
}

.concept-comparison li a,
.concept-comparison li small {
  display: block;
}

.concept-comparison li small {
  margin-top: .16rem;
  color: var(--muted);
}

.concept-comparison__handoff {
  margin-top: auto;
  padding: .8rem;
  border: 1px solid rgba(255, 201, 107, .26);
  border-radius: .82rem;
  background: rgba(255, 201, 107, .035);
}

.concept-comparison__handoff p {
  font-size: .8rem;
}

.evulgare-live-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}

.evulgare-live-summary > div {
  min-width: 0;
  padding: .85rem;
  border: 1px solid rgba(255, 201, 107, .25);
  border-radius: .85rem;
  background: rgba(255, 201, 107, .035);
}

.evulgare-live-summary span,
.evulgare-live-summary strong {
  display: block;
  overflow-wrap: anywhere;
}

.evulgare-live-summary span {
  color: var(--muted);
  font: 750 .66rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.evulgare-live-summary strong {
  margin-top: .28rem;
  color: #ffe2a8;
}

.evulgare-area-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
}

.evulgare-area-grid article {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: .95rem;
  border: 1px solid rgba(255, 201, 107, .24);
  border-radius: .9rem;
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 201, 107, .1), transparent 32%),
    linear-gradient(145deg, rgba(32, 25, 14, .9), rgba(8, 17, 24, .94));
}

.evulgare-area-grid h3,
.evulgare-area-grid p,
.evulgare-area-grid a {
  overflow-wrap: anywhere;
}

.evulgare-area-grid article > a:first-of-type {
  margin-top: auto;
}

.evulgare-area-grid .source-record-id {
  align-self: start;
  margin-top: .55rem;
}

@media (max-width: 1100px) {
  .concept-matrix-grid,
  .evulgare-area-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .concept-matrix-principles,
  .evulgare-live-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .concept-matrix-filters { grid-template-columns: 1fr; }
  .concept-comparison { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .concept-matrix-grid,
  .concept-matrix-principles,
  .concept-ecosystem-handoff,
  .evulgare-area-grid,
  .evulgare-live-summary { grid-template-columns: 1fr; }
  .concept-matrix-card { padding: .85rem; }
  .concept-matrix-card > header { align-items: start; }
  .concept-matrix-card__actions { align-items: stretch; }
  .concept-matrix-card__actions label,
  .concept-matrix-card__actions .button { width: 100%; }
  .concept-matrix-submit { align-items: stretch; }
  .concept-matrix-submit .button { width: 100%; }
}

@media (forced-colors: active) {
  .concept-matrix-card,
  .concept-comparison > article,
  .concept-matrix-principles article,
  .evulgare-area-grid article,
  .evulgare-live-summary > div,
  .concept-ecosystem-handoff > div { border: 1px solid CanvasText; background: Canvas; }
}

@media print {
  .concept-matrix-filters,
  .concept-matrix-card__actions,
  .concept-matrix-submit { display: none !important; }
  .concept-matrix-card[hidden] { display: block !important; }
  .concept-matrix-grid,
  .concept-comparison,
  .evulgare-area-grid { grid-template-columns: 1fr; }
  .concept-matrix-card details > div { display: block !important; }
}

/* Machine Answerability and Accountability Handoff Lab */
.answerability-manifesto {
  position: relative;
  overflow: hidden;
}

.answerability-manifesto::before {
  content: "";
  position: absolute;
  inset: -20% -15% auto 40%;
  height: 34rem;
  background: radial-gradient(circle, rgba(255, 201, 107, .14), transparent 66%);
  pointer-events: none;
}

.answerability-manifesto__panel {
  position: relative;
  padding: clamp(1.1rem, 3vw, 2rem);
  border: 1px solid rgba(255, 201, 107, .34);
  border-radius: 1.3rem;
  background:
    linear-gradient(125deg, rgba(40, 30, 11, .96), rgba(6, 17, 24, .96) 58%),
    var(--panel);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.answerability-manifesto__panel h2 {
  max-width: 15ch;
  margin: .25rem 0 .85rem;
  color: #fff0c7;
  font-size: clamp(2.3rem, 6vw, 5.6rem);
  line-height: .94;
  letter-spacing: -.045em;
}

.answerability-manifesto__lede {
  max-width: 62ch;
  color: #e9d9b2;
  font-size: clamp(1rem, 2vw, 1.22rem);
}

.answerability-manifesto__rule {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: .65rem;
  align-items: center;
  margin: 1.2rem 0;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 1rem;
  background: rgba(0, 0, 0, .22);
}

.answerability-manifesto__rule span {
  min-width: 0;
  padding: .72rem;
  border: 1px solid rgba(255, 201, 107, .2);
  border-radius: .72rem;
  color: #f4e6c5;
  font-weight: 800;
  text-align: center;
  overflow-wrap: anywhere;
}

.answerability-manifesto__rule strong {
  color: var(--amber);
}

.answerability-manifesto blockquote {
  margin: 1rem 0;
  padding: .9rem 1rem;
  border-left: 3px solid var(--amber);
  color: #fff4d7;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 800;
}

.answerability-principle-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
}

.answerability-principle-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(13, 27, 38, .94), rgba(6, 14, 20, .94));
}

.answerability-principle-grid article > span,
.answerability-contract article > span {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(92, 225, 230, .28);
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.answerability-principle-grid h3,
.answerability-contract h3 {
  margin: .62rem 0 .4rem;
}

.answerability-lab-layout {
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 2fr);
  gap: 1rem;
  align-items: start;
}

.answerability-timeline {
  position: sticky;
  top: calc(var(--header-offset, 0px) + 1rem);
  max-height: calc(100dvh - var(--header-offset, 0px) - 2rem);
  overflow: auto;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(10, 24, 33, .97), rgba(5, 13, 19, .97));
}

.answerability-timeline ol {
  display: grid;
  gap: .65rem;
  margin: .8rem 0 0;
  padding: 0;
  list-style: none;
}

.answerability-timeline li {
  display: grid;
  grid-template-columns: 4.25rem 1fr;
  gap: .65rem;
  padding: .7rem;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .02);
}

.answerability-timeline time {
  color: var(--amber);
  font: 800 .7rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.answerability-timeline strong,
.answerability-timeline p {
  display: block;
  overflow-wrap: anywhere;
}

.answerability-timeline p {
  margin: .18rem 0 0;
  color: var(--muted);
  font-size: .78rem;
}

.answerability-evidence-workspace {
  min-width: 0;
}

.answerability-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
  gap: 1rem;
  margin-bottom: .8rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.answerability-workspace-head p:last-child {
  margin: 0;
  color: var(--muted);
}

.answerability-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.answerability-evidence-card {
  min-width: 0;
  padding: .95rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(13, 27, 38, .95), rgba(5, 13, 19, .95));
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.answerability-evidence-card[data-answerability-result="aligned"] {
  border-color: rgba(92, 225, 230, .44);
  box-shadow: 0 0 0 1px rgba(92, 225, 230, .08) inset;
}

.answerability-evidence-card[data-answerability-result="review"] {
  border-color: rgba(255, 201, 107, .48);
  box-shadow: 0 0 0 1px rgba(255, 201, 107, .08) inset;
}

.answerability-evidence-card[data-answerability-result="unclassified"] {
  border-style: dashed;
}

.answerability-evidence-card > header {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: flex-start;
}

.answerability-evidence-card h4,
.answerability-evidence-card p,
.answerability-evidence-card label,
.answerability-evidence-card a {
  overflow-wrap: anywhere;
}

.answerability-evidence-card fieldset {
  display: grid;
  gap: .45rem;
  margin: .8rem 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .8rem;
}

.answerability-evidence-card legend {
  padding: 0 .35rem;
  color: var(--muted);
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.answerability-evidence-card fieldset label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .6rem;
  align-items: center;
  min-height: 48px;
  padding: .48rem .55rem;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: .68rem;
  cursor: pointer;
}

.answerability-evidence-card fieldset label:has(input:checked) {
  border-color: rgba(92, 225, 230, .35);
  background: rgba(92, 225, 230, .04);
}

.answerability-evidence-card fieldset input {
  width: 1.15rem;
  height: 1.15rem;
}

.answerability-evidence-card fieldset strong,
.answerability-evidence-card fieldset small {
  display: block;
}

.answerability-evidence-card fieldset small {
  margin-top: .1rem;
  color: var(--muted);
}

.answerability-evidence-card details {
  margin-top: .55rem;
  border-top: 1px solid var(--line);
  padding-top: .65rem;
}

.answerability-evidence-card summary {
  min-height: 44px;
  cursor: pointer;
  font-weight: 800;
}

.answerability-released-handoff {
  padding: .7rem;
  border: 1px solid rgba(255, 201, 107, .18);
  border-radius: .72rem;
  background: rgba(255, 201, 107, .025);
}

.answerability-reference-links {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
}

.answerability-reference-links a {
  padding: .32rem .55rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: .72rem;
}

.answerability-lab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  margin-top: 1rem;
  padding: .85rem;
  border: 1px dashed var(--line-strong);
  border-radius: 1rem;
}

.answerability-lab-actions .sr-status {
  flex: 1 1 100%;
  margin: 0;
  color: var(--muted);
}

.answerability-result {
  margin-top: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line);
}

.answerability-result-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .8rem;
}

.answerability-result-grid article {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.answerability-result-grid article > strong {
  display: block;
  color: var(--cyan);
  font-size: 2rem;
}

.answerability-result-grid ul {
  display: grid;
  gap: .55rem;
  padding-left: 1.15rem;
}

.answerability-result-grid li strong,
.answerability-result-grid li span,
.answerability-result-grid li a {
  display: block;
  overflow-wrap: anywhere;
}

.answerability-result-grid li span {
  margin-top: .18rem;
  color: var(--muted);
  font-size: .76rem;
}

.answerability-result-grid li a {
  margin-top: .28rem;
  font-size: .74rem;
}

.answerability-contract {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
}

.answerability-contract article {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 88% 10%, rgba(92, 225, 230, .07), transparent 30%),
    rgba(255, 255, 255, .02);
}

.answerability-before-after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.answerability-before-after article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 107, 107, .24);
  border-radius: 1rem;
  background: rgba(255, 107, 107, .025);
}

.answerability-before-after article:last-child {
  border-color: rgba(92, 225, 230, .3);
  background: rgba(92, 225, 230, .025);
}

.answerability-before-after ul {
  display: grid;
  gap: .45rem;
  padding-left: 1.2rem;
}

.answerability-final-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid rgba(255, 201, 107, .38);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, rgba(42, 31, 10, .94), rgba(7, 17, 24, .95));
}

.answerability-final-cta > div:last-child {
  display: grid;
  gap: .7rem;
  justify-items: end;
}

.answerability-final-cta strong {
  color: #ffe2a8;
  font-size: 1.08rem;
}

@media (max-width: 1180px) {
  .answerability-principle-grid,
  .answerability-result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .answerability-contract { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .answerability-lab-layout,
  .answerability-workspace-head { grid-template-columns: 1fr; }
  .answerability-timeline {
    position: static;
    max-height: none;
  }
  .answerability-evidence-grid { grid-template-columns: 1fr; }
  .answerability-final-cta { grid-template-columns: 1fr; }
  .answerability-final-cta > div:last-child { justify-items: start; }
}

@media (max-width: 680px) {
  .answerability-manifesto__rule,
  .answerability-principle-grid,
  .answerability-result-grid,
  .answerability-contract,
  .answerability-before-after { grid-template-columns: 1fr; }
  .answerability-manifesto__rule strong { transform: rotate(90deg); justify-self: center; }
  .answerability-timeline li { grid-template-columns: 1fr; }
  .answerability-evidence-card,
  .answerability-manifesto__panel { padding: .82rem; }
  .answerability-lab-actions { align-items: stretch; }
  .answerability-lab-actions .button { width: 100%; }
}

@media (forced-colors: active) {
  .answerability-manifesto__panel,
  .answerability-principle-grid article,
  .answerability-timeline,
  .answerability-evidence-card,
  .answerability-result-grid article,
  .answerability-contract article,
  .answerability-before-after article,
  .answerability-final-cta { border: 1px solid CanvasText; background: Canvas; }
}

@media print {
  .answerability-lab-actions,
  .answerability-evidence-card fieldset { display: none !important; }
  .answerability-timeline { position: static; max-height: none; }
  .answerability-lab-layout,
  .answerability-evidence-grid,
  .answerability-result-grid,
  .answerability-contract,
  .answerability-before-after,
  .answerability-principle-grid { grid-template-columns: 1fr; }
  .answerability-evidence-card details > div { display: block !important; }
}

.answerability-home-statement {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
  padding: clamp(1rem, 2.5vw, 1.45rem);
  border: 1px solid rgba(255, 201, 107, .32);
  border-radius: 1.1rem;
  background:
    radial-gradient(circle at 6% 50%, rgba(255, 201, 107, .12), transparent 28%),
    linear-gradient(135deg, rgba(34, 25, 9, .86), rgba(5, 15, 21, .94));
}

.answerability-home-statement strong {
  display: block;
  color: #ffe1a2;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  line-height: 1.28;
}

.answerability-home-statement p:last-child { margin: 0; }

@media (max-width: 760px) {
  .answerability-home-statement { grid-template-columns: 1fr; }
}

@media (forced-colors: active) {
  .answerability-home-statement { border: 1px solid CanvasText; background: Canvas; }
}

.answerability-home-callout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(240px, .65fr);
  gap: 1rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: clamp(1rem, 2.6vw, 1.6rem);
  border: 1px solid rgba(255, 201, 107, .34);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 82% 12%, rgba(255, 201, 107, .13), transparent 38%),
    linear-gradient(125deg, rgba(39, 29, 11, .96), rgba(6, 17, 24, .96) 60%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.answerability-home-callout h3 {
  max-width: 28ch;
  margin: .25rem 0 .6rem;
  color: #fff0c7;
  font-size: clamp(1.45rem, 3vw, 2.6rem);
  line-height: 1.03;
}

.answerability-home-callout p:last-child {
  margin-bottom: 0;
  color: #cfdae1;
}

.answerability-home-callout__actions {
  display: grid;
  gap: .65rem;
}

.answerability-home-callout__actions .button {
  width: 100%;
  text-align: center;
}

@media (max-width: 760px) {
  .answerability-home-callout {
    grid-template-columns: 1fr;
  }
}

@media (forced-colors: active) {
  .answerability-home-callout {
    border: 1px solid CanvasText;
    background: Canvas;
  }
}

/* v1.24.0: the expanded accountability boundary must remain readable at 240px. */
@media (max-width: 360px) {
  .boundary-banner a {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* v1.24.0: boundary links must wrap under text zoom as well as micro widths. */
.boundary-banner__inner > span:last-child {
  min-width: 0;
}

.boundary-banner a {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Machine Answerability Replay and Causal Contribution Lab — v1.25.0 */
.replay-manifesto {
  position: relative;
  overflow: clip;
}

.replay-manifesto::before {
  content: "";
  position: absolute;
  inset: 8% auto auto 55%;
  width: min(36rem, 70vw);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(92, 225, 230, .12), rgba(126, 166, 255, .04) 45%, transparent 72%);
  filter: blur(1rem);
}

.replay-manifesto__panel {
  position: relative;
  padding: clamp(1.15rem, 3vw, 2.35rem);
  border: 1px solid rgba(92, 225, 230, .28);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(92, 225, 230, .08), transparent 40%),
    linear-gradient(180deg, rgba(12, 28, 38, .96), rgba(5, 13, 19, .92));
  box-shadow: var(--shadow);
}

.replay-manifesto__panel h2 {
  max-width: 18ch;
  font-size: clamp(2.2rem, 5.4vw, 5.6rem);
  letter-spacing: -.045em;
}

.replay-manifesto__lede {
  max-width: 78ch;
  color: var(--muted-strong);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.replay-manifesto__sequence {
  display: grid;
  grid-template-columns: repeat(7, auto);
  align-items: center;
  gap: .65rem;
  width: fit-content;
  max-width: 100%;
  margin: 1.35rem 0;
  padding: .8rem;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(0, 0, 0, .2);
  scrollbar-width: thin;
}

.replay-manifesto__sequence span {
  white-space: nowrap;
  padding: .42rem .72rem;
  border-radius: 999px;
  background: rgba(92, 225, 230, .08);
  color: #eaffff;
  font: 700 .74rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.replay-manifesto__sequence strong {
  color: var(--cyan);
}

.replay-event-lock {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr);
  gap: 1rem;
  align-items: center;
  margin: 1.25rem 0;
  padding: 1rem;
  border: 1px solid rgba(122, 230, 178, .28);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(122, 230, 178, .07), rgba(9, 20, 28, .78));
}

.replay-event-lock h3,
.replay-event-lock p:last-child {
  margin-bottom: 0;
}

.replay-event-lock__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}

.replay-event-lock__facts span {
  display: grid;
  gap: .12rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(0, 0, 0, .18);
  color: var(--muted);
  font-size: .75rem;
}

.replay-event-lock__facts strong {
  color: var(--ink);
  font-size: .95rem;
}

.replay-timeline {
  display: grid;
  grid-template-columns: repeat(8, minmax(120px, 1fr));
  gap: .65rem;
  margin: 1rem 0 1.35rem;
  padding: 0 0 .45rem;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: thin;
}

.replay-timeline li {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 142px;
  padding: .78rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(9, 21, 29, .76);
}

.replay-timeline li::before {
  content: "";
  position: absolute;
  top: 0;
  left: .78rem;
  right: .78rem;
  height: 2px;
  background: linear-gradient(90deg, var(--cyan), transparent);
}

.replay-timeline time {
  color: var(--cyan);
  font: 700 .7rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.replay-timeline strong {
  margin-top: .35rem;
}

.replay-timeline span {
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.45;
}

.replay-state-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}

.replay-state-button {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "number label" "number meta";
  gap: .12rem .65rem;
  min-height: 78px;
  padding: .75rem;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: .95rem;
  background: linear-gradient(180deg, rgba(15, 31, 42, .88), rgba(7, 16, 23, .86));
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.replay-state-button:hover,
.replay-state-button:focus-visible,
.replay-state-button.is-active {
  border-color: rgba(92, 225, 230, .5);
  background: linear-gradient(180deg, rgba(92, 225, 230, .12), rgba(7, 16, 23, .94));
  transform: translateY(-2px);
}

.replay-state-button > span {
  grid-area: number;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  align-self: center;
  border: 1px solid rgba(92, 225, 230, .35);
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .75rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.replay-state-button strong {
  grid-area: label;
  align-self: end;
  color: var(--ink);
}

.replay-state-button small {
  grid-area: meta;
  color: var(--muted);
}

.replay-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr);
  gap: 1rem;
  align-items: start;
}

.replay-state-stage,
.replay-question-console {
  min-width: 0;
}

.replay-state-panel {
  padding: clamp(.95rem, 2.2vw, 1.35rem);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(12, 26, 35, .94), rgba(5, 13, 19, .92));
  box-shadow: var(--shadow-small);
  scroll-margin-top: calc(var(--header-height) + 4rem);
}

.replay-state-panel > header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.replay-state-panel__summary {
  max-width: 76ch;
  color: var(--muted-strong);
}

.replay-record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.replay-record-card {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .025);
}

.replay-record-card h4,
.replay-record-card p:last-child {
  margin-bottom: 0;
}

.replay-record-card dl {
  display: grid;
  gap: .55rem;
  margin: .75rem 0;
}

.replay-record-card dl > div {
  padding: .62rem;
  border-left: 2px solid rgba(92, 225, 230, .36);
  background: rgba(0, 0, 0, .15);
}

.replay-record-card dt,
.replay-explanation-ledger dt,
.replay-role-card dt {
  color: var(--cyan);
  font: 750 .66rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.replay-record-card dd,
.replay-explanation-ledger dd,
.replay-role-card dd {
  margin: .18rem 0 0;
  color: var(--muted-strong);
  overflow-wrap: anywhere;
}

.replay-record-card__handoff {
  padding-top: .65rem;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .78rem;
}

.replay-explanation-ledger {
  margin-top: .85rem;
  padding: .9rem;
  border: 1px solid rgba(126, 166, 255, .28);
  border-radius: .9rem;
  background: linear-gradient(135deg, rgba(126, 166, 255, .08), rgba(0, 0, 0, .12));
}

.replay-explanation-ledger dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
}

.replay-explanation-ledger dl > div {
  padding: .7rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: rgba(0, 0, 0, .16);
}

.replay-explanation-ledger dl > div:last-child {
  grid-column: 1 / -1;
}

.replay-question-console {
  position: sticky;
  top: calc(var(--header-height) + 3.5rem);
  max-height: calc(100vh - var(--header-height) - 4.4rem);
  padding: .9rem;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(7, 17, 24, .96);
  box-shadow: var(--shadow-small);
  scrollbar-width: thin;
}

.replay-question-console__head p:last-child {
  color: var(--cyan);
  font-weight: 750;
}

.replay-question-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  margin-bottom: .75rem;
}

.replay-question-summary > div {
  display: grid;
  padding: .62rem;
  border: 1px solid var(--line);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}

.replay-question-summary strong {
  color: var(--ink);
  font-size: 1.15rem;
}

.replay-question-summary span {
  color: var(--muted);
  font-size: .67rem;
  text-transform: uppercase;
}

.replay-question-list {
  display: grid;
  gap: .65rem;
}

.replay-question-card {
  padding: .75rem;
  border: 1px solid var(--line);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .02);
}

.replay-question-card[data-replay-question-status="answerable"] {
  border-color: rgba(122, 230, 178, .3);
}

.replay-question-card[data-replay-question-status="partial"] {
  border-color: rgba(255, 201, 107, .32);
}

.replay-question-card[data-replay-question-status="unknown"] {
  border-color: rgba(255, 122, 122, .25);
}

.replay-question-card > header {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  align-items: flex-start;
}

.replay-question-card > header > span {
  color: var(--muted);
  font: 700 .63rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.replay-question-card h4 {
  margin-top: .45rem;
  font-size: 1rem;
}

.replay-question-card p {
  font-size: .8rem;
}

.replay-question-card__answer {
  padding: .6rem;
  border-radius: .65rem;
  background: rgba(0, 0, 0, .18);
  color: var(--muted-strong);
}

.replay-question-card details {
  border-top: 1px solid var(--line);
  padding-top: .55rem;
}

.replay-question-card summary {
  color: var(--cyan);
  cursor: pointer;
  font-size: .76rem;
  font-weight: 700;
}

.replay-question-card details ol {
  color: var(--muted);
  font-size: .75rem;
}

.replay-controls {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  margin-top: 1rem;
}

.replay-controls .sr-status {
  flex: 1 1 100%;
  margin: .15rem 0 0;
}

.replay-role-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

.replay-role-card {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .95rem;
  background: rgba(9, 21, 29, .76);
  transition: opacity .18s ease, border-color .18s ease, transform .18s ease;
}

.replay-role-card.is-unseen {
  opacity: .48;
}

.replay-role-card.is-partial {
  border-color: rgba(255, 201, 107, .34);
}

.replay-role-card.is-supported {
  border-color: rgba(122, 230, 178, .36);
  transform: translateY(-2px);
}

.replay-role-card > header {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
}

.replay-role-card > header > span {
  min-width: 2.7rem;
  height: fit-content;
  padding: .25rem .45rem;
  border-radius: 999px;
  background: rgba(92, 225, 230, .08);
  color: var(--cyan);
  text-align: center;
  font: 700 .67rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.replay-role-card dl {
  display: grid;
  gap: .55rem;
  margin: .75rem 0 0;
}

.replay-role-card dl > div {
  padding-top: .5rem;
  border-top: 1px solid var(--line);
}

.replay-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}

.replay-factor-grid article {
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: linear-gradient(180deg, rgba(15, 30, 40, .78), rgba(6, 14, 20, .82));
  transition: opacity .18s ease, border-color .18s ease;
}

.replay-factor-grid article.is-unseen {
  opacity: .38;
}

.replay-factor-grid article.is-partial {
  border-color: rgba(255, 201, 107, .32);
}

.replay-factor-grid article.is-supported {
  border-color: rgba(122, 230, 178, .36);
}

.replay-deficiency-layout {
  display: grid;
  grid-template-columns: 1.25fr .8fr .8fr;
  gap: .75rem;
}

.replay-deficiency-layout article {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .95rem;
  background: rgba(9, 21, 29, .74);
}

.replay-deficiency-layout article:first-child {
  border-color: rgba(255, 201, 107, .3);
}

.replay-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.replay-handoff-grid article {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
  background: rgba(9, 21, 29, .72);
}

.replay-handoff-grid p,
.replay-handoff-grid a {
  overflow-wrap: anywhere;
}

.replay-final-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid rgba(92, 225, 230, .3);
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(92, 225, 230, .08), rgba(185, 135, 255, .05));
}

.replay-final-cta p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1180px) {
  .replay-workspace {
    grid-template-columns: 1fr;
  }

  .replay-question-console {
    position: static;
    max-height: none;
  }

  .replay-question-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 900px) {
  .replay-event-lock,
  .replay-final-cta {
    grid-template-columns: 1fr;
  }

  .replay-event-lock__facts,
  .replay-state-nav,
  .replay-factor-grid,
  .replay-handoff-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .replay-deficiency-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .replay-manifesto__sequence {
    width: 100%;
    border-radius: .9rem;
  }

  .replay-state-nav,
  .replay-record-grid,
  .replay-question-list,
  .replay-role-grid,
  .replay-factor-grid,
  .replay-handoff-grid,
  .replay-explanation-ledger dl {
    grid-template-columns: 1fr;
  }

  .replay-explanation-ledger dl > div:last-child {
    grid-column: auto;
  }

  .replay-event-lock__facts {
    grid-template-columns: 1fr;
  }

  .replay-state-panel > header {
    display: grid;
  }

  .replay-controls {
    align-items: stretch;
  }

  .replay-controls .button {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .replay-manifesto__panel,
  .replay-state-panel,
  .replay-question-console,
  .replay-role-card,
  .replay-deficiency-layout article,
  .replay-handoff-grid article {
    padding: .72rem;
  }

  .replay-state-button {
    min-height: 70px;
    padding: .62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .replay-state-button,
  .replay-role-card,
  .replay-factor-grid article {
    transition: none;
  }
}

@media (forced-colors: active) {
  .replay-manifesto__panel,
  .replay-event-lock,
  .replay-timeline li,
  .replay-state-button,
  .replay-state-panel,
  .replay-record-card,
  .replay-explanation-ledger,
  .replay-question-console,
  .replay-question-card,
  .replay-role-card,
  .replay-factor-grid article,
  .replay-deficiency-layout article,
  .replay-handoff-grid article,
  .replay-final-cta {
    border: 1px solid CanvasText;
    background: Canvas;
  }
}

@media print {
  .replay-state-nav,
  .replay-controls,
  .replay-manifesto .button-row {
    display: none !important;
  }

  .replay-state-panel[hidden] {
    display: block !important;
  }

  .replay-question-console {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .replay-workspace,
  .replay-record-grid,
  .replay-question-list,
  .replay-role-grid,
  .replay-factor-grid,
  .replay-deficiency-layout,
  .replay-handoff-grid {
    grid-template-columns: 1fr;
  }
}

/* v1.26.0 — Machine Answerability Remediation and Prevention Lab */
.answerability-remediation-page {
  --remediation-cyan: #67e8f9;
  --remediation-blue: #7aa2ff;
  --remediation-amber: #ffc96b;
  --remediation-green: #73f6b1;
  --remediation-red: #ff8b8b;
}

.remediation-manifesto {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(103, 232, 249, .11), transparent 32%),
    radial-gradient(circle at 88% 30%, rgba(122, 162, 255, .1), transparent 30%),
    linear-gradient(180deg, rgba(4, 13, 19, .98), rgba(3, 9, 14, .96));
}

.remediation-manifesto::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(103, 232, 249, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(103, 232, 249, .04) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at 38% 30%, black, transparent 82%);
}

.remediation-manifesto__panel {
  position: relative;
  padding: clamp(1.4rem, 3vw, 2.6rem);
  border: 1px solid rgba(103, 232, 249, .2);
  border-radius: 1.35rem;
  background: linear-gradient(135deg, rgba(9, 23, 31, .95), rgba(3, 10, 15, .86));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .02);
}

.remediation-manifesto__panel h2 {
  max-width: 17ch;
  margin: .35rem 0 .75rem;
  font-size: clamp(2.6rem, 6.4vw, 6.4rem);
  line-height: .92;
  letter-spacing: -.055em;
}

.remediation-manifesto__lede {
  max-width: 76ch;
  color: #c9dce5;
  font-size: clamp(1rem, 1.7vw, 1.2rem);
}

.remediation-manifesto blockquote {
  margin: 1.2rem 0;
  padding: .8rem 1rem;
  border-inline-start: 3px solid var(--remediation-amber);
  background: rgba(255, 201, 107, .055);
  color: #fff1cc;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 800;
  letter-spacing: .08em;
}

.remediation-manifesto__test {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0 1.2rem;
}

.remediation-manifesto__test span {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  padding: .45rem .78rem;
  border: 1px solid rgba(103, 232, 249, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
  color: #d9edf3;
  font-size: .78rem;
}

.remediation-event-lock {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, .75fr);
  gap: 1rem;
  align-items: center;
  padding: 1.1rem;
  border: 1px solid rgba(122, 162, 255, .2);
  border-radius: 1.1rem;
  background: linear-gradient(135deg, rgba(12, 26, 35, .92), rgba(5, 13, 19, .82));
}

.remediation-event-lock h3 {
  margin: .2rem 0 .35rem;
}

.remediation-event-lock__timing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem;
}

.remediation-event-lock__timing span {
  padding: .72rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #9eb3bf;
  font-size: .75rem;
}

.remediation-event-lock__timing strong {
  display: block;
  color: #f6fbfd;
  font-size: 1rem;
}

.remediation-baseline-timeline {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .5rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.remediation-baseline-timeline li {
  position: relative;
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .022);
}

.remediation-baseline-timeline li::after {
  content: "";
  position: absolute;
  top: 1rem;
  right: -.5rem;
  width: .5rem;
  height: 1px;
  background: rgba(103, 232, 249, .26);
}

.remediation-baseline-timeline li:last-child::after {
  display: none;
}

.remediation-baseline-timeline time,
.remediation-baseline-timeline strong,
.remediation-baseline-timeline span {
  display: block;
  overflow-wrap: anywhere;
}

.remediation-baseline-timeline time {
  color: var(--remediation-cyan);
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.remediation-baseline-timeline strong {
  margin: .35rem 0 .25rem;
  color: #f2f9fc;
  font-size: .83rem;
}

.remediation-baseline-timeline span {
  color: #8fa5b1;
  font-size: .72rem;
  line-height: 1.4;
}

.remediation-preset-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin-bottom: 1rem;
}

.remediation-preset-button {
  display: grid;
  gap: .3rem;
  min-height: 7rem;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
  color: inherit;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.remediation-preset-button:hover,
.remediation-preset-button:focus-visible,
.remediation-preset-button.is-active {
  transform: translateY(-2px);
  border-color: rgba(103, 232, 249, .42);
  background: linear-gradient(180deg, rgba(103, 232, 249, .08), rgba(255, 255, 255, .016));
}

.remediation-preset-button strong {
  color: #f5fbfd;
}

.remediation-preset-button span {
  color: #9fb4bf;
  font-size: .8rem;
}

.remediation-form {
  padding: 1rem;
  border: 1px solid rgba(103, 232, 249, .14);
  border-radius: 1.2rem;
  background: linear-gradient(180deg, rgba(8, 19, 26, .88), rgba(4, 12, 17, .78));
}

.remediation-selection-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: end;
  margin-bottom: 1rem;
}

.remediation-selection-head h3,
.remediation-selection-head p {
  margin-bottom: 0;
}

.remediation-selection-head > p {
  padding: .55rem .75rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
  white-space: nowrap;
}

.remediation-selection-head > p strong {
  color: var(--remediation-cyan);
}

.remediation-domain {
  min-width: 0;
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
}

.remediation-domain legend {
  width: 100%;
  margin-bottom: .65rem;
  padding: .65rem .75rem;
  border-block-end: 1px solid rgba(255, 255, 255, .07);
}

.remediation-domain legend span,
.remediation-domain legend small {
  display: block;
}

.remediation-domain legend span {
  color: #eef8fb;
  font-weight: 800;
}

.remediation-domain legend small {
  margin-top: .22rem;
  color: #91a8b4;
}

.remediation-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
}

.remediation-control-card {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .72rem;
  min-width: 0;
  min-height: 100%;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .012));
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, opacity .18s ease;
}

.remediation-control-card:hover,
.remediation-control-card:focus-within,
.remediation-control-card.is-selected {
  border-color: rgba(103, 232, 249, .38);
  background: linear-gradient(180deg, rgba(103, 232, 249, .07), rgba(255, 255, 255, .015));
  transform: translateY(-1px);
}

.remediation-control-card.is-disabled {
  opacity: .52;
}

.remediation-control-card input {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: .12rem;
  accent-color: var(--remediation-cyan);
}

.remediation-control-card__content {
  display: grid;
  min-width: 0;
  gap: .45rem;
}

.remediation-control-card__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
  align-items: flex-start;
}

.remediation-control-card__head strong {
  color: #f1f9fc;
}

.remediation-control-card__id {
  color: #718995;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.remediation-control-card__summary,
.remediation-control-card__mechanism,
.remediation-control-card__limit {
  overflow-wrap: anywhere;
  font-size: .78rem;
  line-height: 1.5;
}

.remediation-control-card__summary {
  color: #afc3cd;
}

.remediation-control-card__mechanism {
  color: #d4e4ea;
}

.remediation-control-card__limit {
  color: #9cadb6;
  padding-top: .45rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.remediation-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
  padding-top: .25rem;
}

.remediation-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.1rem;
}

.remediation-outcome {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}

.remediation-outcome--baseline {
  border-color: rgba(255, 139, 139, .2);
  background: linear-gradient(180deg, rgba(255, 139, 139, .055), rgba(255, 255, 255, .012));
}

.remediation-outcome--branch[data-outcome="prevented"] {
  border-color: rgba(115, 246, 177, .32);
  background: linear-gradient(180deg, rgba(115, 246, 177, .07), rgba(255, 255, 255, .012));
}

.remediation-outcome--branch[data-outcome="contained"] {
  border-color: rgba(103, 232, 249, .32);
  background: linear-gradient(180deg, rgba(103, 232, 249, .065), rgba(255, 255, 255, .012));
}

.remediation-outcome__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .65rem;
  align-items: center;
}

.remediation-outcome h3 {
  margin: .4rem 0 .35rem;
}

.remediation-outcome dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin: .8rem 0 0;
}

.remediation-outcome dl div {
  padding: .62rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: .75rem;
  background: rgba(0, 0, 0, .12);
}

.remediation-outcome dt {
  color: #8299a6;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.remediation-outcome dd {
  margin: .2rem 0 0;
  color: #f2f8fa;
  font-weight: 800;
}

.remediation-outcome__timing,
.remediation-outcome__history {
  margin-top: .65rem;
  padding: .65rem .75rem;
  border-radius: .75rem;
  background: rgba(0, 0, 0, .15);
  color: #b7c9d1;
  font-size: .78rem;
}

.remediation-branch-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.remediation-branch-path li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .6rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .02);
}

.remediation-branch-path li > span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(103, 232, 249, .35);
  border-radius: 50%;
  color: var(--remediation-cyan);
  font: 800 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.remediation-branch-path strong {
  display: block;
  color: #eff8fb;
  font-size: .82rem;
}

.remediation-branch-path p {
  margin: .2rem 0 0;
  color: #8fa5b1;
  font-size: .74rem;
}

.remediation-effect-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .55rem;
  margin-top: 1rem;
}

.remediation-effect-summary > div {
  min-width: 0;
  padding: .72rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .02);
}

.remediation-effect-summary strong,
.remediation-effect-summary span {
  display: block;
}

.remediation-effect-summary strong {
  color: #f4fbfd;
  font-size: 1.35rem;
}

.remediation-effect-summary span {
  margin-top: .15rem;
  color: #8ba1ad;
  font-size: .68rem;
  overflow-wrap: anywhere;
}

.remediation-selected-list {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .8rem;
}

.remediation-selected-list span,
.remediation-selected-list p {
  margin: 0;
  padding: .42rem .65rem;
  border: 1px solid rgba(103, 232, 249, .15);
  border-radius: 999px;
  background: rgba(103, 232, 249, .035);
  color: #bbd2db;
  font-size: .72rem;
}

.remediation-factor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
  margin-top: 1rem;
}

.remediation-factor-grid article {
  min-width: 0;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .95rem;
  background: rgba(255, 255, 255, .02);
}

.remediation-factor-grid article[data-factor-status="addressed-in-synthetic-branch"] {
  border-color: rgba(115, 246, 177, .28);
  background: rgba(115, 246, 177, .035);
}

.remediation-factor-grid article[data-factor-status="documented"] {
  border-color: rgba(122, 162, 255, .28);
  background: rgba(122, 162, 255, .035);
}

.remediation-factor-grid article[data-factor-status="unknown"] {
  border-color: rgba(255, 201, 107, .28);
}

.remediation-factor-grid h3 {
  margin: .2rem 0 .4rem;
  font-size: .95rem;
}

.remediation-factor-grid p {
  margin: .25rem 0 0;
  color: #9eb3bd;
  font-size: .76rem;
}

.remediation-unresolved {
  display: grid;
  grid-template-columns: minmax(220px, .6fr) minmax(0, 1.4fr);
  gap: 1rem;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255, 201, 107, .18);
  border-radius: 1rem;
  background: rgba(255, 201, 107, .035);
}

.remediation-unresolved h3 {
  margin: .2rem 0 0;
}

.remediation-unresolved ul {
  margin: 0;
  padding-left: 1.2rem;
}

.remediation-unresolved li + li {
  margin-top: .4rem;
}

.remediation-effect-matrix table {
  min-width: 980px;
}

.remediation-effect-matrix th,
.remediation-effect-matrix td {
  vertical-align: top;
}

.remediation-effect-matrix th small {
  display: block;
  margin-top: .25rem;
  color: #77909c;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.remediation-unknown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}

.remediation-unknown-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .95rem;
  background: rgba(255, 255, 255, .02);
}

.remediation-unknown-grid article span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 201, 107, .3);
  color: var(--remediation-amber);
  font: 800 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.remediation-unknown-grid article p {
  margin: 0;
  color: #a9bec8;
}

.remediation-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.remediation-handoff-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}

.remediation-handoff-grid h3 {
  margin: .2rem 0 .45rem;
}

.remediation-evulgare-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .8rem;
}

.remediation-evulgare-grid a {
  display: grid;
  gap: .25rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(103, 232, 249, .12);
  border-radius: .85rem;
  background: rgba(103, 232, 249, .025);
  color: inherit;
  text-decoration: none;
}

.remediation-evulgare-grid a:hover,
.remediation-evulgare-grid a:focus-visible {
  border-color: rgba(103, 232, 249, .38);
}

.remediation-evulgare-grid strong {
  color: #eef9fc;
  font-size: .84rem;
}

.remediation-evulgare-grid span {
  color: #8fa6b1;
  font-size: .72rem;
}

@media (max-width: 1180px) {
  .remediation-baseline-timeline {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .remediation-baseline-timeline li:nth-child(4)::after,
  .remediation-baseline-timeline li:last-child::after {
    display: none;
  }
  .remediation-control-grid,
  .remediation-factor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .remediation-effect-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .remediation-event-lock,
  .remediation-comparison,
  .remediation-unresolved {
    grid-template-columns: 1fr;
  }
  .remediation-preset-row,
  .remediation-branch-path,
  .remediation-handoff-grid,
  .remediation-evulgare-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .remediation-control-grid,
  .remediation-factor-grid,
  .remediation-unknown-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .remediation-manifesto__panel {
    padding: 1rem;
  }
  .remediation-manifesto__panel h2 {
    font-size: clamp(2.2rem, 12vw, 4rem);
  }
  .remediation-manifesto__test,
  .remediation-form__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .remediation-manifesto__test span,
  .remediation-form__actions .button {
    width: 100%;
  }
  .remediation-event-lock__timing,
  .remediation-baseline-timeline,
  .remediation-preset-row,
  .remediation-branch-path,
  .remediation-effect-summary,
  .remediation-handoff-grid,
  .remediation-evulgare-grid {
    grid-template-columns: 1fr;
  }
  .remediation-baseline-timeline li::after {
    display: none;
  }
  .remediation-selection-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .remediation-selection-head > p {
    white-space: normal;
  }
  .remediation-form {
    padding: .7rem;
  }
  .remediation-control-card {
    padding: .72rem;
  }
  .remediation-outcome dl {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 300px) {
  .remediation-manifesto__panel,
  .remediation-form,
  .remediation-outcome,
  .remediation-event-lock,
  .remediation-control-card,
  .remediation-handoff-grid article {
    border-radius: .75rem;
  }
  .remediation-control-card__head {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  .remediation-control-card,
  .remediation-preset-button {
    transition: none;
  }
}

@media (forced-colors: active) {
  .remediation-manifesto__panel,
  .remediation-event-lock,
  .remediation-form,
  .remediation-control-card,
  .remediation-outcome,
  .remediation-branch-path li,
  .remediation-factor-grid article,
  .remediation-unresolved,
  .remediation-unknown-grid article,
  .remediation-handoff-grid article,
  .remediation-evulgare-grid a {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
  .remediation-control-card.is-selected {
    outline: 3px solid Highlight;
    outline-offset: 2px;
  }
  .remediation-control-card input {
    forced-color-adjust: auto;
  }
}

@media print {
  .remediation-preset-row,
  .remediation-form__actions,
  .remediation-manifesto .button-row {
    display: none !important;
  }
  .remediation-control-card.is-disabled {
    opacity: 1;
  }
  .remediation-control-grid,
  .remediation-factor-grid,
  .remediation-handoff-grid,
  .remediation-evulgare-grid,
  .remediation-unknown-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Machine Answerability Assurance Case and Invalidation Lab — v1.27.0 */
.answerability-assurance-page .page-intro {
  background:
    radial-gradient(circle at 12% 20%, rgba(182,255,62,.09), transparent 35%),
    radial-gradient(circle at 88% 18%, rgba(92,225,230,.09), transparent 34%),
    linear-gradient(180deg, rgba(4,15,13,.98), rgba(4,10,15,.96));
}

.assurance-manifesto,
.assurance-history-lock,
.assurance-workspace,
.assurance-invalidation,
.assurance-state-model,
.assurance-integrity,
.assurance-production-handoff {
  position: relative;
}

.assurance-manifesto::before,
.assurance-workspace::before,
.assurance-invalidation::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(182,255,62,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(182,255,62,.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, transparent, black 18%, black 82%, transparent);
}

.assurance-manifesto__grid,
.assurance-hash-grid,
.assurance-state-grid,
.assurance-integrity-grid,
.assurance-handoff-grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
}

.assurance-manifesto__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assurance-manifesto__grid article,
.assurance-hash-grid article,
.assurance-state-grid article,
.assurance-integrity-grid article,
.assurance-handoff-grid article,
.assurance-change-grid article,
.assurance-claim-panel,
.assurance-component,
.assurance-result {
  border: 1px solid rgba(184,221,234,.14);
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(12,28,35,.9), rgba(5,14,20,.9));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015), 0 18px 46px rgba(0,0,0,.18);
}

.assurance-manifesto__grid article,
.assurance-state-grid article,
.assurance-integrity-grid article,
.assurance-handoff-grid article {
  padding: 1rem;
}

.assurance-manifesto__grid h3,
.assurance-state-grid h3,
.assurance-integrity-grid h3,
.assurance-handoff-grid h3 {
  margin: .65rem 0 .35rem;
}

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

.assurance-hash-grid article {
  display: grid;
  gap: .3rem;
  padding: .85rem 1rem;
}

.assurance-hash-grid span,
.assurance-result__metrics dt {
  color: var(--muted);
  font: 700 .67rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.assurance-hash-grid code {
  overflow-wrap: anywhere;
  color: var(--cyan);
  font-size: .73rem;
}

.assurance-builder {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
}

.assurance-builder__selectors {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: .8rem;
}

.assurance-builder__selectors label {
  display: grid;
  gap: .42rem;
  color: var(--muted);
  font-size: .8rem;
}

.assurance-builder__selectors select {
  width: 100%;
  min-height: var(--tap-target);
}

.assurance-claim-panel {
  padding: 1rem 1.1rem;
  border-color: color-mix(in srgb, var(--lime) 32%, rgba(184,221,234,.14));
}

.assurance-claim-panel h3 {
  margin: .25rem 0 .5rem;
  font-size: clamp(1.25rem, 2.5vw, 1.8rem);
}

.assurance-claim-panel .limitation,
.assurance-result .limitation {
  margin-bottom: 0;
  padding: .75rem .85rem;
  border-left: 3px solid var(--amber);
  border-radius: .3rem .8rem .8rem .3rem;
  background: rgba(255,201,107,.05);
}

.assurance-component-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.assurance-component {
  min-width: 0;
  margin: 0;
  padding: 1rem;
}

.assurance-component legend {
  padding: 0 .45rem;
  color: #f6fbfd;
  font-weight: 800;
}

.assurance-component__claim-set {
  display: grid;
  gap: .65rem;
  margin-top: .8rem;
}

.assurance-check-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  align-items: start;
  min-height: 4.2rem;
  padding: .78rem;
  border: 1px solid rgba(184,221,234,.11);
  border-radius: .9rem;
  background: rgba(255,255,255,.02);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.assurance-check-card:hover,
.assurance-check-card:focus-within {
  border-color: rgba(92,225,230,.4);
  background: rgba(92,225,230,.045);
  transform: translateY(-1px);
}

.assurance-check-card:has(input:checked) {
  border-color: color-mix(in srgb, var(--lime) 48%, rgba(184,221,234,.14));
  background: rgba(182,255,62,.055);
}

.assurance-check-card input {
  width: 1.15rem;
  height: 1.15rem;
  margin-top: .12rem;
}

.assurance-check-card span,
.assurance-defeater {
  display: grid;
  gap: .28rem;
}

.assurance-check-card strong {
  color: #eef8fb;
  font-size: .86rem;
}

.assurance-check-card small {
  color: var(--lime);
  font: 700 .63rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.assurance-check-card em {
  color: var(--muted);
  font-size: .78rem;
  font-style: normal;
  line-height: 1.5;
}

.assurance-check-card--assumption:has(input:not(:checked)) {
  border-color: rgba(255,201,107,.32);
}

.assurance-builder__actions {
  justify-content: flex-start;
}

.assurance-result {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  padding: 1.1rem;
  overflow: hidden;
}

.assurance-result::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--cyan);
}

.assurance-result[data-state="supported"]::before { background: var(--lime); }
.assurance-result[data-state="qualified"]::before { background: var(--cyan); }
.assurance-result[data-state="unresolved"]::before { background: var(--muted); }
.assurance-result[data-state="suspended"]::before,
.assurance-result[data-state="withdrawn"]::before { background: var(--amber); }

.assurance-result__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.assurance-result__head h3 {
  margin: .15rem 0 0;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
}

.assurance-result__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
  margin: 1rem 0;
}

.assurance-result__metrics div {
  padding: .7rem .8rem;
  border: 1px solid rgba(184,221,234,.09);
  border-radius: .8rem;
  background: rgba(255,255,255,.02);
}

.assurance-result__metrics dd {
  margin: .25rem 0 0;
  color: #f3fbfd;
  font-weight: 800;
}

.assurance-result__reasoning ul,
.assurance-integrity-grid ul {
  margin-bottom: 0;
}

.assurance-change-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.assurance-change-grid article {
  padding: .95rem;
}

.assurance-change-grid h3 {
  margin: .25rem 0 .45rem;
}

.assurance-defeater {
  margin: .8rem 0;
  padding: .7rem .75rem;
  border: 1px solid rgba(255,201,107,.2);
  border-radius: .75rem;
  background: rgba(255,201,107,.04);
}

.assurance-defeater strong {
  color: var(--amber);
  font-size: .78rem;
}

.assurance-defeater span {
  color: var(--muted);
  font-size: .78rem;
}

.assurance-state-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.assurance-state-grid article {
  min-width: 0;
}

.assurance-integrity-grid,
.assurance-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assurance-integrity-grid li,
.assurance-handoff-grid p {
  overflow-wrap: anywhere;
}

@media (max-width: 1080px) {
  .assurance-hash-grid,
  .assurance-result__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-state-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .assurance-change-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .assurance-manifesto__grid,
  .assurance-builder__selectors,
  .assurance-component-grid,
  .assurance-integrity-grid,
  .assurance-handoff-grid { grid-template-columns: 1fr; }
  .assurance-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-builder__actions { flex-direction: column; }
  .assurance-builder__actions .button { width: 100%; }
}

@media (max-width: 520px) {
  .assurance-hash-grid,
  .assurance-result__metrics,
  .assurance-state-grid,
  .assurance-change-grid { grid-template-columns: 1fr; }
  .assurance-result__head { display: grid; }
  .assurance-check-card { padding: .72rem; }
}

@media (forced-colors: active) {
  .assurance-manifesto__grid article,
  .assurance-hash-grid article,
  .assurance-state-grid article,
  .assurance-integrity-grid article,
  .assurance-handoff-grid article,
  .assurance-change-grid article,
  .assurance-claim-panel,
  .assurance-component,
  .assurance-result,
  .assurance-check-card,
  .assurance-defeater {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }
  .assurance-result::before { background: Highlight; }
}

/* v1.27.0 assurance-case workspace — current public markup */
.assurance-manifesto__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--lime) 34%, var(--line));
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at 88% 14%, rgba(182,255,62,.11), transparent 34%),
    linear-gradient(180deg, rgba(11,28,28,.96), rgba(5,13,18,.96));
  box-shadow: 0 24px 72px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.02);
}

.assurance-manifesto__panel::after {
  content: "";
  position: absolute;
  inset: auto -8% -46% 50%;
  height: 260px;
  border: 1px solid rgba(182,255,62,.16);
  border-radius: 50%;
  transform: rotate(-9deg);
  pointer-events: none;
}

.assurance-manifesto__panel h2 {
  max-width: 18ch;
  margin: .35rem 0 .75rem;
  font-size: clamp(2.2rem, 5vw, 4.8rem);
  line-height: .94;
  letter-spacing: -.045em;
}

.assurance-manifesto__lede {
  max-width: 74ch;
  color: #d8e8ee;
  font-size: clamp(1rem, 1.7vw, 1.16rem);
}

.assurance-manifesto__panel blockquote {
  margin: 1.1rem 0;
  padding: .85rem 1rem;
  border-left: 4px solid var(--lime);
  color: var(--lime);
  background: rgba(182,255,62,.045);
  font: 800 clamp(.88rem, 1.5vw, 1.05rem)/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
}

.assurance-manifesto__questions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0 1.25rem;
}

.assurance-manifesto__questions span {
  display: flex;
  min-height: 3.25rem;
  align-items: center;
  padding: .7rem .8rem;
  border: 1px solid rgba(184,221,234,.12);
  border-radius: .8rem;
  background: rgba(255,255,255,.025);
  color: #dbeaf0;
  font-size: .82rem;
  font-weight: 750;
}

.assurance-continuity-grid,
.assurance-distinction-grid,
.assurance-result__dimensions,
.assurance-result__gaps,
.assurance-claim-grid,
.assurance-handoff-grid,
.assurance-evulgare-grid,
.assurance-unknown-grid {
  display: grid;
  gap: .9rem;
}

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

.assurance-continuity-grid article,
.assurance-distinction-grid article,
.assurance-claim-grid article,
.assurance-handoff-grid article,
.assurance-unknown-grid article {
  min-width: 0;
  padding: .95rem;
  border: 1px solid rgba(184,221,234,.12);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(12,28,35,.88), rgba(5,14,20,.88));
}

.assurance-continuity-grid span,
.assurance-continuity-grid code,
.assurance-claim-grid__head,
.assurance-support-card__id {
  color: var(--cyan);
  font: 750 .66rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.assurance-continuity-grid strong {
  display: block;
  margin: .35rem 0;
  color: #f4fbfd;
}

.assurance-state-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.assurance-state-grid article {
  min-width: 0;
  padding: .95rem;
  border: 1px solid rgba(184,221,234,.12);
  border-radius: 1rem;
  background: rgba(255,255,255,.02);
}

.assurance-state-grid h3 {
  margin: .7rem 0 .35rem;
}

.assurance-form {
  display: grid;
  gap: 1rem;
}

.assurance-form__section {
  min-width: 0;
  padding: clamp(.95rem, 2vw, 1.25rem);
  border: 1px solid rgba(184,221,234,.13);
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(10,24,31,.9), rgba(5,13,18,.9));
}

.assurance-form__section--split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.assurance-form__heading {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  align-items: start;
  margin-bottom: .85rem;
}

.assurance-form__heading > span {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 1px solid rgba(92,225,230,.36);
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-form__heading h3 {
  margin: .05rem 0 .18rem;
}

.assurance-form__heading p,
.assurance-owner-description,
.assurance-change-description {
  margin: 0;
  color: var(--muted);
}

.assurance-form select {
  width: 100%;
  min-height: var(--tap-target);
}

.assurance-selected-claim {
  margin-top: .9rem;
  padding: .9rem;
  border: 1px solid color-mix(in srgb, var(--lime) 30%, rgba(184,221,234,.12));
  border-radius: .9rem;
  background: rgba(182,255,62,.04);
}

.assurance-selected-claim h4 {
  margin: .2rem 0 .45rem;
  font-size: 1.15rem;
}

.assurance-support-grid,
.assurance-assumption-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}

.assurance-support-card,
.assurance-assumption-card {
  display: grid;
  align-content: start;
  gap: .38rem;
  min-width: 0;
  min-height: 10.5rem;
  padding: .8rem;
  border: 1px solid rgba(184,221,234,.11);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.assurance-support-card:hover,
.assurance-support-card:focus-within,
.assurance-assumption-card:hover,
.assurance-assumption-card:focus-within {
  border-color: rgba(92,225,230,.42);
  background: rgba(92,225,230,.045);
  transform: translateY(-1px);
}

.assurance-support-card.is-selected,
.assurance-assumption-card.is-selected,
.assurance-support-card:has(input:checked),
.assurance-assumption-card:has(input:checked) {
  border-color: color-mix(in srgb, var(--lime) 48%, rgba(184,221,234,.13));
  background: rgba(182,255,62,.05);
}

.assurance-support-card input,
.assurance-assumption-card input {
  width: 1.1rem;
  height: 1.1rem;
}

.assurance-support-card strong,
.assurance-assumption-card strong {
  color: #f1f9fb;
  overflow-wrap: anywhere;
}

.assurance-support-card > span:not(.assurance-support-card__id),
.assurance-assumption-card small {
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.48;
}

.assurance-support-card a {
  margin-top: auto;
  font-size: .76rem;
}

.assurance-form__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  align-items: center;
}

.assurance-result {
  margin-top: 1.25rem;
  padding: clamp(1rem, 2.4vw, 1.4rem);
}

.assurance-result__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: start;
}

.assurance-state-pill {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: .35rem .72rem;
  border: 1px solid rgba(184,221,234,.18);
  border-radius: 999px;
  font: 800 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.assurance-state-pill--supported { color: var(--lime); border-color: rgba(182,255,62,.42); }
.assurance-state-pill--qualified { color: var(--cyan); border-color: rgba(92,225,230,.42); }
.assurance-state-pill--unresolved { color: var(--muted); }
.assurance-state-pill--suspended,
.assurance-state-pill--withdrawn { color: var(--amber); border-color: rgba(255,201,107,.42); }

.assurance-result__definition {
  max-width: 78ch;
  color: #d7e6eb;
}

.assurance-result__dimensions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1rem 0;
}

.assurance-result__dimensions article,
.assurance-result__gaps article,
.assurance-result__transition,
.assurance-result__scope {
  padding: .8rem;
  border: 1px solid rgba(184,221,234,.1);
  border-radius: .85rem;
  background: rgba(255,255,255,.02);
}

.assurance-result__dimensions span {
  display: block;
  color: var(--muted);
  font: 750 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.assurance-result__dimensions strong {
  display: block;
  margin: .35rem 0;
}

.assurance-result__transition {
  margin: 1rem 0;
  border-left: 4px solid var(--amber);
}

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

.assurance-result__gaps h4 {
  margin: 0 0 .5rem;
}

.assurance-history {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}

.assurance-history li {
  min-width: 0;
  padding: .8rem;
  border: 1px solid rgba(184,221,234,.1);
  border-radius: .85rem;
  background: rgba(255,255,255,.018);
}

.assurance-history li span,
.assurance-history li strong {
  display: block;
}

.assurance-history li span {
  color: var(--muted);
  font-size: .72rem;
}

.assurance-history li strong {
  margin: .3rem 0;
  color: #f0f8fa;
}

.assurance-result__scope {
  display: grid;
  gap: .35rem;
}

.assurance-result__scope p {
  margin: 0;
}

.assurance-distinction-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assurance-distinction-grid h3 {
  margin: .3rem 0 .5rem;
}

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

.assurance-claim-grid__head {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
}

.assurance-claim-grid__head p {
  margin: 0;
}

.assurance-claim-grid h3 {
  margin: .45rem 0;
}

.assurance-claim-grid dl {
  display: grid;
  gap: .45rem;
  margin: .8rem 0;
}

.assurance-claim-grid dl div {
  display: grid;
  gap: .15rem;
  padding: .55rem .6rem;
  border-radius: .7rem;
  background: rgba(255,255,255,.02);
}

.assurance-claim-grid dt {
  color: var(--muted);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.assurance-claim-grid dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.assurance-claim-grid__limit {
  padding: .65rem .7rem;
  border-left: 3px solid var(--amber);
  background: rgba(255,201,107,.04);
}

.assurance-change-table th,
.assurance-change-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
}

.assurance-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assurance-evulgare-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1rem;
}

.assurance-evulgare-grid a {
  display: grid;
  gap: .3rem;
  min-height: 5.5rem;
  padding: .8rem;
  border: 1px solid rgba(182,255,62,.15);
  border-radius: .85rem;
  background: rgba(182,255,62,.025);
}

.assurance-evulgare-grid a strong {
  color: var(--lime);
}

.assurance-evulgare-grid a span {
  color: var(--muted);
  font-size: .76rem;
}

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

.assurance-unknown-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
}

.assurance-unknown-grid article > span {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgba(255,201,107,.35);
  border-radius: 50%;
  color: var(--amber);
  font: 800 .68rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-unknown-grid p {
  margin: 0;
}

@media (max-width: 1080px) {
  .assurance-continuity-grid,
  .assurance-state-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-support-grid,
  .assurance-assumption-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
  .assurance-manifesto__questions,
  .assurance-form__section--split,
  .assurance-result__dimensions,
  .assurance-result__gaps,
  .assurance-history,
  .assurance-distinction-grid,
  .assurance-claim-grid,
  .assurance-handoff-grid,
  .assurance-evulgare-grid,
  .assurance-unknown-grid { grid-template-columns: 1fr; }
  .assurance-form__actions { align-items: stretch; }
  .assurance-form__actions .button { width: 100%; }
}

@media (max-width: 520px) {
  .assurance-continuity-grid,
  .assurance-state-grid,
  .assurance-support-grid,
  .assurance-assumption-grid { grid-template-columns: 1fr; }
  .assurance-result__head { display: grid; }
  .assurance-support-card,
  .assurance-assumption-card { min-height: 0; }
}

@media (forced-colors: active) {
  .assurance-manifesto__panel,
  .assurance-continuity-grid article,
  .assurance-state-grid article,
  .assurance-form__section,
  .assurance-selected-claim,
  .assurance-support-card,
  .assurance-assumption-card,
  .assurance-result,
  .assurance-result__dimensions article,
  .assurance-result__gaps article,
  .assurance-result__transition,
  .assurance-result__scope,
  .assurance-history li,
  .assurance-distinction-grid article,
  .assurance-claim-grid article,
  .assurance-handoff-grid article,
  .assurance-evulgare-grid a,
  .assurance-unknown-grid article {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }
  .assurance-manifesto__panel::after { display: none; }
}

/* Machine Answerability Assurance Review Packet and Version-Diff Lab — v1.28.0 */
.answerability-review-page {
  --review-cyan: #79e7ee;
  --review-lime: #b9ff4a;
  --review-blue: #8cb4ff;
  --review-amber: #ffd071;
  --review-red: #ff8fa8;
}

.answerability-review-page .page-intro {
  background:
    radial-gradient(circle at 17% 18%, rgba(121, 231, 238, .12), transparent 32%),
    radial-gradient(circle at 82% 8%, rgba(185, 255, 74, .08), transparent 26%),
    linear-gradient(180deg, rgba(4, 14, 20, .98), rgba(3, 10, 15, .96));
}

.assurance-review-manifesto,
.assurance-review-selector,
.assurance-review-summary,
.assurance-review-packet-output,
.assurance-review-handoff-grid,
.assurance-review-snapshot-grid,
.assurance-review-separation-grid,
.assurance-review-unknown-grid {
  position: relative;
}

.assurance-review-manifesto__panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.15rem, 3.8vw, 2.8rem);
  border: 1px solid rgba(121, 231, 238, .28);
  border-radius: 1.45rem;
  background:
    linear-gradient(135deg, rgba(121, 231, 238, .075), transparent 38%),
    linear-gradient(315deg, rgba(185, 255, 74, .055), transparent 42%),
    rgba(5, 15, 21, .94);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.assurance-review-manifesto__panel::before,
.assurance-review-manifesto__panel::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.assurance-review-manifesto__panel::before {
  inset: 0;
  background:
    linear-gradient(rgba(121, 231, 238, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(121, 231, 238, .045) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .82), transparent 90%);
}

.assurance-review-manifesto__panel::after {
  width: 16rem;
  height: 16rem;
  right: -5rem;
  top: -5rem;
  border-radius: 50%;
  border: 1px solid rgba(185, 255, 74, .2);
  box-shadow: 0 0 0 2.4rem rgba(121, 231, 238, .025), 0 0 0 4.8rem rgba(140, 180, 255, .018);
}

.assurance-review-manifesto__panel h2 {
  max-width: 18ch;
  margin: .4rem 0 .75rem;
  font-size: clamp(2rem, 5vw, 4.8rem);
  line-height: .94;
  letter-spacing: -.045em;
}

.assurance-review-manifesto__lede {
  max-width: 74ch;
  color: #c5d7df;
  font-size: clamp(.98rem, 1.8vw, 1.16rem);
}

.assurance-review-manifesto__panel blockquote {
  margin: 1.25rem 0;
  padding: .9rem 1rem;
  border-left: 3px solid var(--review-lime);
  color: #edf9fd;
  background: rgba(0, 0, 0, .18);
  font: 780 clamp(.88rem, 1.8vw, 1.08rem)/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
}

.assurance-review-manifesto__questions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0 1.2rem;
}

.assurance-review-manifesto__questions span {
  min-height: 3.2rem;
  display: flex;
  align-items: center;
  padding: .72rem .82rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .018);
  color: #cfe1e8;
  font-size: .78rem;
}

.assurance-review-selector {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr) minmax(170px, .72fr) auto;
  gap: .8rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background: linear-gradient(145deg, rgba(121, 231, 238, .045), rgba(255, 255, 255, .012));
}

.assurance-review-selector label {
  display: grid;
  gap: .38rem;
  min-width: 0;
}

.assurance-review-selector label > span {
  color: var(--muted);
  font: 760 .65rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.assurance-review-selector select {
  width: 100%;
  min-height: 46px;
  padding: .65rem .75rem;
  border: 1px solid var(--line-strong);
  border-radius: .72rem;
  color: var(--ink);
  background: #07141b;
}

.assurance-review-swap {
  display: grid;
  place-items: center;
  gap: .08rem;
  min-width: 54px;
  min-height: 46px;
  padding: .4rem;
  border: 1px solid rgba(121, 231, 238, .32);
  border-radius: .75rem;
  color: var(--review-cyan);
  background: rgba(121, 231, 238, .045);
  cursor: pointer;
}

.assurance-review-swap span {
  color: var(--muted);
  font-size: .58rem;
  text-transform: uppercase;
}

.assurance-review-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .65rem;
  margin-top: 1rem;
}

.assurance-review-summary article,
.assurance-review-packet-card,
.assurance-review-snapshot-grid article,
.assurance-review-separation-grid article,
.assurance-review-handoff-grid article,
.assurance-review-unknown-grid article {
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, .026), rgba(5, 14, 20, .88));
}

.assurance-review-summary article {
  min-width: 0;
  padding: .82rem;
}

.assurance-review-summary span,
.assurance-review-packet-card dt,
.assurance-review-snapshot-grid dt {
  color: var(--muted);
  font: 740 .61rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.assurance-review-summary strong {
  display: block;
  margin-top: .25rem;
  overflow-wrap: anywhere;
  color: #f1fbfe;
  font-size: clamp(.86rem, 1.5vw, 1.05rem);
}

.assurance-review-summary p {
  margin: .35rem 0 0;
  color: #9fb5c0;
  font-size: .73rem;
}

.assurance-review-table-wrap {
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(4, 13, 18, .78);
}

.assurance-review-table code,
.assurance-review-packet-card code {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.assurance-review-table tr[data-version-changed="true"] {
  background: rgba(255, 208, 113, .045);
}

.assurance-review-diff-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: .28rem .62rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  font: 760 .62rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.assurance-review-diff-pill--changed {
  border-color: rgba(255, 208, 113, .4);
  color: var(--review-amber);
  background: rgba(255, 208, 113, .065);
}

.assurance-review-diff-pill--same {
  border-color: rgba(121, 231, 238, .25);
  color: #a7c3ce;
  background: rgba(121, 231, 238, .025);
}

.assurance-review-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  margin-bottom: .9rem;
  color: var(--muted);
  font-size: .72rem;
}

.assurance-review-legend span { display: inline-flex; gap: .45rem; align-items: center; }
.assurance-review-legend i { width: .72rem; height: .72rem; border-radius: 50%; border: 1px solid currentColor; }
.assurance-review-legend i[data-tone="changed"] { color: var(--review-amber); background: rgba(255, 208, 113, .3); }
.assurance-review-legend i[data-tone="same"] { color: var(--review-cyan); background: rgba(121, 231, 238, .2); }
.assurance-review-legend i[data-tone="history"] { color: var(--review-lime); background: rgba(185, 255, 74, .2); }

.assurance-review-claim-list {
  display: grid;
  gap: .75rem;
}

.assurance-review-claim {
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.05rem;
  background: rgba(5, 14, 20, .86);
}

.assurance-review-claim[data-changed="true"] {
  border-color: rgba(255, 208, 113, .28);
  background: linear-gradient(145deg, rgba(255, 208, 113, .04), rgba(5, 14, 20, .9));
}

.assurance-review-claim__head,
.assurance-review-packet-output__head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.assurance-review-claim__head h3 { margin: .15rem 0 0; font-size: 1.05rem; }

.assurance-review-claim__states {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: .8rem;
  align-items: center;
  margin-top: .85rem;
}

.assurance-review-claim__states > div:not(.assurance-review-claim__arrow) {
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: .82rem;
  background: rgba(255, 255, 255, .016);
}

.assurance-review-claim__states span,
.assurance-review-claim__states small {
  display: block;
  color: var(--muted);
  font-size: .68rem;
}

.assurance-review-claim__states strong {
  display: block;
  margin: .22rem 0;
  font-size: 1rem;
}

.assurance-review-claim__states strong[data-assurance-state="supported"] { color: var(--review-lime); }
.assurance-review-claim__states strong[data-assurance-state="qualified"] { color: var(--review-cyan); }
.assurance-review-claim__states strong[data-assurance-state="unresolved"] { color: #adbac0; }
.assurance-review-claim__states strong[data-assurance-state="suspended"],
.assurance-review-claim__states strong[data-assurance-state="withdrawn"] { color: var(--review-amber); }

.assurance-review-claim__arrow {
  color: var(--review-cyan);
  font-size: 1.35rem;
}

.assurance-review-claim details {
  margin-top: .75rem;
  padding-top: .65rem;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.assurance-review-claim summary {
  color: #d6e9ef;
  cursor: pointer;
  font-weight: 700;
}

.assurance-review-claim details p { color: var(--muted); font-size: .8rem; }
.assurance-review-filter-status { color: var(--muted); font-size: .72rem; }

.assurance-review-packet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.assurance-review-packet-card {
  padding: 1rem;
}

.assurance-review-packet-card--current {
  border-color: rgba(121, 231, 238, .3);
  background: linear-gradient(145deg, rgba(121, 231, 238, .05), rgba(5, 14, 20, .9));
}

.assurance-review-packet-card--wide { grid-column: 1 / -1; }
.assurance-review-packet-card h3 { margin: .2rem 0 .65rem; }
.assurance-review-packet-card ul { margin-bottom: 0; color: #bfd0d8; }
.assurance-review-packet-card dl { display: grid; gap: .4rem; margin: .7rem 0; }
.assurance-review-packet-card dl div { display: grid; grid-template-columns: minmax(110px, .35fr) minmax(0, 1fr); gap: .7rem; }
.assurance-review-packet-card dd { margin: 0; overflow-wrap: anywhere; }

.assurance-review-packet-output {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(121, 231, 238, .25);
  border-radius: 1.1rem;
  background: linear-gradient(145deg, rgba(121, 231, 238, .035), rgba(3, 10, 15, .92));
}

.assurance-review-packet-output pre {
  max-height: 34rem;
  margin: .9rem 0;
  padding: .9rem;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--line);
  border-radius: .82rem;
  color: #d8e7ed;
  background: rgba(0, 0, 0, .24);
  font-size: .72rem;
  line-height: 1.55;
}

.assurance-review-packet-output [data-review-message] { margin-bottom: 0; color: var(--muted); font-size: .72rem; }

.assurance-review-separation-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
}

.assurance-review-separation-grid article {
  min-height: 190px;
  padding: .9rem;
}

.assurance-review-separation-grid article > span,
.assurance-review-unknown-grid article > span {
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(121, 231, 238, .3);
  border-radius: 50%;
  color: var(--review-cyan);
  font: 760 .64rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-review-separation-grid h3 { margin: .72rem 0 .4rem; font-size: .95rem; }
.assurance-review-separation-grid p { color: var(--muted); font-size: .78rem; }

.assurance-review-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.assurance-review-snapshot-grid article { padding: 1rem; }
.assurance-review-snapshot-grid article p { color: var(--muted); }
.assurance-review-snapshot-grid dl { display: grid; gap: .42rem; }
.assurance-review-snapshot-grid dl div { display: grid; grid-template-columns: minmax(95px, .36fr) minmax(0, 1fr); gap: .55rem; }
.assurance-review-snapshot-grid dd { margin: 0; font-size: .76rem; }

.assurance-review-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.assurance-review-handoff-grid article { padding: 1rem; }
.assurance-review-handoff-grid article p { color: var(--muted); }
.assurance-review-handoff-grid__evulgare {
  border-color: rgba(185, 255, 74, .28) !important;
  background: linear-gradient(145deg, rgba(185, 255, 74, .045), rgba(5, 14, 20, .9)) !important;
}

.assurance-review-unknown-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
}

.assurance-review-unknown-grid article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .7rem;
  align-items: start;
  padding: .85rem;
}

.assurance-review-unknown-grid p { margin: 0; color: #b9cbd4; font-size: .78rem; }

@media (max-width: 1180px) {
  .assurance-review-selector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-review-swap { grid-column: 1 / -1; grid-row: 2; justify-self: center; min-width: 110px; }
  .assurance-review-selector .button { width: 100%; }
  .assurance-review-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .assurance-review-separation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .assurance-review-unknown-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .assurance-review-manifesto__questions,
  .assurance-review-snapshot-grid,
  .assurance-review-handoff-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-review-handoff-grid__evulgare { grid-column: 1 / -1; }
  .assurance-review-packet-output__head { display: grid; }
}

@media (max-width: 680px) {
  .assurance-review-selector,
  .assurance-review-summary,
  .assurance-review-manifesto__questions,
  .assurance-review-packet-grid,
  .assurance-review-separation-grid,
  .assurance-review-snapshot-grid,
  .assurance-review-handoff-grid,
  .assurance-review-unknown-grid { grid-template-columns: 1fr; }
  .assurance-review-swap { grid-column: auto; grid-row: auto; width: 100%; }
  .assurance-review-packet-card--wide,
  .assurance-review-handoff-grid__evulgare { grid-column: auto; }
  .assurance-review-claim__head { display: grid; }
  .assurance-review-claim__states { grid-template-columns: 1fr; }
  .assurance-review-claim__arrow { transform: rotate(90deg); justify-self: center; }
  .assurance-review-packet-card dl div,
  .assurance-review-snapshot-grid dl div { grid-template-columns: 1fr; gap: .12rem; }
  .assurance-review-packet-output .button-row { display: grid; grid-template-columns: 1fr; }
  .assurance-review-packet-output .button { width: 100%; }
}

@media (max-width: 340px) {
  .assurance-review-manifesto__panel,
  .assurance-review-selector,
  .assurance-review-claim,
  .assurance-review-packet-card,
  .assurance-review-packet-output,
  .assurance-review-snapshot-grid article,
  .assurance-review-handoff-grid article,
  .assurance-review-separation-grid article,
  .assurance-review-unknown-grid article { padding: .72rem; }
  .assurance-review-manifesto__panel h2 { font-size: 1.9rem; }
}

html[data-motion="reduced"] .assurance-review-swap,
html[data-motion="reduced"] .assurance-review-diff-pill,
html[data-motion="reduced"] .assurance-review-claim { transition: none; }

@media (forced-colors: active) {
  .assurance-review-manifesto__panel,
  .assurance-review-selector,
  .assurance-review-summary article,
  .assurance-review-table-wrap,
  .assurance-review-claim,
  .assurance-review-packet-card,
  .assurance-review-packet-output,
  .assurance-review-separation-grid article,
  .assurance-review-snapshot-grid article,
  .assurance-review-handoff-grid article,
  .assurance-review-unknown-grid article,
  .assurance-review-diff-pill,
  .assurance-review-swap {
    forced-color-adjust: auto;
    color: CanvasText;
    background: Canvas;
    border: 2px solid CanvasText;
    box-shadow: none;
  }
}

@media print {
  .assurance-review-manifesto .button-row,
  .assurance-review-selector,
  .assurance-review-packet-output .button-row,
  .assurance-review-snapshot-grid .button-row,
  .assurance-review-handoff-grid .button-row { display: none !important; }
  .assurance-review-manifesto__panel,
  .assurance-review-summary article,
  .assurance-review-claim,
  .assurance-review-packet-card,
  .assurance-review-packet-output,
  .assurance-review-separation-grid article,
  .assurance-review-snapshot-grid article,
  .assurance-review-handoff-grid article,
  .assurance-review-unknown-grid article {
    break-inside: avoid;
    color: #111 !important;
    border-color: #555 !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .assurance-review-packet-output pre { max-height: none; color: #111; background: #fff; }
}

/* v1.28.0 Machine Answerability Assurance Review Packet and Version-Diff Lab */
.review-packet-manifesto__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1.2rem, 3vw, 2.1rem);
  border: 1px solid rgba(182,255,62,.28);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 85% 15%, rgba(182,255,62,.1), transparent 30%),
    linear-gradient(145deg, rgba(8,19,18,.96), rgba(3,10,13,.9));
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025);
}

.review-packet-manifesto__panel::after {
  content: "";
  position: absolute;
  right: -8rem;
  bottom: -9rem;
  width: 21rem;
  height: 21rem;
  border: 1px solid rgba(92,225,230,.18);
  border-radius: 50%;
  box-shadow: 0 0 0 2.7rem rgba(92,225,230,.025), 0 0 0 5.4rem rgba(182,255,62,.018);
  pointer-events: none;
}

.review-packet-manifesto__panel h2 {
  max-width: 21ch;
  margin: .35rem 0 .8rem;
  font-size: clamp(2rem, 4.8vw, 4.7rem);
  line-height: .98;
  letter-spacing: -.045em;
}

.review-packet-manifesto__lede {
  max-width: 70ch;
  color: #c0d4dc;
  font-size: clamp(.98rem, 1.5vw, 1.12rem);
}

.review-packet-manifesto__panel blockquote {
  position: relative;
  z-index: 1;
  margin: 1rem 0;
  padding: .85rem 1rem;
  border-left: 3px solid var(--lime);
  background: rgba(182,255,62,.045);
  color: #f0ffd6;
  font: 800 clamp(1rem, 2.2vw, 1.35rem)/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
}

.review-packet-manifesto__questions,
.review-continuity-grid,
.review-snapshot-pair,
.review-comparison-summary,
.review-packet-identity,
.review-claim-packet-grid,
.review-separation-grid,
.review-snapshot-register,
.review-handoff-grid,
.review-evulgare-grid,
.review-unknown-grid {
  display: grid;
  gap: .8rem;
}

.review-packet-manifesto__questions {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 1rem 0;
}

.review-packet-manifesto__questions span,
.review-continuity-grid article,
.review-comparison-summary article,
.review-packet-identity article,
.review-separation-grid article,
.review-snapshot-register article,
.review-handoff-grid article,
.review-unknown-grid article {
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.012));
}

.review-packet-manifesto__questions span {
  min-height: 3.7rem;
  display: flex;
  align-items: center;
  padding: .72rem .82rem;
  color: #d6e9ef;
  font-size: .82rem;
}

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

.review-continuity-grid article,
.review-packet-identity article {
  min-width: 0;
  padding: .9rem;
}

.review-continuity-grid span,
.review-packet-identity span,
.review-comparison-summary span,
.review-snapshot-card dt,
.review-claim-packet dt,
.review-snapshot-register dt {
  display: block;
  color: #7f99a8;
  font: 700 .64rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.review-continuity-grid strong,
.review-packet-identity strong {
  display: block;
  margin-top: .3rem;
  color: #f0f8fb;
}

.review-continuity-grid code,
.review-packet-identity code,
.review-snapshot-card code,
.review-comparison-summary code,
.review-version-table code,
.review-snapshot-register code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  color: #d7f4f4;
  font-size: .72rem;
}

.review-compare-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid rgba(92,225,230,.18);
  border-radius: 1.15rem;
  background: rgba(3,11,15,.72);
}

.review-compare-form label {
  display: grid;
  gap: .42rem;
  min-width: 0;
}

.review-compare-form label > span {
  color: #9eb3bf;
  font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.review-compare-form select {
  width: 100%;
  min-height: 3rem;
}

.review-compare-form__swap {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(92,225,230,.24);
  border-radius: .9rem;
  background: rgba(92,225,230,.05);
  color: var(--cyan);
  font-size: 1.2rem;
  cursor: pointer;
}

.review-compare-form__swap:hover,
.review-compare-form__swap:focus-visible {
  border-color: var(--cyan);
  background: rgba(92,225,230,.1);
}

.review-snapshot-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.review-snapshot-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012));
}

.review-snapshot-card[data-snapshot-role="current"] {
  border-color: rgba(182,255,62,.28);
  box-shadow: inset 0 0 0 1px rgba(182,255,62,.035);
}

.review-snapshot-card__head,
.review-claim-packet__head,
.review-snapshot-register article > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.review-snapshot-card__head > span,
.review-claim-packet__head > span,
.review-snapshot-register article > div:first-child > span {
  color: var(--cyan);
  font: 800 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.review-snapshot-card h3 {
  margin: .2rem 0 .45rem;
}

.review-snapshot-card dl,
.review-claim-packet dl,
.review-snapshot-register dl {
  display: grid;
  gap: .48rem;
  margin: .8rem 0 0;
}

.review-snapshot-card dl div,
.review-claim-packet dl div,
.review-snapshot-register dl div {
  display: grid;
  grid-template-columns: minmax(8.5rem, .42fr) 1fr;
  gap: .7rem;
  padding-top: .48rem;
  border-top: 1px solid rgba(255,255,255,.06);
}

.review-snapshot-card dd,
.review-claim-packet dd,
.review-snapshot-register dd {
  margin: 0;
  min-width: 0;
  color: #d5e5eb;
}

.review-comparison-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: .8rem;
}

.review-comparison-summary article {
  min-width: 0;
  padding: .78rem .85rem;
}

.review-comparison-summary strong {
  display: block;
  margin-top: .25rem;
  color: #f4fbfd;
  font-size: 1.3rem;
}

.review-packet-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: .85rem;
}

.review-version-table th,
.review-version-table td,
.review-claim-diff-table th,
.review-claim-diff-table td {
  vertical-align: top;
}

.review-version-table tr[data-version-changed="true"],
.review-claim-diff-table tr[data-claim-changed="true"] {
  background: rgba(255,201,107,.025);
}

.review-diff-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: .25rem .58rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  font: 800 .62rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.review-diff-pill--changed {
  color: var(--amber);
  border-color: rgba(255,201,107,.42);
}

.review-diff-pill--same {
  color: #99adb8;
}

.review-claim-diff-table small {
  display: block;
  margin-top: .38rem;
  color: #8199a6;
}

.review-packet-identity {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.review-packet-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-top: .8rem;
}

.review-owner-actions {
  margin-top: .8rem;
  padding: 1rem;
  border: 1px solid rgba(92,225,230,.14);
  border-radius: 1rem;
  background: rgba(92,225,230,.025);
}

.review-owner-actions ol {
  display: grid;
  gap: .55rem;
  margin: .6rem 0 0;
  padding-left: 1.25rem;
}

.review-claim-packet-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.review-claim-packet {
  position: relative;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
}

.review-claim-packet::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 1.1rem 0 0 1.1rem;
  background: #657987;
}

.review-claim-packet[data-state="supported"]::before { background: var(--lime); }
.review-claim-packet[data-state="qualified"]::before { background: var(--cyan); }
.review-claim-packet[data-state="suspended"]::before,
.review-claim-packet[data-state="withdrawn"]::before { background: var(--amber); }

.review-claim-packet h3 {
  margin: .15rem 0 .48rem;
}

.review-claim-packet__limit {
  padding: .7rem .75rem;
  border-left: 2px solid var(--amber);
  background: rgba(255,201,107,.035);
}

.review-separation-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.review-separation-grid article {
  min-width: 0;
  padding: .92rem;
}

.review-separation-grid article > span,
.review-unknown-grid article > span {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(92,225,230,.25);
  border-radius: 50%;
  color: var(--cyan);
  font: 800 .66rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.review-separation-grid h3 {
  margin: .55rem 0 .4rem;
}

.review-snapshot-register {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-snapshot-register article {
  min-width: 0;
  padding: 1rem;
}

.review-snapshot-register h3 {
  margin: .7rem 0 .42rem;
}

.review-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-handoff-grid article {
  padding: 1rem;
}

.review-evulgare-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: .8rem;
}

.review-evulgare-grid a {
  display: grid;
  gap: .3rem;
  min-width: 0;
  min-height: 5.4rem;
  padding: .8rem;
  border: 1px solid rgba(182,255,62,.16);
  border-radius: .9rem;
  background: rgba(182,255,62,.025);
  text-decoration: none;
}

.review-evulgare-grid a:hover,
.review-evulgare-grid a:focus-visible {
  border-color: rgba(182,255,62,.45);
  background: rgba(182,255,62,.055);
}

.review-evulgare-grid a span {
  color: #91a7b4;
  font-size: .78rem;
}

.review-unknown-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-unknown-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .7rem;
  align-items: start;
  padding: .85rem;
}

.review-unknown-grid p {
  margin: 0;
}

@media (max-width: 1080px) {
  .review-continuity-grid,
  .review-comparison-summary,
  .review-packet-identity,
  .review-separation-grid,
  .review-evulgare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-snapshot-register { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .review-packet-manifesto__questions,
  .review-snapshot-pair,
  .review-packet-notes,
  .review-claim-packet-grid,
  .review-handoff-grid,
  .review-unknown-grid { grid-template-columns: 1fr; }
  .review-compare-form { grid-template-columns: 1fr; }
  .review-compare-form__swap { width: 100%; }
  .review-packet-actions { align-items: stretch; }
  .review-packet-actions .button { width: 100%; }
}

@media (max-width: 560px) {
  .review-continuity-grid,
  .review-comparison-summary,
  .review-packet-identity,
  .review-separation-grid,
  .review-snapshot-register,
  .review-evulgare-grid { grid-template-columns: 1fr; }
  .review-snapshot-card dl div,
  .review-claim-packet dl div,
  .review-snapshot-register dl div { grid-template-columns: 1fr; gap: .2rem; }
  .review-packet-manifesto__panel { padding: 1rem; }
}

@media (forced-colors: active) {
  .review-packet-manifesto__panel,
  .review-continuity-grid article,
  .review-snapshot-card,
  .review-comparison-summary article,
  .review-packet-identity article,
  .review-claim-packet,
  .review-separation-grid article,
  .review-snapshot-register article,
  .review-handoff-grid article,
  .review-evulgare-grid a,
  .review-unknown-grid article {
    border-color: CanvasText;
    background: Canvas;
  }
  .review-claim-packet::before,
  .review-diff-pill,
  .review-compare-form__swap { forced-color-adjust: auto; }
}

/* Machine Answerability Assurance Review Packet and Version-Diff Lab */
.answerability-review-page {
  --review-accent: var(--cyan);
  --review-accent-soft: rgba(92, 225, 230, 0.1);
  --review-prior: #9fb2c4;
  --review-current: #7ae6b2;
}

.assurance-review-manifesto__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  border: 1px solid color-mix(in srgb, var(--review-accent) 35%, var(--line));
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 84% 12%, rgba(92, 225, 230, 0.14), transparent 24rem),
    linear-gradient(145deg, rgba(11, 31, 42, 0.96), rgba(5, 12, 18, 0.94));
  box-shadow: var(--shadow);
}

.assurance-review-manifesto__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.32;
  background-image:
    linear-gradient(rgba(92, 225, 230, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92, 225, 230, 0.08) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(120deg, black, transparent 70%);
}

.assurance-review-manifesto__panel > * {
  position: relative;
  z-index: 1;
}

.assurance-review-manifesto__panel h2 {
  max-width: 18ch;
  font-size: clamp(2.15rem, 5.4vw, 5.25rem);
  text-transform: uppercase;
}

.assurance-review-manifesto__lede {
  max-width: 74ch;
  color: var(--muted-strong);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
}

.assurance-review-manifesto blockquote {
  margin: 1.25rem 0;
  padding: 1rem 1.15rem;
  border-left: 4px solid var(--review-accent);
  background: rgba(0, 0, 0, 0.23);
  color: #f7fbff;
  font-weight: 760;
  letter-spacing: 0.035em;
}

.assurance-review-manifesto__questions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 1rem 0 1.25rem;
}

.assurance-review-manifesto__questions span {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0.4rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--muted-strong);
  font-size: 0.8rem;
}

.assurance-review-basis-grid,
.assurance-review-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.assurance-review-basis-grid article,
.assurance-review-summary article {
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(16, 32, 43, 0.84), rgba(7, 15, 21, 0.88));
}

.assurance-review-basis-grid span,
.assurance-review-summary span,
.assurance-snapshot-card dt,
.assurance-review-packet__status-grid span {
  display: block;
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 760;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.assurance-review-basis-grid strong,
.assurance-review-summary strong {
  display: block;
  margin: 0.18rem 0;
  overflow-wrap: anywhere;
  color: #f7fbff;
  font-size: 1rem;
}

.assurance-review-basis-grid small,
.assurance-review-summary small {
  display: block;
  color: var(--muted);
  font-size: 0.77rem;
  line-height: 1.45;
}

.assurance-review-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.assurance-review-presets a {
  display: grid;
  align-content: start;
  min-width: 0;
  min-height: 8.3rem;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 22, 31, 0.76);
  color: inherit;
  text-decoration: none;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.assurance-review-presets a:hover,
.assurance-review-presets a:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(92, 225, 230, 0.55);
  background: rgba(18, 41, 53, 0.88);
}

.assurance-review-presets strong {
  color: #f7fbff;
}

.assurance-review-presets span {
  margin-top: 0.45rem;
  color: var(--muted);
  font-size: 0.8rem;
}

.assurance-review-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 0.75rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background: rgba(5, 12, 18, 0.9);
  box-shadow: var(--shadow-small);
}

.assurance-review-form > div {
  min-width: 0;
}

.assurance-review-form label {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--muted-strong);
  font-size: 0.77rem;
  font-weight: 740;
}

.assurance-review-form select {
  width: 100%;
  min-height: 2.9rem;
  padding: 0.55rem 2.2rem 0.55rem 0.7rem;
  border: 1px solid var(--line-strong);
  border-radius: 0.72rem;
  background-color: var(--panel-solid);
}

.assurance-review-summary {
  margin-bottom: 1rem;
}

.assurance-snapshot-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.assurance-snapshot-card {
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(15, 30, 41, 0.94), rgba(7, 14, 20, 0.92));
  box-shadow: var(--shadow-small);
}

.assurance-snapshot-card--from {
  border-top: 3px solid var(--review-prior);
}

.assurance-snapshot-card--to {
  border-top: 3px solid var(--review-current);
}

.assurance-snapshot-card__head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
}

.assurance-snapshot-card__head > span {
  color: var(--muted);
  font: 700 0.72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-snapshot-card dl {
  display: grid;
  gap: 0.45rem;
  margin: 1rem 0;
}

.assurance-snapshot-card dl div {
  display: grid;
  grid-template-columns: minmax(7rem, 0.42fr) minmax(0, 1fr);
  gap: 0.75rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--line);
}

.assurance-snapshot-card dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--muted-strong);
}

.assurance-snapshot-card code,
.assurance-review-packet code,
.assurance-version-table code,
.assurance-snapshot-ledger code {
  overflow-wrap: anywhere;
  word-break: break-word;
  color: var(--cyan);
  font-size: 0.75rem;
}

.assurance-snapshot-states {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.45rem;
}

.assurance-snapshot-states span {
  min-width: 0;
  padding: 0.5rem;
  border: 1px solid var(--line);
  border-radius: 0.65rem;
  background: rgba(255, 255, 255, 0.025);
  color: var(--muted);
  font-size: 0.64rem;
  text-align: center;
}

.assurance-snapshot-states strong {
  display: block;
  color: #f7fbff;
  font-size: 1.05rem;
}

.assurance-version-table {
  margin-bottom: 1rem;
}

.assurance-version-table tr[data-version-changed="true"] {
  background: rgba(255, 201, 107, 0.055);
}

.assurance-version-table th,
.assurance-version-table td {
  overflow-wrap: anywhere;
}

.assurance-diff-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: 0.25rem 0.58rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 780;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.assurance-diff-badge--changed,
.assurance-diff-badge--degraded {
  border-color: rgba(255, 201, 107, 0.52);
  color: var(--amber);
  background: rgba(255, 201, 107, 0.08);
}

.assurance-diff-badge--restored {
  border-color: rgba(122, 230, 178, 0.48);
  color: var(--green);
  background: rgba(122, 230, 178, 0.08);
}

.assurance-diff-badge--reclassified {
  border-color: rgba(126, 166, 255, 0.5);
  color: var(--blue);
  background: rgba(126, 166, 255, 0.08);
}

.assurance-diff-badge--same,
.assurance-diff-badge--unchanged {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.025);
}

.assurance-review-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.7rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 22, 31, 0.72);
}

.assurance-review-toolbar > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.assurance-review-toolbar button {
  min-height: 2.5rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--muted-strong);
}

.assurance-review-toolbar button.is-active {
  border-color: var(--cyan);
  background: rgba(92, 225, 230, 0.1);
  color: #f7fbff;
}

.assurance-review-toolbar p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
}

.assurance-claim-diff-list {
  display: grid;
  gap: 0.75rem;
}

.assurance-claim-diff {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(14, 28, 38, 0.86), rgba(7, 14, 20, 0.9));
}

.assurance-claim-diff[data-direction="degraded"] {
  border-left: 4px solid var(--amber);
}

.assurance-claim-diff[data-direction="restored"] {
  border-left: 4px solid var(--green);
}

.assurance-claim-diff.is-unchanged {
  opacity: 0.82;
}

.assurance-claim-diff__head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
}

.assurance-claim-diff__states {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
  margin: 0.8rem 0;
}

.assurance-claim-diff__states > div {
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 0.78rem;
  background: rgba(0, 0, 0, 0.18);
}

.assurance-claim-diff__states span,
.assurance-claim-diff__states small {
  display: block;
  color: var(--muted);
  font-size: 0.7rem;
}

.assurance-claim-diff__states strong {
  display: block;
  margin: 0.18rem 0;
}

.assurance-claim-diff__states strong[data-state="supported"] { color: var(--green); }
.assurance-claim-diff__states strong[data-state="qualified"] { color: var(--amber); }
.assurance-claim-diff__states strong[data-state="unresolved"] { color: var(--muted-strong); }
.assurance-claim-diff__states strong[data-state="suspended"] { color: var(--rose); }
.assurance-claim-diff__states strong[data-state="withdrawn"] { color: var(--danger); }

.assurance-review-packet {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--cyan) 40%, var(--line));
  border-radius: var(--radius-lg);
  background: linear-gradient(155deg, rgba(11, 29, 39, 0.97), rgba(4, 10, 15, 0.97));
  box-shadow: var(--shadow);
}

.assurance-review-packet__head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, 0.65fr);
  gap: 1rem;
  padding: 1.15rem;
  border-bottom: 1px solid var(--line-strong);
  background: rgba(92, 225, 230, 0.045);
}

.assurance-review-packet__head > div {
  min-width: 0;
}

.assurance-review-packet__head > div:last-child {
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: rgba(0, 0, 0, 0.2);
}

.assurance-review-packet__head > div:last-child span {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--muted);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.assurance-review-packet__status-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--line);
}

.assurance-review-packet__status-grid > div {
  min-width: 0;
  padding: 0.9rem;
  border-right: 1px solid var(--line);
}

.assurance-review-packet__status-grid > div:last-child {
  border-right: 0;
}

.assurance-review-packet__status-grid strong {
  display: block;
  margin-top: 0.2rem;
  overflow-wrap: anywhere;
}

.assurance-review-packet__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assurance-review-packet__grid section {
  min-width: 0;
  padding: 1rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.assurance-review-packet__grid section:nth-child(2n) {
  border-right: 0;
}

.assurance-review-packet__grid h4 {
  margin-bottom: 0.45rem;
}

.assurance-review-packet__grid ul {
  margin-bottom: 0;
}

.assurance-review-packet__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
  padding: 1rem;
}

.assurance-review-packet__actions p {
  flex: 1 1 18rem;
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
}

.assurance-snapshot-ledger {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assurance-snapshot-ledger li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(190px, 0.35fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 22, 31, 0.75);
}

.assurance-snapshot-ledger li > span {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(92, 225, 230, 0.38);
  border-radius: 50%;
  color: var(--cyan);
  font: 760 0.74rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-snapshot-ledger li > div {
  min-width: 0;
}

.assurance-snapshot-ledger li > div:last-child {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
  text-align: right;
}

.assurance-review-handoff-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.assurance-review-handoff-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 22, 31, 0.76);
}

.assurance-review-evulgare-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.assurance-review-evulgare-grid a {
  display: grid;
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid var(--line);
  border-radius: 0.8rem;
  background: rgba(92, 225, 230, 0.035);
  color: inherit;
  text-decoration: none;
}

.assurance-review-evulgare-grid strong {
  color: var(--cyan);
}

.assurance-review-evulgare-grid span {
  margin-top: 0.3rem;
  color: var(--muted);
  font-size: 0.75rem;
}

.assurance-review-unknown-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.7rem;
}

.assurance-review-unknown-grid article {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(11, 22, 31, 0.72);
}

.assurance-review-unknown-grid article > span {
  color: var(--cyan);
  font: 760 0.7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.assurance-review-unknown-grid p {
  margin: 0.55rem 0 0;
  color: var(--muted-strong);
  font-size: 0.82rem;
}

@media (max-width: 1180px) {
  .assurance-review-basis-grid,
  .assurance-review-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .assurance-review-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-review-evulgare-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .assurance-review-unknown-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .assurance-review-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-review-form .button { width: 100%; }
  .assurance-snapshot-compare,
  .assurance-review-handoff-grid { grid-template-columns: 1fr; }
  .assurance-review-packet__head { grid-template-columns: 1fr; }
  .assurance-review-packet__status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assurance-review-packet__status-grid > div:nth-child(2) { border-right: 0; }
  .assurance-review-packet__status-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .assurance-snapshot-states { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .assurance-review-basis-grid,
  .assurance-review-summary,
  .assurance-review-presets,
  .assurance-review-form,
  .assurance-review-evulgare-grid,
  .assurance-review-unknown-grid { grid-template-columns: 1fr; }
  .assurance-review-form { align-items: stretch; }
  .assurance-claim-diff__head { display: grid; }
  .assurance-claim-diff__head .assurance-diff-badge { justify-self: start; }
  .assurance-claim-diff__states { grid-template-columns: 1fr; }
  .assurance-claim-diff__states > span { transform: rotate(90deg); justify-self: center; }
  .assurance-review-packet__status-grid,
  .assurance-review-packet__grid { grid-template-columns: 1fr; }
  .assurance-review-packet__status-grid > div,
  .assurance-review-packet__grid section {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .assurance-snapshot-ledger li { grid-template-columns: auto minmax(0, 1fr); }
  .assurance-snapshot-ledger li > div:last-child { grid-column: 2; justify-items: start; text-align: left; }
  .assurance-review-packet__actions .button { width: 100%; }
}

@media (max-width: 360px) {
  .assurance-review-manifesto__panel,
  .assurance-snapshot-card,
  .assurance-claim-diff,
  .assurance-review-packet__head,
  .assurance-review-packet__grid section { padding: 0.78rem; }
  .assurance-snapshot-card dl div { grid-template-columns: 1fr; gap: 0.15rem; }
  .assurance-snapshot-states { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (forced-colors: active) {
  .assurance-review-manifesto__panel,
  .assurance-review-basis-grid article,
  .assurance-review-summary article,
  .assurance-review-presets a,
  .assurance-review-form,
  .assurance-snapshot-card,
  .assurance-claim-diff,
  .assurance-review-packet,
  .assurance-snapshot-ledger li,
  .assurance-review-handoff-grid article,
  .assurance-review-evulgare-grid a,
  .assurance-review-unknown-grid article {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
  .assurance-diff-badge,
  .assurance-review-toolbar button {
    border: 1px solid ButtonText;
  }
}

@media print {
  .answerability-review-page .site-header,
  .answerability-review-page .sister-site-strip,
  .answerability-review-page .boundary-banner,
  .answerability-review-page .site-footer,
  .answerability-review-page .assurance-review-form,
  .answerability-review-page .assurance-review-presets,
  .answerability-review-page .assurance-review-toolbar,
  .answerability-review-page .assurance-review-packet__actions {
    display: none !important;
  }
  .answerability-review-page .assurance-claim-diff[hidden] {
    display: block !important;
  }
  .answerability-review-page .assurance-review-packet,
  .answerability-review-page .assurance-snapshot-card,
  .answerability-review-page .assurance-claim-diff {
    break-inside: avoid;
    box-shadow: none;
  }
}

/* v1.29.0 Machine Answerability Evidence Contract and Review Ownership Lab */
.answerability-contract-page {
  --contract-cyan: #63e6ef;
  --contract-blue: #86a9ff;
  --contract-lime: #a8ff60;
  --contract-amber: #ffd078;
  --contract-red: #ff8f91;
}

.answerability-contract-page .page-intro {
  background:
    radial-gradient(circle at 15% 18%, rgba(99, 230, 239, .12), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(134, 169, 255, .11), transparent 28%);
}

.evidence-contract-manifesto {
  padding-top: clamp(1.1rem, 3vw, 2.2rem);
}

.evidence-contract-manifesto__panel {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--contract-cyan) 34%, var(--line));
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 88% 14%, rgba(99, 230, 239, .14), transparent 34%),
    radial-gradient(circle at 10% 95%, rgba(168, 255, 96, .08), transparent 32%),
    linear-gradient(145deg, rgba(8, 22, 29, .98), rgba(3, 10, 15, .93));
  box-shadow: 0 28px 86px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.evidence-contract-manifesto__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(99, 230, 239, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 230, 239, .035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 94%);
}

.evidence-contract-manifesto__panel > * {
  position: relative;
  z-index: 1;
}

.evidence-contract-manifesto__panel h2 {
  max-width: 18ch;
  margin: .2rem 0 .55rem;
  font-size: clamp(2.15rem, 5.3vw, 5.1rem);
  line-height: .96;
  letter-spacing: -.046em;
}

.evidence-contract-manifesto__lede {
  max-width: 70ch;
  color: var(--text-soft);
  font-size: clamp(1rem, 1.55vw, 1.16rem);
}

.evidence-contract-manifesto blockquote {
  margin: 0;
  padding: .9rem 1rem;
  border-left: .22rem solid var(--contract-lime);
  background: rgba(168, 255, 96, .055);
  color: #f2ffd9;
  font: 850 clamp(1rem, 2vw, 1.3rem)/1.32 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .025em;
}

.evidence-contract-manifesto__chain {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .42rem;
  align-items: stretch;
}

.evidence-contract-manifesto__chain span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 2.7rem;
  padding: .45rem .55rem;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .028);
  color: #e8f6f9;
  font: 780 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
}

.evidence-contract-manifesto__chain span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -.43rem;
  top: 50%;
  width: .43rem;
  height: 1px;
  background: var(--contract-cyan);
  opacity: .5;
}

.evidence-contract-state-grid,
.evidence-contract-separation-grid,
.evidence-contract-record-grid,
.evidence-contract-role-grid,
.evidence-contract-comparison-grid,
.evidence-contract-register-grid,
.evidence-contract-handoff-grid {
  display: grid;
  gap: .8rem;
}

.evidence-contract-state-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-contract-state-grid article,
.evidence-contract-separation-grid article {
  min-width: 0;
  padding: .85rem .95rem;
  border: 1px solid var(--line);
  border-radius: .95rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.evidence-contract-state-grid span,
.evidence-contract-separation-grid span,
.evidence-contract-record > span,
.evidence-contract-result-head__hash span,
.evidence-contract-handoff-grid article > span {
  display: block;
  color: var(--muted);
  font: 760 .65rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.evidence-contract-state-grid p {
  margin: .35rem 0 0;
}

.evidence-contract-separation-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1rem;
}

.evidence-contract-separation-grid strong {
  display: block;
  margin-top: .28rem;
  overflow-wrap: anywhere;
}

.evidence-contract-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--contract-blue) 30%, var(--line));
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(134, 169, 255, .055), rgba(255, 255, 255, .014));
}

.evidence-contract-form > label,
.evidence-contract-form fieldset {
  display: grid;
  gap: .45rem;
  min-width: 0;
}

.evidence-contract-form > label > span,
.evidence-contract-form legend {
  color: #edf7fa;
  font-weight: 820;
}

.evidence-contract-form select {
  width: 100%;
  min-height: 3rem;
}

.evidence-contract-form fieldset {
  grid-column: 1 / -1;
  margin: 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .95rem;
}

.evidence-contract-compare-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-contract-compare-options label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .55rem;
  align-items: center;
  min-height: 3rem;
  padding: .65rem .7rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .024);
  cursor: pointer;
}

.evidence-contract-compare-options label:has(input:checked) {
  border-color: color-mix(in srgb, var(--contract-cyan) 50%, var(--line));
  background: rgba(99, 230, 239, .07);
  box-shadow: inset 0 0 0 1px rgba(99, 230, 239, .07);
}

.evidence-contract-compare-options input {
  width: 1.15rem;
  height: 1.15rem;
  margin: 0;
}

.evidence-contract-form__actions {
  grid-column: 1 / -1;
  margin: 0;
}

.evidence-contract-form .status-text {
  grid-column: 1 / -1;
  margin: 0;
}

.evidence-contract-result-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  background: var(--panel);
}

.evidence-contract-result-head--complete {
  border-color: color-mix(in srgb, var(--contract-lime) 46%, var(--line));
}

.evidence-contract-result-head--incomplete {
  border-color: color-mix(in srgb, var(--contract-amber) 48%, var(--line));
}

.evidence-contract-result-head--blocked {
  border-color: color-mix(in srgb, var(--contract-red) 50%, var(--line));
}

.evidence-contract-result-head h3 {
  margin: .35rem 0 .35rem;
}

.evidence-contract-result-head__hash {
  flex: 0 1 25rem;
  min-width: 0;
  padding: .7rem;
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
}

.evidence-contract-result-head__hash code {
  display: block;
  margin-top: .25rem;
  overflow-wrap: anywhere;
}

.evidence-contract-reasons {
  margin-top: .85rem;
  padding: .85rem 1rem;
  border: 1px solid var(--line);
  border-radius: .9rem;
}

.evidence-contract-reasons h3 {
  margin: 0 0 .45rem;
}

.evidence-contract-reasons ul {
  margin: 0;
  padding-left: 1.1rem;
}

.evidence-contract-reasons--blocked {
  border-color: rgba(255, 143, 145, .36);
  background: rgba(255, 143, 145, .045);
}

.evidence-contract-reasons--incomplete {
  border-color: rgba(255, 208, 120, .34);
  background: rgba(255, 208, 120, .045);
}

.evidence-contract-table-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  border: 1px solid var(--line);
  border-radius: 1rem;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

.evidence-contract-table {
  min-width: 980px;
}

.evidence-contract-table th,
.evidence-contract-table td {
  vertical-align: top;
}

.evidence-contract-role-pill {
  display: inline-flex;
  align-items: center;
  margin: 0 .25rem .28rem 0;
  padding: .3rem .55rem;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
  color: #dcecf1;
  font-size: .73rem;
}

.evidence-contract-role-pill--allowed {
  border-color: rgba(99, 230, 239, .28);
  background: rgba(99, 230, 239, .05);
}

.evidence-contract-record-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-contract-record {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.evidence-contract-record.is-present {
  border-color: color-mix(in srgb, var(--contract-lime) 34%, var(--line));
}

.evidence-contract-record.is-missing {
  border-color: color-mix(in srgb, var(--contract-red) 38%, var(--line));
  background: linear-gradient(180deg, rgba(255, 143, 145, .055), rgba(255, 255, 255, .01));
}

.evidence-contract-record > div:first-child,
.evidence-contract-comparison-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
  align-items: flex-start;
}

.evidence-contract-record code {
  color: var(--contract-cyan);
  overflow-wrap: anywhere;
}

.evidence-contract-record h3 {
  margin: .6rem 0 .35rem;
  font-size: 1rem;
}

.evidence-contract-role-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.evidence-contract-role-card {
  min-width: 0;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.evidence-contract-role-card.is-unassigned {
  border-style: dashed;
  opacity: .78;
}

.evidence-contract-role-card h3 {
  margin: .15rem 0 .4rem;
}

.evidence-contract-role-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: .7rem 0;
}

.evidence-contract-role-card__actions span {
  display: inline-flex;
  padding: .28rem .5rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
  color: var(--text-soft);
  font-size: .7rem;
}

.evidence-contract-comparison-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-contract-comparison-card {
  min-width: 0;
  padding: .95rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--panel);
}

.evidence-contract-comparison-card--complete {
  border-color: color-mix(in srgb, var(--contract-lime) 42%, var(--line));
}

.evidence-contract-comparison-card--incomplete {
  border-color: color-mix(in srgb, var(--contract-amber) 44%, var(--line));
}

.evidence-contract-comparison-card--blocked {
  border-color: color-mix(in srgb, var(--contract-red) 46%, var(--line));
}

.evidence-contract-comparison-card h3 {
  margin: .55rem 0 .4rem;
}

.evidence-contract-comparison-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem;
}

.evidence-contract-comparison-card dl > div {
  padding: .48rem;
  border-radius: .65rem;
  background: rgba(255, 255, 255, .025);
}

.evidence-contract-comparison-card dt {
  color: var(--muted);
  font-size: .7rem;
}

.evidence-contract-comparison-card dd {
  margin: .12rem 0 0;
  font-weight: 800;
}

.evidence-contract-comparison-card__note {
  padding: .65rem;
  border-left: .18rem solid var(--contract-blue);
  background: rgba(134, 169, 255, .045);
  color: var(--text-soft);
  font-size: .82rem;
}

.evidence-contract-register-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evidence-contract-register-grid article {
  min-width: 0;
  padding: .95rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}

.evidence-contract-register-grid h3 {
  margin: .2rem 0 .45rem;
}

.evidence-contract-register-grid dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .42rem;
}

.evidence-contract-register-grid dl > div {
  padding: .48rem;
  border-radius: .65rem;
  background: rgba(255, 255, 255, .025);
}

.evidence-contract-register-grid dt {
  color: var(--muted);
  font-size: .68rem;
}

.evidence-contract-register-grid dd {
  margin: .12rem 0 0;
  font-weight: 800;
}

.evidence-contract-register-grid__boundary {
  padding: .65rem;
  border-left: .18rem solid var(--contract-amber);
  background: rgba(255, 208, 120, .045);
  color: var(--text-soft);
  font-size: .82rem;
}

.evidence-contract-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-contract-handoff-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: var(--panel);
}

.evidence-contract-handoff-grid__evulgare {
  border-color: rgba(168, 255, 96, .3) !important;
  background: linear-gradient(180deg, rgba(168, 255, 96, .055), rgba(255, 255, 255, .012)) !important;
}

@media (max-width: 1100px) {
  .evidence-contract-manifesto__chain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .evidence-contract-manifesto__chain span:nth-child(4)::after,
  .evidence-contract-manifesto__chain span:nth-child(8)::after {
    display: none;
  }

  .evidence-contract-separation-grid,
  .evidence-contract-role-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evidence-contract-record-grid,
  .evidence-contract-comparison-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .evidence-contract-form,
  .evidence-contract-state-grid,
  .evidence-contract-handoff-grid,
  .evidence-contract-register-grid {
    grid-template-columns: 1fr;
  }

  .evidence-contract-form fieldset,
  .evidence-contract-form__actions,
  .evidence-contract-form .status-text {
    grid-column: 1;
  }

  .evidence-contract-compare-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evidence-contract-result-head {
    display: grid;
  }

  .evidence-contract-result-head__hash {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .evidence-contract-manifesto__chain,
  .evidence-contract-state-grid,
  .evidence-contract-separation-grid,
  .evidence-contract-compare-options,
  .evidence-contract-record-grid,
  .evidence-contract-role-grid,
  .evidence-contract-comparison-grid,
  .evidence-contract-register-grid dl {
    grid-template-columns: 1fr;
  }

  .evidence-contract-manifesto__chain span::after {
    display: none;
  }

  .evidence-contract-form__actions {
    display: grid;
  }

  .evidence-contract-form__actions .button {
    width: 100%;
  }

  .evidence-contract-record > div:first-child,
  .evidence-contract-comparison-card > div:first-child {
    display: grid;
  }
}

html[data-motion="reduced"] .evidence-contract-manifesto__panel::after {
  display: none;
}

@media (forced-colors: active) {
  .evidence-contract-manifesto__panel,
  .evidence-contract-state-grid article,
  .evidence-contract-separation-grid article,
  .evidence-contract-form,
  .evidence-contract-result-head,
  .evidence-contract-record,
  .evidence-contract-role-card,
  .evidence-contract-comparison-card,
  .evidence-contract-register-grid article,
  .evidence-contract-handoff-grid article {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  .evidence-contract-compare-options label:has(input:checked) {
    outline: 2px solid Highlight;
  }
}

@media print {
  .answerability-contract-page .site-header,
  .answerability-contract-page .sister-site-strip,
  .answerability-contract-page .boundary-banner,
  .answerability-contract-page .site-footer,
  .answerability-contract-page .evidence-contract-form__actions {
    display: none !important;
  }

  .evidence-contract-manifesto__panel,
  .evidence-contract-state-grid article,
  .evidence-contract-separation-grid article,
  .evidence-contract-result-head,
  .evidence-contract-record,
  .evidence-contract-role-card,
  .evidence-contract-comparison-card,
  .evidence-contract-register-grid article,
  .evidence-contract-handoff-grid article {
    break-inside: avoid;
    color: #111;
    background: #fff;
    border-color: #555;
    box-shadow: none;
  }

  .evidence-contract-record-grid,
  .evidence-contract-role-grid,
  .evidence-contract-comparison-grid,
  .evidence-contract-register-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* v1.30.0 Machine Answerability Evidence-Gap Remediation and Dispute Escalation Lab */
.answerability-escalation-page {
  --gap-cyan: #69e4ef;
  --gap-blue: #8aa9ff;
  --gap-lime: #b2ff68;
  --gap-amber: #ffd079;
  --gap-red: #ff9096;
  --gap-violet: #bc9cff;
}

.answerability-escalation-page .page-intro {
  background:
    radial-gradient(circle at 14% 18%, rgba(105, 228, 239, .12), transparent 31%),
    radial-gradient(circle at 88% 15%, rgba(188, 156, 255, .11), transparent 29%);
}

.evidence-gap-manifesto {
  padding-top: clamp(1rem, 3vw, 2.2rem);
}

.evidence-gap-manifesto__panel {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid color-mix(in srgb, var(--gap-cyan) 34%, var(--line));
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 88% 14%, rgba(105, 228, 239, .14), transparent 34%),
    radial-gradient(circle at 9% 94%, rgba(188, 156, 255, .09), transparent 33%),
    linear-gradient(145deg, rgba(7, 22, 29, .98), rgba(3, 9, 15, .94));
  box-shadow: 0 28px 86px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.evidence-gap-manifesto__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(105, 228, 239, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 228, 239, .035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 94%);
}

.evidence-gap-manifesto__panel > * {
  position: relative;
  z-index: 1;
}

.evidence-gap-manifesto__panel h2 {
  max-width: 19ch;
  margin: .2rem 0 .55rem;
  font-size: clamp(2.15rem, 5.3vw, 5rem);
  line-height: .96;
  letter-spacing: -.046em;
}

.evidence-gap-manifesto__lede {
  max-width: 72ch;
  color: var(--text-soft);
  font-size: clamp(1rem, 1.55vw, 1.16rem);
}

.evidence-gap-manifesto blockquote {
  margin: 0;
  padding: .9rem 1rem;
  border-left: .22rem solid var(--gap-lime);
  background: rgba(178, 255, 104, .055);
  color: #f3ffdf;
  font: 850 clamp(1rem, 2vw, 1.3rem)/1.32 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .025em;
}

.evidence-gap-escalation-chain {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .42rem;
}

.evidence-gap-escalation-chain span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 3rem;
  padding: .48rem .55rem;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: .72rem;
  background: rgba(255, 255, 255, .028);
  color: #e9f7f9;
  font: 760 .66rem/1.22 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
  text-align: center;
  text-transform: uppercase;
}

.evidence-gap-escalation-chain span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -.43rem;
  top: 50%;
  width: .43rem;
  height: 1px;
  background: linear-gradient(90deg, var(--gap-cyan), var(--gap-violet));
  opacity: .55;
}

.evidence-gap-separation-grid,
.evidence-gap-state-grid,
.evidence-gap-card-grid,
.evidence-gap-remediation-grid,
.evidence-gap-record-columns,
.evidence-gap-authority-grid,
.evidence-gap-handoff-grid {
  display: grid;
  gap: .85rem;
}

.evidence-gap-separation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-gap-separation-grid article,
.evidence-gap-state-grid article,
.evidence-gap-record-columns article,
.evidence-gap-authority-grid article,
.evidence-gap-handoff-grid article {
  min-width: 0;
  padding: .9rem 1rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.evidence-gap-separation-grid span,
.evidence-gap-state-grid span,
.evidence-gap-record-columns article > span,
.evidence-gap-authority-grid article > span,
.evidence-gap-handoff-grid article > span,
.evidence-gap-result-head__hash span,
.evidence-gap-card > span {
  display: block;
  color: var(--muted);
  font: 760 .65rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.evidence-gap-separation-grid p,
.evidence-gap-state-grid p {
  margin: .35rem 0 0;
}

.evidence-gap-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--gap-blue) 31%, var(--line));
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(138, 169, 255, .055), rgba(255, 255, 255, .014));
}

.evidence-gap-form > label,
.evidence-gap-form fieldset {
  display: grid;
  gap: .45rem;
  min-width: 0;
}

.evidence-gap-form > label > span,
.evidence-gap-form legend {
  color: #edf7fa;
  font-weight: 820;
}

.evidence-gap-form select {
  width: 100%;
  min-height: 3rem;
}

.evidence-gap-form fieldset {
  grid-column: 1 / -1;
  margin: 0;
  padding: .85rem;
  border: 1px solid var(--line);
  border-radius: .95rem;
}

.evidence-gap-remediation-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
}

.evidence-gap-remediation-options label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  align-items: flex-start;
  min-height: 4rem;
  padding: .7rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .024);
  cursor: pointer;
}

.evidence-gap-remediation-options label:has(input:checked) {
  border-color: color-mix(in srgb, var(--gap-cyan) 52%, var(--line));
  background: rgba(105, 228, 239, .07);
  box-shadow: inset 0 0 0 1px rgba(105, 228, 239, .07);
}

.evidence-gap-remediation-options input {
  width: 1.15rem;
  height: 1.15rem;
  margin: .15rem 0 0;
}

.evidence-gap-remediation-options strong,
.evidence-gap-remediation-options small {
  display: block;
}

.evidence-gap-remediation-options small {
  margin-top: .25rem;
  color: var(--text-soft);
}

.evidence-gap-form__actions,
.evidence-gap-form .status-text {
  grid-column: 1 / -1;
}

.evidence-gap-form .status-text {
  margin: 0;
}

.evidence-gap-result-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 1.1rem;
  background: var(--panel);
}

.evidence-gap-result-head--complete {
  border-color: color-mix(in srgb, var(--gap-lime) 46%, var(--line));
}

.evidence-gap-result-head--incomplete {
  border-color: color-mix(in srgb, var(--gap-amber) 48%, var(--line));
}

.evidence-gap-result-head--blocked {
  border-color: color-mix(in srgb, var(--gap-red) 50%, var(--line));
}

.evidence-gap-result-head h2 {
  margin: .35rem 0 .4rem;
}

.evidence-gap-result-head__hash {
  flex: 0 1 26rem;
  min-width: 0;
  padding: .7rem;
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
}

.evidence-gap-result-head__hash code,
.evidence-gap-authority-grid code {
  display: block;
  margin-top: .25rem;
  overflow-wrap: anywhere;
}

.evidence-gap-state-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: .85rem;
}

.evidence-gap-state-grid strong {
  display: block;
  margin-top: .25rem;
  font-size: 1.2rem;
}

.evidence-gap-no-authority {
  margin-top: .85rem;
  padding: 1rem;
  border: 1px solid color-mix(in srgb, var(--gap-red) 50%, var(--line));
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 144, 150, .075), rgba(255, 255, 255, .012));
}

.evidence-gap-no-authority h3 {
  margin: .25rem 0 .5rem;
}

.evidence-gap-no-authority ul {
  margin-bottom: 0;
}

.evidence-gap-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-gap-card,
.evidence-gap-remediation-card {
  min-width: 0;
  padding: .95rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.evidence-gap-card > div:first-child,
.evidence-gap-remediation-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
  align-items: flex-start;
}

.evidence-gap-card code,
.evidence-gap-remediation-card code {
  color: var(--gap-cyan);
  overflow-wrap: anywhere;
}

.evidence-gap-card h3,
.evidence-gap-remediation-card h3 {
  margin: .6rem 0 .35rem;
  font-size: 1rem;
}

.evidence-gap-card--open {
  border-color: color-mix(in srgb, var(--gap-red) 42%, var(--line));
  background: linear-gradient(180deg, rgba(255, 144, 150, .055), rgba(255, 255, 255, .01));
}

.evidence-gap-card--requested {
  border-color: color-mix(in srgb, var(--gap-amber) 42%, var(--line));
}

.evidence-gap-card--resolved {
  border-color: color-mix(in srgb, var(--gap-lime) 38%, var(--line));
}

.evidence-gap-card--not-present {
  opacity: .68;
}

.evidence-gap-timeline {
  display: grid;
  gap: .7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.evidence-gap-timeline__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .8rem;
  align-items: start;
  padding: .8rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.evidence-gap-timeline__item > span {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px solid color-mix(in srgb, var(--gap-blue) 50%, var(--line));
  border-radius: 50%;
  background: rgba(138, 169, 255, .075);
  color: #edf4ff;
  font: 780 .7rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.evidence-gap-timeline__item h3 {
  margin: .1rem 0 .3rem;
}

.evidence-gap-timeline__item small {
  color: var(--text-soft);
}

.evidence-gap-timeline__item--complete {
  border-color: color-mix(in srgb, var(--gap-lime) 34%, var(--line));
}

.evidence-gap-timeline__item--active {
  border-color: color-mix(in srgb, var(--gap-amber) 42%, var(--line));
  background: rgba(255, 208, 121, .045);
}

.evidence-gap-timeline__item--pending {
  border-style: dashed;
}

.evidence-gap-timeline__item--not-applicable {
  opacity: .7;
}

.evidence-gap-remediation-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.evidence-gap-remediation-card.is-selected {
  border-color: color-mix(in srgb, var(--gap-cyan) 42%, var(--line));
  box-shadow: inset 0 0 0 1px rgba(105, 228, 239, .06);
}

.evidence-gap-remediation-card a {
  display: inline-flex;
  margin-top: .35rem;
}

.evidence-gap-record-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-gap-record-columns h3,
.evidence-gap-authority-grid h3,
.evidence-gap-handoff-grid h3 {
  margin: .3rem 0 .45rem;
}

.evidence-gap-record-columns ul {
  margin: .6rem 0 0;
  padding-left: 1.1rem;
}

.evidence-gap-record-columns code {
  overflow-wrap: anywhere;
}

.evidence-gap-authority-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.evidence-gap-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-gap-handoff-grid__evulgare {
  border-color: rgba(178, 255, 104, .3) !important;
  background: linear-gradient(180deg, rgba(178, 255, 104, .055), rgba(255, 255, 255, .012)) !important;
}

@media (max-width: 1120px) {
  .evidence-gap-escalation-chain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .evidence-gap-escalation-chain span:nth-child(4)::after,
  .evidence-gap-escalation-chain span:nth-child(7)::after {
    display: none;
  }

  .evidence-gap-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .evidence-gap-separation-grid,
  .evidence-gap-card-grid,
  .evidence-gap-authority-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .evidence-gap-state-grid,
  .evidence-gap-record-columns,
  .evidence-gap-handoff-grid {
    grid-template-columns: 1fr;
  }

  .evidence-gap-result-head {
    display: grid;
  }

  .evidence-gap-result-head__hash {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .evidence-gap-escalation-chain,
  .evidence-gap-form,
  .evidence-gap-remediation-options,
  .evidence-gap-separation-grid,
  .evidence-gap-card-grid,
  .evidence-gap-remediation-grid,
  .evidence-gap-authority-grid {
    grid-template-columns: 1fr;
  }

  .evidence-gap-escalation-chain span::after {
    display: none;
  }

  .evidence-gap-form fieldset,
  .evidence-gap-form__actions,
  .evidence-gap-form .status-text {
    grid-column: 1;
  }

  .evidence-gap-form__actions {
    display: grid;
  }

  .evidence-gap-form__actions .button {
    width: 100%;
  }

  .evidence-gap-card > div:first-child,
  .evidence-gap-remediation-card > div:first-child {
    display: grid;
  }
}

html[data-motion="reduced"] .evidence-gap-manifesto__panel::after {
  display: none;
}

@media (forced-colors: active) {
  .evidence-gap-manifesto__panel,
  .evidence-gap-separation-grid article,
  .evidence-gap-form,
  .evidence-gap-result-head,
  .evidence-gap-state-grid article,
  .evidence-gap-no-authority,
  .evidence-gap-card,
  .evidence-gap-timeline__item,
  .evidence-gap-remediation-card,
  .evidence-gap-record-columns article,
  .evidence-gap-authority-grid article,
  .evidence-gap-handoff-grid article {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  .evidence-gap-remediation-options label:has(input:checked) {
    outline: 2px solid Highlight;
  }
}

@media print {
  .answerability-escalation-page .site-header,
  .answerability-escalation-page .sister-site-strip,
  .answerability-escalation-page .boundary-banner,
  .answerability-escalation-page .site-footer,
  .answerability-escalation-page .evidence-gap-form__actions {
    display: none !important;
  }

  .evidence-gap-manifesto__panel,
  .evidence-gap-separation-grid article,
  .evidence-gap-result-head,
  .evidence-gap-state-grid article,
  .evidence-gap-no-authority,
  .evidence-gap-card,
  .evidence-gap-timeline__item,
  .evidence-gap-remediation-card,
  .evidence-gap-record-columns article,
  .evidence-gap-authority-grid article,
  .evidence-gap-handoff-grid article {
    break-inside: avoid;
    color: #111;
    background: #fff;
    border-color: #555;
    box-shadow: none;
  }

  .evidence-gap-card-grid,
  .evidence-gap-remediation-grid,
  .evidence-gap-authority-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Machine Answerability Dispute Record and Corrective Action Ledger */
.answerability-disputes-page {
  --dispute-accent: #a8ff52;
  --dispute-blue: #7ea6ff;
  --dispute-amber: #ffc96b;
  --dispute-panel: rgba(7, 17, 23, .92);
}

.dispute-ledger-manifesto {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 18%, rgba(168, 255, 82, .12), transparent 30%),
    radial-gradient(circle at 90% 72%, rgba(126, 166, 255, .11), transparent 34%);
}

.dispute-ledger-manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(168, 255, 82, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 255, 82, .035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, black, transparent 90%);
}

.dispute-ledger-manifesto__panel {
  position: relative;
  z-index: 1;
  padding: clamp(1.2rem, 3vw, 2.5rem);
  border: 1px solid rgba(168, 255, 82, .24);
  border-radius: 1.35rem;
  background: linear-gradient(135deg, rgba(7, 20, 24, .97), rgba(3, 9, 14, .92));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.dispute-ledger-manifesto__panel h2 {
  max-width: 18ch;
  margin: .2rem 0 .8rem;
  font-size: clamp(2.2rem, 5vw, 5rem);
  line-height: .96;
  letter-spacing: -.045em;
}

.dispute-ledger-manifesto__lede {
  max-width: 72ch;
  color: #c8d9df;
  font-size: clamp(1rem, 1.8vw, 1.16rem);
}

.dispute-ledger-manifesto blockquote {
  margin: 1.25rem 0;
  padding: 1rem 1.15rem;
  border-left: 4px solid var(--dispute-accent);
  background: rgba(168, 255, 82, .055);
  color: #efffe1;
  font-weight: 800;
  letter-spacing: .04em;
}

.dispute-ledger-flow {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .5rem;
  margin: 1.15rem 0;
}

.dispute-ledger-flow span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 4.3rem;
  padding: .55rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #d7e8ee;
  font: 700 .66rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.dispute-ledger-flow span:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -.44rem;
  color: var(--dispute-accent);
  z-index: 2;
}

.dispute-ledger-separation-grid,
.dispute-ledger-metrics,
.dispute-ledger-record-columns,
.dispute-ledger-review-grid,
.dispute-ledger-action-grid,
.dispute-ledger-hash-grid,
.dispute-ledger-handoff-grid,
.dispute-ledger-register {
  display: grid;
  gap: .85rem;
}

.dispute-ledger-separation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dispute-ledger-separation-grid article,
.dispute-ledger-record-columns article,
.dispute-ledger-review-grid article,
.dispute-ledger-hash-grid article,
.dispute-ledger-handoff-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}

.dispute-ledger-separation-grid article > span,
.dispute-ledger-record-columns article > span,
.dispute-ledger-review-grid article > span,
.dispute-ledger-hash-grid article > span,
.dispute-ledger-handoff-grid article > span,
.dispute-ledger-metrics article > span {
  display: block;
  margin-bottom: .45rem;
  color: #8da7b4;
  font: 700 .67rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .075em;
}

.dispute-ledger-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(160px, .8fr)) auto auto;
  gap: .72rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: .9rem;
  border: 1px solid rgba(126, 166, 255, .17);
  border-radius: 1rem;
  background: rgba(5, 13, 19, .72);
}

.dispute-ledger-toolbar label {
  min-width: 0;
  color: #a9bec8;
  font-size: .76rem;
  font-weight: 700;
}

.dispute-ledger-toolbar input,
.dispute-ledger-toolbar select {
  width: 100%;
  margin-top: .35rem;
}

.dispute-ledger-result {
  padding: clamp(1rem, 2vw, 1.45rem);
  border: 1px solid rgba(168, 255, 82, .25);
  border-radius: 1.2rem;
  background:
    linear-gradient(135deg, rgba(168, 255, 82, .045), transparent 35%),
    var(--dispute-panel);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .24);
}

.dispute-ledger-result__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}

.dispute-ledger-result__header > div:first-child {
  max-width: 78ch;
}

.dispute-ledger-result__header > div:last-child {
  display: grid;
  justify-items: end;
  gap: .5rem;
  min-width: min(100%, 15rem);
}

.dispute-ledger-result__header code,
.dispute-ledger-hash-grid code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.dispute-ledger-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1rem;
}

.dispute-ledger-metrics article {
  min-width: 0;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .025);
}

.dispute-ledger-metrics strong,
.dispute-ledger-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.dispute-ledger-metrics small {
  margin-top: .28rem;
  color: #9bb0bc;
}

.dispute-ledger-result__actions {
  margin-top: 1rem;
}

.dispute-ledger-record-columns,
.dispute-ledger-review-grid,
.dispute-ledger-hash-grid,
.dispute-ledger-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dispute-ledger-record-columns ul,
.dispute-ledger-review-grid ul,
.dispute-ledger-action-card ul {
  margin: .65rem 0 0;
  padding-left: 1.15rem;
}

.dispute-ledger-record-columns li,
.dispute-ledger-review-grid li {
  margin: .42rem 0;
  overflow-wrap: anywhere;
}

.dispute-ledger-timeline {
  display: grid;
  gap: .62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dispute-ledger-timeline__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .85rem;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}

.dispute-ledger-timeline__item > span {
  display: grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border: 1px solid rgba(126, 166, 255, .35);
  border-radius: 50%;
  color: #e9f1ff;
  font: 800 .73rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.dispute-ledger-timeline__item--complete {
  border-color: rgba(168, 255, 82, .18);
  background: rgba(168, 255, 82, .028);
}

.dispute-ledger-timeline__item--active {
  border-color: rgba(255, 201, 107, .28);
  background: rgba(255, 201, 107, .035);
}

.dispute-ledger-timeline__item--pending {
  border-style: dashed;
}

.dispute-ledger-action-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dispute-ledger-action-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(168, 255, 82, .15);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(168, 255, 82, .045), rgba(255, 255, 255, .012));
}

.dispute-ledger-action-card--blocked {
  border-color: rgba(255, 201, 107, .3);
  background: rgba(255, 201, 107, .04);
}

.dispute-ledger-action-card code {
  display: block;
  margin-bottom: .55rem;
}

.dispute-ledger-hash-grid article {
  overflow: hidden;
}

.dispute-ledger-hash-grid code {
  display: block;
  max-height: 7rem;
  overflow: auto;
  padding: .7rem;
  border-radius: .65rem;
  background: rgba(0, 0, 0, .23);
}

.dispute-ledger-compare-selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: 1rem;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .018);
}

.dispute-ledger-compare-selector label {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  padding: .6rem;
  border-radius: .75rem;
  background: rgba(255, 255, 255, .025);
}

.dispute-ledger-compare-selector label span {
  display: grid;
  gap: .18rem;
}

.dispute-ledger-compare-selector .button {
  justify-self: start;
  margin-top: .3rem;
}

.dispute-ledger-register {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dispute-ledger-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .022);
}

.dispute-ledger-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .55rem;
  align-items: flex-start;
}

.dispute-ledger-card h3 {
  margin: .65rem 0 .45rem;
}

.dispute-ledger-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin: .75rem 0;
  padding: 0;
  list-style: none;
}

.dispute-ledger-card li {
  padding: .28rem .52rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
  color: #adc0c9;
  font-size: .72rem;
}

.dispute-ledger-handoff-grid__evulgare {
  border-color: rgba(168, 255, 82, .24) !important;
  background: linear-gradient(180deg, rgba(168, 255, 82, .06), rgba(255, 255, 255, .012)) !important;
}

@media (max-width: 1180px) {
  .dispute-ledger-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dispute-ledger-flow span:nth-child(4)::after { display: none; }
  .dispute-ledger-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dispute-ledger-toolbar .button { justify-self: start; }
}

@media (max-width: 900px) {
  .dispute-ledger-separation-grid,
  .dispute-ledger-action-grid,
  .dispute-ledger-register { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dispute-ledger-metrics,
  .dispute-ledger-record-columns,
  .dispute-ledger-review-grid,
  .dispute-ledger-hash-grid,
  .dispute-ledger-handoff-grid { grid-template-columns: 1fr 1fr; }
  .dispute-ledger-handoff-grid__evulgare { grid-column: 1 / -1; }
}

@media (max-width: 660px) {
  .dispute-ledger-flow,
  .dispute-ledger-separation-grid,
  .dispute-ledger-metrics,
  .dispute-ledger-record-columns,
  .dispute-ledger-review-grid,
  .dispute-ledger-action-grid,
  .dispute-ledger-hash-grid,
  .dispute-ledger-handoff-grid,
  .dispute-ledger-register,
  .dispute-ledger-toolbar,
  .dispute-ledger-compare-selector { grid-template-columns: 1fr; }
  .dispute-ledger-flow span::after { display: none; }
  .dispute-ledger-result__header { flex-direction: column; }
  .dispute-ledger-result__header > div:last-child { justify-items: start; }
  .dispute-ledger-result__actions { flex-direction: column; }
  .dispute-ledger-result__actions .button { width: 100%; }
  .dispute-ledger-handoff-grid__evulgare { grid-column: auto; }
  .dispute-ledger-card > div:first-child { flex-direction: column; }
}

@media (max-width: 320px) {
  .dispute-ledger-manifesto__panel,
  .dispute-ledger-result,
  .dispute-ledger-toolbar,
  .dispute-ledger-separation-grid article,
  .dispute-ledger-record-columns article,
  .dispute-ledger-review-grid article,
  .dispute-ledger-action-card,
  .dispute-ledger-hash-grid article,
  .dispute-ledger-handoff-grid article,
  .dispute-ledger-card { padding: .72rem; }
  .dispute-ledger-manifesto__panel h2 { font-size: clamp(1.95rem, 12vw, 2.7rem); }
  .dispute-ledger-timeline__item { grid-template-columns: 1fr; }
}

/* Machine Answerability Corrective Action Effectiveness Lab — v1.32.0 */
.answerability-effectiveness-page {
  --effectiveness-accent: #a8ff37;
  --effectiveness-accent-soft: rgba(168, 255, 55, .12);
  --effectiveness-blue: #72c7ff;
  --effectiveness-warning: #ffc96b;
}

.effectiveness-manifesto {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(168, 255, 55, .12), transparent 34%),
    radial-gradient(circle at 88% 22%, rgba(114, 199, 255, .1), transparent 34%),
    linear-gradient(180deg, rgba(4, 14, 13, .96), rgba(3, 9, 13, .98));
}

.effectiveness-manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(168, 255, 55, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(168, 255, 55, .035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 84%);
}

.effectiveness-manifesto__panel {
  position: relative;
  z-index: 1;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid rgba(168, 255, 55, .24);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, rgba(8, 22, 20, .92), rgba(4, 10, 14, .88));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.effectiveness-manifesto__panel h2 {
  max-width: 17ch;
  margin: .35rem 0 .75rem;
  font-size: clamp(2.15rem, 5.8vw, 5rem);
  line-height: .96;
  letter-spacing: -.045em;
}

.effectiveness-manifesto__lede {
  max-width: 72ch;
  color: #c8d9d5;
  font-size: clamp(.98rem, 1.6vw, 1.14rem);
}

.effectiveness-manifesto blockquote {
  margin: 1.15rem 0;
  padding: .9rem 1rem;
  border-left: .28rem solid var(--effectiveness-accent);
  background: rgba(168, 255, 55, .065);
  color: #efffda;
  font: 800 clamp(1rem, 2vw, 1.32rem)/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .035em;
}

.effectiveness-flow {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: .42rem;
  margin: 1.2rem 0;
}

.effectiveness-flow span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 4rem;
  padding: .55rem .45rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #cadcd8;
  text-align: center;
  font: 700 .65rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.effectiveness-flow span::before {
  content: "";
  width: .45rem;
  height: .45rem;
  margin-bottom: .35rem;
  border-radius: 50%;
  background: var(--effectiveness-accent);
  box-shadow: 0 0 12px rgba(168, 255, 55, .55);
}

.effectiveness-question-grid,
.effectiveness-separation-grid,
.effectiveness-metrics,
.effectiveness-source-grid,
.effectiveness-answer-grid,
.effectiveness-detail-grid,
.effectiveness-hash-grid,
.effectiveness-register,
.effectiveness-blocked-grid,
.effectiveness-handoff-grid {
  display: grid;
  gap: .8rem;
}

.effectiveness-question-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.effectiveness-question-grid li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .65rem;
  align-items: start;
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
}

.effectiveness-question-grid li span {
  display: grid;
  place-items: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(168, 255, 55, .38);
  border-radius: 50%;
  color: var(--effectiveness-accent);
  font: 800 .72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.effectiveness-question-grid li strong {
  color: #eaf4f1;
  font-size: .88rem;
}

.effectiveness-separation-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.effectiveness-separation-grid article,
.effectiveness-source-grid article,
.effectiveness-detail-grid article,
.effectiveness-hash-grid article,
.effectiveness-blocked-grid article,
.effectiveness-handoff-grid article {
  min-width: 0;
  padding: .95rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
}

.effectiveness-separation-grid article > span,
.effectiveness-source-grid article > span,
.effectiveness-detail-grid article > span,
.effectiveness-hash-grid article > span,
.effectiveness-handoff-grid article > span,
.effectiveness-metrics article > span {
  display: block;
  margin-bottom: .38rem;
  color: #86a69e;
  font: 800 .64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.effectiveness-separation-grid p,
.effectiveness-source-grid p,
.effectiveness-detail-grid p,
.effectiveness-handoff-grid p {
  margin-bottom: 0;
}

.effectiveness-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto auto;
  gap: .72rem;
  align-items: end;
  margin-bottom: 1rem;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 1rem;
  background: rgba(5, 14, 18, .72);
}

.effectiveness-toolbar label {
  display: grid;
  min-width: 0;
  gap: .32rem;
  color: #a9bdb7;
  font: 700 .7rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.effectiveness-toolbar input,
.effectiveness-toolbar select {
  width: 100%;
  min-width: 0;
}

.effectiveness-result {
  padding: clamp(.85rem, 2.2vw, 1.35rem);
  border: 1px solid rgba(168, 255, 55, .22);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 90% 10%, rgba(168, 255, 55, .065), transparent 34%),
    linear-gradient(180deg, rgba(7, 18, 21, .95), rgba(4, 11, 15, .94));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}

.effectiveness-result__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.effectiveness-result__header > div:first-child {
  min-width: 0;
  max-width: 76ch;
}

.effectiveness-result__header > div:last-child {
  display: grid;
  justify-items: end;
  gap: .4rem;
}

.effectiveness-result__header h3 {
  margin: .2rem 0 .55rem;
  font-size: clamp(1.45rem, 3vw, 2.3rem);
}

.effectiveness-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1rem 0;
}

.effectiveness-metrics article {
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .025);
}

.effectiveness-metrics strong,
.effectiveness-metrics small {
  display: block;
  overflow-wrap: anywhere;
}

.effectiveness-metrics small {
  margin-top: .24rem;
  color: #8fa6a0;
}

.effectiveness-result__actions {
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.effectiveness-source-grid,
.effectiveness-detail-grid,
.effectiveness-hash-grid,
.effectiveness-handoff-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: .85rem;
}

.effectiveness-source-grid code,
.effectiveness-hash-grid code {
  display: block;
  max-width: 100%;
  padding: .55rem;
  border-radius: .6rem;
  background: rgba(0, 0, 0, .25);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.effectiveness-five-answer {
  margin-top: 1rem;
  padding: .9rem;
  border: 1px solid rgba(114, 199, 255, .18);
  border-radius: 1rem;
  background: rgba(114, 199, 255, .025);
}

.effectiveness-five-answer h4 {
  margin-top: 0;
}

.effectiveness-answer-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.effectiveness-answer-grid article {
  min-width: 0;
  padding: .75rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .022);
}

.effectiveness-answer-grid article > span {
  display: block;
  min-height: 3.4em;
  margin-bottom: .45rem;
  color: #b9cbc6;
  font-size: .78rem;
}

.effectiveness-detail-grid ul,
.effectiveness-card ul {
  margin: .45rem 0 0;
  padding-left: 1.05rem;
}

.effectiveness-detail-grid li {
  margin: .38rem 0;
}

.effectiveness-detail-grid li small {
  display: block;
  margin-top: .12rem;
  color: #91a8a2;
}

.effectiveness-compare-selector {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: 1rem;
}

.effectiveness-compare-selector label {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  min-width: 0;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .02);
}

.effectiveness-compare-selector label span {
  display: grid;
  min-width: 0;
  gap: .15rem;
  overflow-wrap: anywhere;
}

.effectiveness-compare-selector .button {
  justify-self: start;
}

.effectiveness-register {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.effectiveness-card {
  display: grid;
  align-content: start;
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .033), rgba(255, 255, 255, .012));
}

.effectiveness-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
  align-items: flex-start;
}

.effectiveness-card h3 {
  margin: .6rem 0 .4rem;
}

.effectiveness-card ul {
  color: #9cb0aa;
  font-size: .8rem;
}

.effectiveness-card a {
  align-self: end;
  margin-top: .65rem;
}

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

.effectiveness-blocked-grid article {
  border-color: rgba(255, 201, 107, .22);
}

.effectiveness-handoff-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.effectiveness-handoff-grid__evulgare {
  border-color: rgba(168, 255, 55, .28) !important;
  background: linear-gradient(180deg, rgba(168, 255, 55, .065), rgba(255, 255, 255, .012)) !important;
}

@media (max-width: 1180px) {
  .effectiveness-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .effectiveness-question-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .effectiveness-answer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .effectiveness-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .effectiveness-toolbar .button { justify-self: start; }
}

@media (max-width: 820px) {
  .effectiveness-question-grid,
  .effectiveness-separation-grid,
  .effectiveness-metrics,
  .effectiveness-source-grid,
  .effectiveness-answer-grid,
  .effectiveness-detail-grid,
  .effectiveness-hash-grid,
  .effectiveness-register,
  .effectiveness-blocked-grid,
  .effectiveness-handoff-grid,
  .effectiveness-compare-selector {
    grid-template-columns: 1fr 1fr;
  }
  .effectiveness-result__header { flex-direction: column; }
  .effectiveness-result__header > div:last-child { justify-items: start; }
  .effectiveness-handoff-grid__evulgare { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .effectiveness-manifesto__panel,
  .effectiveness-result,
  .effectiveness-toolbar,
  .effectiveness-separation-grid article,
  .effectiveness-source-grid article,
  .effectiveness-detail-grid article,
  .effectiveness-hash-grid article,
  .effectiveness-blocked-grid article,
  .effectiveness-handoff-grid article,
  .effectiveness-card {
    padding: .72rem;
  }
  .effectiveness-manifesto__panel h2 { font-size: clamp(1.95rem, 11.5vw, 2.8rem); }
  .effectiveness-flow,
  .effectiveness-question-grid,
  .effectiveness-separation-grid,
  .effectiveness-metrics,
  .effectiveness-source-grid,
  .effectiveness-answer-grid,
  .effectiveness-detail-grid,
  .effectiveness-hash-grid,
  .effectiveness-register,
  .effectiveness-blocked-grid,
  .effectiveness-handoff-grid,
  .effectiveness-compare-selector,
  .effectiveness-toolbar {
    grid-template-columns: 1fr;
  }
  .effectiveness-result__actions { flex-direction: column; }
  .effectiveness-result__actions .button { width: 100%; }
  .effectiveness-handoff-grid__evulgare { grid-column: auto; }
  .effectiveness-card > div:first-child { flex-direction: column; }
  .effectiveness-question-grid li { grid-template-columns: auto 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .effectiveness-manifesto::after { background-attachment: initial; }
}

/* Machine Answerability Monitoring, Regression, and Reopening Lab */
.answerability-monitoring-page {
  --monitoring-accent: #8dff76;
  --monitoring-accent-soft: rgba(141, 255, 118, .12);
  --monitoring-blue: #72c7ff;
  --monitoring-warning: #ffc96b;
  --monitoring-panel: rgba(7, 17, 23, .92);
}

.monitoring-manifesto {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(141, 255, 118, .12), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(114, 199, 255, .10), transparent 30%),
    #040b10;
}

.monitoring-manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(141, 255, 118, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(141, 255, 118, .045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, #000, transparent 86%);
}

.monitoring-manifesto__panel {
  position: relative;
  z-index: 1;
  padding: clamp(1.15rem, 3vw, 2.2rem);
  border: 1px solid rgba(141, 255, 118, .24);
  border-radius: 1.25rem;
  background: linear-gradient(180deg, rgba(8, 21, 27, .94), rgba(3, 10, 14, .92));
  box-shadow: 0 30px 80px rgba(0, 0, 0, .32), inset 0 0 0 1px rgba(255, 255, 255, .02);
}

.monitoring-manifesto__panel h2 {
  max-width: 18ch;
  margin: .35rem 0 .9rem;
  font-size: clamp(2.15rem, 5.3vw, 5.25rem);
  line-height: .96;
  letter-spacing: -.045em;
}

.monitoring-manifesto__lede { max-width: 72ch; color: #c5d8df; }
.monitoring-manifesto blockquote {
  margin: 1.2rem 0;
  padding: .9rem 1rem;
  border-left: .28rem solid var(--monitoring-accent);
  background: rgba(141, 255, 118, .07);
  color: #f4fff0;
  font-weight: 800;
  letter-spacing: .035em;
}

.monitoring-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .55rem;
  margin: 1.15rem 0;
}

.monitoring-flow span {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 3.15rem;
  padding: .65rem .75rem;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .03);
  color: #d9eaf0;
  font: 700 .72rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.monitoring-flow span::before {
  content: "";
  position: absolute;
  top: -.22rem;
  left: .7rem;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--monitoring-accent);
  box-shadow: 0 0 12px rgba(141, 255, 118, .65);
}

.monitoring-separation-grid,
.monitoring-metrics,
.monitoring-source-grid,
.monitoring-detail-grid,
.monitoring-register,
.monitoring-handoff-grid,
.monitoring-compare-selector {
  display: grid;
  gap: .75rem;
}

.monitoring-separation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.monitoring-separation-grid article,
.monitoring-source-grid article,
.monitoring-detail-grid article,
.monitoring-handoff-grid article,
.monitoring-blocked {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012));
}

.monitoring-separation-grid article > span,
.monitoring-source-grid article > span,
.monitoring-detail-grid article > span,
.monitoring-handoff-grid article > span,
.monitoring-metrics article > span {
  display: block;
  margin-bottom: .45rem;
  color: #90a8b5;
  font: 700 .65rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.monitoring-separation-grid p,
.monitoring-source-grid p,
.monitoring-detail-grid p,
.monitoring-handoff-grid p { margin-bottom: 0; }

.monitoring-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: rgba(5, 14, 19, .88);
}

.monitoring-toolbar label { display: grid; gap: .35rem; }
.monitoring-toolbar label > span {
  color: #9fb5c1;
  font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.monitoring-toolbar input,
.monitoring-toolbar select { width: 100%; }
.monitoring-toolbar .button { align-self: end; justify-self: start; }

.monitoring-result {
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid rgba(141, 255, 118, .22);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 90% 0%, rgba(114, 199, 255, .08), transparent 24%),
    var(--monitoring-panel);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}

.monitoring-result__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.monitoring-result__header > div:first-child { min-width: 0; }
.monitoring-result__header > div:last-child { display: grid; gap: .55rem; justify-items: end; max-width: 42%; }
.monitoring-result__header h3 { margin: .25rem 0 .55rem; font-size: clamp(1.55rem, 3vw, 2.6rem); }
.monitoring-result__header code,
.monitoring-source-grid code { overflow-wrap: anywhere; word-break: break-word; }

.monitoring-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 1rem 0;
}
.monitoring-metrics article {
  padding: .8rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .025);
}
.monitoring-metrics strong,
.monitoring-metrics small { display: block; }
.monitoring-metrics strong { color: #f1fbfd; }
.monitoring-metrics small { margin-top: .28rem; color: #94aab5; }
.monitoring-result__actions { margin: 1rem 0; }

.monitoring-source-grid,
.monitoring-detail-grid,
.monitoring-handoff-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .85rem; }
.monitoring-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.monitoring-detail-grid ul,
.monitoring-card ul { margin: .55rem 0 0; padding-left: 1.1rem; }
.monitoring-detail-grid li { margin-bottom: .45rem; }
.monitoring-detail-grid li small { display: block; color: #8fa6b3; }

.monitoring-path {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .45rem;
  margin: 1rem 0;
}
.monitoring-path__item {
  display: grid;
  gap: .35rem;
  min-height: 5.15rem;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
}
.monitoring-path__item span {
  color: #d9eaf0;
  font: 700 .66rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
}
.monitoring-path__item strong { align-self: end; color: #8fa7b5; font-size: .76rem; }
.monitoring-path__item--complete { border-color: rgba(141, 255, 118, .32); background: rgba(141, 255, 118, .065); }
.monitoring-path__item--active { border-color: rgba(255, 201, 107, .38); background: rgba(255, 201, 107, .065); }
.monitoring-path__item--pending { border-style: dashed; }
.monitoring-path__item--not-applicable { opacity: .58; }

.monitoring-compare-selector {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 1rem;
}
.monitoring-compare-selector label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .55rem;
  align-items: start;
  padding: .68rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .02);
}
.monitoring-compare-selector label span { display: grid; gap: .2rem; }
.monitoring-compare-selector .button { justify-self: start; }

.monitoring-register { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.monitoring-card {
  display: flex;
  flex-direction: column;
  padding: .95rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, .012));
}
.monitoring-card > div:first-child { display: flex; justify-content: space-between; gap: .6rem; align-items: flex-start; }
.monitoring-card h3 { margin: .65rem 0 .45rem; }
.monitoring-card a { margin-top: auto; padding-top: .7rem; }
.monitoring-blocked { border-color: rgba(255, 201, 107, .26); }
.monitoring-handoff-grid__evulgare { border-color: rgba(141, 255, 118, .26) !important; }

@media (max-width: 1120px) {
  .monitoring-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .monitoring-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .monitoring-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .monitoring-path { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .monitoring-register { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .monitoring-separation-grid,
  .monitoring-source-grid,
  .monitoring-detail-grid,
  .monitoring-handoff-grid,
  .monitoring-compare-selector,
  .monitoring-register { grid-template-columns: 1fr; }
  .monitoring-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .monitoring-result__header { flex-direction: column; }
  .monitoring-result__header > div:last-child { max-width: none; justify-items: start; }
  .monitoring-handoff-grid__evulgare { grid-column: auto; }
}

@media (max-width: 560px) {
  .monitoring-manifesto__panel,
  .monitoring-result,
  .monitoring-toolbar,
  .monitoring-separation-grid article,
  .monitoring-source-grid article,
  .monitoring-detail-grid article,
  .monitoring-handoff-grid article,
  .monitoring-card,
  .monitoring-blocked { padding: .76rem; }
  .monitoring-manifesto__panel h2 { font-size: clamp(1.95rem, 12vw, 2.8rem); }
  .monitoring-flow,
  .monitoring-toolbar,
  .monitoring-metrics,
  .monitoring-path { grid-template-columns: 1fr; }
  .monitoring-result__actions { flex-direction: column; }
  .monitoring-result__actions .button { width: 100%; }
  .monitoring-card > div:first-child { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .monitoring-manifesto::after { background-attachment: initial; }
}

/* Machine Answerability Monitoring Coverage, Blind-Spot, and Alert Integrity Lab */
.answerability-coverage-page {
  --coverage-accent: #8dff76;
  --coverage-cyan: #69e5ff;
  --coverage-warning: #ffc96b;
  --coverage-danger: #ff8f8f;
  --coverage-panel: rgba(7, 17, 23, .93);
}

.coverage-manifesto {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(105, 229, 255, .11), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(141, 255, 118, .09), transparent 32%),
    linear-gradient(180deg, rgba(5, 13, 18, .98), rgba(2, 8, 12, .98));
}
.coverage-manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background:
    linear-gradient(rgba(105, 229, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 229, 255, .04) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 50% 35%, #000, transparent 86%);
}
.coverage-manifesto__panel {
  position: relative;
  z-index: 1;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid rgba(105, 229, 255, .19);
  border-radius: 1.35rem;
  background: linear-gradient(180deg, rgba(8, 22, 28, .92), rgba(4, 11, 16, .91));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .018);
}
.coverage-manifesto__panel h2 {
  max-width: 18ch;
  margin: .35rem 0 .75rem;
  font-size: clamp(2.3rem, 6vw, 5.7rem);
  line-height: .94;
  letter-spacing: -.045em;
}
.coverage-manifesto__lede { max-width: 76ch; color: #c8d9e0; }
.coverage-manifesto blockquote {
  margin: 1rem 0;
  padding: .8rem 1rem;
  border-left: .3rem solid var(--coverage-accent);
  background: rgba(141, 255, 118, .055);
  color: #effbf2;
  font-size: clamp(1.05rem, 2.1vw, 1.45rem);
}
.coverage-flow {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: .5rem;
  margin: 1.15rem 0;
}
.coverage-flow span {
  position: relative;
  min-height: 4rem;
  padding: .65rem .55rem .65rem 1.05rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #c8dce5;
  font: 700 .65rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.coverage-flow span::before {
  content: "";
  position: absolute;
  left: .45rem;
  top: .9rem;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--coverage-cyan);
  box-shadow: 0 0 10px rgba(105, 229, 255, .5);
}
.coverage-separation-grid,
.coverage-dimension-catalog,
.coverage-metrics,
.coverage-source-grid,
.coverage-detail-grid,
.coverage-register,
.coverage-handoff-grid,
.coverage-compare-selector {
  display: grid;
  gap: .8rem;
}
.coverage-separation-grid,
.coverage-dimension-catalog { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.coverage-separation-grid article,
.coverage-dimension-catalog article,
.coverage-source-grid article,
.coverage-detail-grid article,
.coverage-handoff-grid article,
.coverage-blocked {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .033), rgba(255, 255, 255, .012));
}
.coverage-separation-grid article > span,
.coverage-source-grid article > span,
.coverage-detail-grid article > span,
.coverage-handoff-grid article > span,
.coverage-metrics article > span {
  display: block;
  margin-bottom: .45rem;
  color: #8ba5b2;
  font: 700 .63rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.coverage-dimension-catalog code,
.coverage-result__header code,
.coverage-source-grid code,
.coverage-card code { overflow-wrap: anywhere; word-break: break-word; }
.coverage-dimension-catalog h3 { margin: .55rem 0 .4rem; }
.coverage-separation-grid p,
.coverage-source-grid p,
.coverage-detail-grid p,
.coverage-handoff-grid p { margin-bottom: 0; }
.coverage-toolbar {
  display: grid;
  grid-template-columns: minmax(190px, 1.3fr) repeat(4, minmax(150px, .8fr));
  gap: .75rem;
  padding: .9rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(105, 229, 255, .13);
  border-radius: 1rem;
  background: rgba(5, 14, 19, .75);
}
.coverage-toolbar label { display: grid; gap: .35rem; }
.coverage-toolbar label > span {
  color: #8ea7b4;
  font: 700 .64rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.coverage-toolbar input,
.coverage-toolbar select { width: 100%; }
.coverage-toolbar .button { align-self: end; justify-self: start; }
.coverage-result {
  padding: clamp(.9rem, 2.4vw, 1.35rem);
  border: 1px solid rgba(105, 229, 255, .18);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 90% 0, rgba(141, 255, 118, .055), transparent 32%),
    var(--coverage-panel);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}
.coverage-result__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.coverage-result__header > div:first-child { min-width: 0; }
.coverage-result__header > div:last-child { display: grid; gap: .55rem; justify-items: end; max-width: 42%; }
.coverage-result__header h3 { margin: .25rem 0 .55rem; font-size: clamp(1.55rem, 3vw, 2.65rem); }
.coverage-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 1rem 0;
}
.coverage-metrics article {
  min-width: 0;
  padding: .8rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .022);
}
.coverage-metrics strong,
.coverage-metrics small { display: block; }
.coverage-metrics strong { color: #f2fbfd; overflow-wrap: anywhere; }
.coverage-metrics small { margin-top: .28rem; color: #91a9b5; }
.coverage-result__actions { margin: 1rem 0; }
.coverage-source-grid,
.coverage-detail-grid,
.coverage-handoff-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .85rem; }
.coverage-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.coverage-detail-grid ul,
.coverage-card ul { margin: .55rem 0 0; padding-left: 1.1rem; }
.coverage-detail-grid li { margin-bottom: .42rem; }
.coverage-dimension-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  margin: 1rem 0;
}
.coverage-dimension-map__item {
  display: grid;
  gap: .3rem;
  min-width: 0;
  padding: .82rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .9rem;
  background: rgba(255, 255, 255, .022);
}
.coverage-dimension-map__item span { color: #a9bec8; font-size: .82rem; }
.coverage-dimension-map__item strong { color: #f2f9fb; }
.coverage-dimension-map__item small { color: #839ca8; }
.coverage-dimension-map__item--covered { border-color: rgba(141, 255, 118, .26); background: rgba(141, 255, 118, .045); }
.coverage-dimension-map__item--partial { border-color: rgba(105, 229, 255, .24); }
.coverage-dimension-map__item--blind-spot,
.coverage-dimension-map__item--out-of-scope,
.coverage-dimension-map__item--stale-baseline { border-color: rgba(255, 201, 107, .3); background: rgba(255, 201, 107, .04); }
.coverage-dimension-map__item--unknown { border-style: dashed; opacity: .82; }
.coverage-path {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: .5rem;
  margin: 1rem 0;
}
.coverage-path__item {
  display: grid;
  min-height: 5rem;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .02);
}
.coverage-path__item span { color: #d8e8ee; font-size: .78rem; }
.coverage-path__item strong { align-self: end; color: #8ea6b2; font-size: .7rem; }
.coverage-path__item--complete { border-color: rgba(141, 255, 118, .3); background: rgba(141, 255, 118, .05); }
.coverage-path__item--active { border-color: rgba(255, 201, 107, .35); background: rgba(255, 201, 107, .05); }
.coverage-path__item--pending { border-style: dashed; }
.coverage-path__item--not-applicable { opacity: .56; }
.coverage-compare-selector {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 1rem;
}
.coverage-compare-selector label {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  padding: .72rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .02);
}
.coverage-compare-selector label span { display: grid; gap: .2rem; }
.coverage-compare-selector .button { justify-self: start; }
.coverage-register { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.coverage-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}
.coverage-card > div:first-child { display: flex; justify-content: space-between; gap: .6rem; align-items: flex-start; }
.coverage-card h3 { margin: .65rem 0 .45rem; }
.coverage-card a { margin-top: auto; padding-top: .7rem; }
.coverage-blocked { border-color: rgba(255, 143, 143, .3); }
.coverage-handoff-grid__evulgare { border-color: rgba(141, 255, 118, .26) !important; }
@media (max-width: 1180px) {
  .coverage-flow,
  .coverage-path { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .coverage-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coverage-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .coverage-separation-grid,
  .coverage-dimension-catalog,
  .coverage-source-grid,
  .coverage-detail-grid,
  .coverage-handoff-grid,
  .coverage-compare-selector,
  .coverage-register { grid-template-columns: 1fr; }
  .coverage-dimension-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coverage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coverage-result__header { flex-direction: column; }
  .coverage-result__header > div:last-child { max-width: none; justify-items: start; }
}
@media (max-width: 560px) {
  .coverage-manifesto__panel,
  .coverage-result,
  .coverage-toolbar,
  .coverage-separation-grid article,
  .coverage-dimension-catalog article,
  .coverage-source-grid article,
  .coverage-detail-grid article,
  .coverage-handoff-grid article,
  .coverage-card,
  .coverage-blocked { padding: .76rem; }
  .coverage-manifesto__panel h2 { font-size: clamp(1.95rem, 12vw, 2.9rem); }
  .coverage-flow,
  .coverage-toolbar,
  .coverage-metrics,
  .coverage-dimension-map,
  .coverage-path { grid-template-columns: 1fr; }
  .coverage-result__actions { flex-direction: column; }
  .coverage-result__actions .button { width: 100%; }
  .coverage-card > div:first-child { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .coverage-manifesto::after { background-attachment: initial; }
}

/* v1.36.0 — Machine Answerability Coverage Remediation Validation and Alert Path Drill */
.answerability-validation-page {
  --validation-accent: #8dff76;
  --validation-cyan: #69e5ff;
  --validation-warning: #ffc96b;
  --validation-danger: #ff8f8f;
  --validation-violet: #c29bff;
  --validation-panel: rgba(7, 17, 23, .94);
}
.validation-manifesto {
  position: relative;
  overflow: hidden;
  padding-top: clamp(1.5rem, 4vw, 3rem);
}
.validation-manifesto::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .34;
  background:
    linear-gradient(90deg, transparent 0 7%, rgba(105, 229, 255, .055) 7% 7.25%, transparent 7.25% 100%),
    linear-gradient(rgba(141, 255, 118, .035) 1px, transparent 1px);
  background-size: 13rem 100%, 100% 2.5rem;
  mask-image: linear-gradient(to bottom, black, transparent 94%);
}
.validation-manifesto__panel {
  padding: clamp(1.15rem, 3vw, 2rem);
  border: 1px solid rgba(141, 255, 118, .22);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 88% 5%, rgba(105, 229, 255, .09), transparent 31%),
    radial-gradient(circle at 10% 0, rgba(141, 255, 118, .07), transparent 34%),
    var(--validation-panel);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .35);
}
.validation-manifesto__panel h2 {
  max-width: 1050px;
  font-size: clamp(2.3rem, 6.5vw, 5.8rem);
  text-wrap: balance;
}
.validation-manifesto__lede {
  max-width: 1000px;
  color: #c6dbe3;
  font-size: clamp(1.02rem, 1.8vw, 1.28rem);
}
.validation-manifesto blockquote {
  margin: 1rem 0;
  padding: .85rem 1rem;
  border-left: .3rem solid var(--validation-accent);
  background: rgba(141, 255, 118, .05);
  color: #effbf2;
  font-size: clamp(1.05rem, 2.1vw, 1.45rem);
}
.validation-flow {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: .46rem;
  margin: 1.15rem 0;
}
.validation-flow span {
  position: relative;
  min-height: 4.3rem;
  padding: .65rem .52rem .65rem 1.05rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #c8dce5;
  font: 700 .62rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.validation-flow span::before {
  content: "";
  position: absolute;
  left: .43rem;
  top: .9rem;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--validation-cyan);
  box-shadow: 0 0 10px rgba(105, 229, 255, .5);
}
.validation-separation-grid,
.validation-preset-grid,
.validation-source-grid,
.validation-evidence-grid,
.validation-unsupported-grid,
.validation-handoff-grid,
.validation-builder,
.validation-injection-grid {
  display: grid;
  gap: .8rem;
}
.validation-separation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.validation-separation-grid .card {
  min-width: 0;
  border-color: rgba(105, 229, 255, .12);
  background: linear-gradient(180deg, rgba(105, 229, 255, .035), rgba(255, 255, 255, .012));
}
.validation-preset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.validation-preset-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .032), rgba(255, 255, 255, .012));
}
.validation-preset-card.is-selected {
  border-color: rgba(141, 255, 118, .34);
  box-shadow: inset 0 0 0 1px rgba(141, 255, 118, .08);
}
.validation-preset-card > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
  align-items: flex-start;
}
.validation-preset-card code,
.validation-source-card code,
.validation-stage code,
.validation-unsupported-grid code,
.validation-handoff-grid code,
.validation-summary-grid code {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.validation-preset-card h3 { margin: .7rem 0 .45rem; }
.validation-preset-card ul { margin: .25rem 0 .9rem; color: #a9bfca; }
.validation-preset-card a { margin-top: auto; }
.validation-builder {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: clamp(.9rem, 2.6vw, 1.35rem);
  border: 1px solid rgba(105, 229, 255, .16);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 90% 0, rgba(194, 155, 255, .05), transparent 30%),
    rgba(5, 14, 19, .78);
}
.validation-builder > label {
  display: grid;
  gap: .36rem;
  min-width: 0;
}
.validation-builder > label > span,
.validation-injections legend {
  color: #a9bfca;
  font: 700 .68rem/1.25 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.validation-builder select { width: 100%; min-width: 0; }
.validation-injections {
  grid-column: 1 / -1;
  min-width: 0;
  margin: .2rem 0;
  padding: .85rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: .95rem;
}
.validation-injections legend small { color: #7f98a5; text-transform: none; letter-spacing: 0; }
.validation-injection-count { margin: 0 0 .65rem; color: #8ea6b3; font-size: .86rem; }
.validation-injection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.validation-injection-grid label {
  display: flex;
  gap: .65rem;
  align-items: flex-start;
  min-width: 0;
  padding: .72rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: .85rem;
  background: rgba(255, 255, 255, .018);
}
.validation-injection-grid label:has(input:checked) {
  border-color: rgba(255, 201, 107, .32);
  background: rgba(255, 201, 107, .04);
}
.validation-injection-grid input { flex: 0 0 auto; margin-top: .25rem; }
.validation-injection-grid span { display: grid; gap: .18rem; min-width: 0; color: #9eb4bf; font-size: .88rem; }
.validation-injection-grid strong { color: #eef7fa; }
.validation-builder > .button-row,
.validation-builder > .form-note { grid-column: 1 / -1; }
.validation-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.validation-source-card {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .033), rgba(255, 255, 255, .012));
}
.validation-source-card > span,
.validation-evidence-grid article > span,
.validation-handoff-grid article > span {
  display: block;
  margin-bottom: .42rem;
  color: #8ca6b2;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.validation-source-card h3 { margin-top: .65rem; }
.validation-source-card dl { display: grid; gap: .55rem; margin: .85rem 0; }
.validation-source-card dl div {
  min-width: 0;
  padding: .65rem;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .018);
}
.validation-source-card dt { color: #819aa7; font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; }
.validation-source-card dd { margin: .22rem 0 0; color: #dcebf0; }
.validation-stage-list {
  display: grid;
  gap: .72rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: validation-stage;
}
.validation-stage {
  display: grid;
  grid-template-columns: 2.7rem minmax(0, 1fr);
  gap: .8rem;
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, .012));
}
.validation-stage--passed { border-color: rgba(141, 255, 118, .25); background: linear-gradient(90deg, rgba(141, 255, 118, .045), rgba(255, 255, 255, .012)); }
.validation-stage--failed { border-color: rgba(255, 143, 143, .29); background: linear-gradient(90deg, rgba(255, 143, 143, .045), rgba(255, 255, 255, .012)); }
.validation-stage--blocked { border-color: rgba(255, 201, 107, .26); background: linear-gradient(90deg, rgba(255, 201, 107, .04), rgba(255, 255, 255, .012)); }
.validation-stage--unknown { border-style: dashed; border-color: rgba(194, 155, 255, .29); }
.validation-stage__number {
  display: grid;
  place-items: center;
  width: 2.45rem;
  height: 2.45rem;
  border: 1px solid rgba(105, 229, 255, .2);
  border-radius: 50%;
  background: rgba(105, 229, 255, .045);
  color: #dff8ff;
  font: 800 .78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.validation-stage__body { min-width: 0; }
.validation-stage__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.validation-stage__heading > div { min-width: 0; }
.validation-stage__heading h3 { margin: .22rem 0 .42rem; }
.validation-stage__question { color: #bdcfd7; font-weight: 650; }
.validation-stage__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .75rem;
}
.validation-stage__meta span {
  min-width: 0;
  padding: .58rem;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: .7rem;
  background: rgba(255, 255, 255, .015);
  color: #91a9b4;
  font-size: .82rem;
  overflow-wrap: anywhere;
}
.validation-stage__meta strong { color: #dce9ee; }
.validation-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.validation-evidence-grid article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .02);
}
.validation-evidence-grid ul { margin: .5rem 0 0; padding-left: 1.1rem; }
.validation-evidence-grid li { display: grid; gap: .18rem; }
.validation-summary-card {
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid rgba(141, 255, 118, .22);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 92% 0, rgba(105, 229, 255, .07), transparent 28%),
    var(--validation-panel);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28);
}
.validation-summary-card__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.validation-summary-card__heading > div { min-width: 0; }
.validation-summary-card__finding { max-width: 1050px; color: #c6d8df; font-size: 1.05rem; }
.validation-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 1rem 0;
}
.validation-summary-grid div {
  min-width: 0;
  padding: .7rem;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: .78rem;
  background: rgba(255, 255, 255, .018);
}
.validation-summary-grid dt { color: #819aa7; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; }
.validation-summary-grid dd { margin: .25rem 0 0; color: #eef7fa; overflow-wrap: anywhere; }
.validation-unsupported-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.validation-unsupported-grid article {
  min-width: 0;
  padding: .82rem;
  border: 1px dashed rgba(255, 201, 107, .23);
  border-radius: .86rem;
  background: rgba(255, 201, 107, .025);
}
.validation-unsupported-grid p { margin: .45rem 0 0; color: #c6d7de; }
.validation-handoff-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.validation-handoff-grid article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}
.validation-handoff-grid h3 { margin: .65rem 0 .5rem; }
.validation-handoff-grid a { margin-top: auto; padding-top: .7rem; }
.validation-handoff-card--evulgare { border-color: rgba(141, 255, 118, .2) !important; }
.validation-handoff-card--killwebs { border-color: rgba(105, 229, 255, .2) !important; }
.answerability-validation-enhanced .validation-summary-actions { display: flex; }
@media (max-width: 1220px) {
  .validation-flow { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .validation-unsupported-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .validation-handoff-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .validation-separation-grid,
  .validation-preset-grid,
  .validation-source-grid,
  .validation-evidence-grid,
  .validation-handoff-grid { grid-template-columns: 1fr; }
  .validation-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .validation-flow,
  .validation-builder,
  .validation-injection-grid,
  .validation-stage__meta,
  .validation-summary-grid,
  .validation-unsupported-grid { grid-template-columns: 1fr; }
  .validation-stage { grid-template-columns: 2.35rem minmax(0, 1fr); padding: .75rem; }
  .validation-stage__heading,
  .validation-summary-card__heading,
  .validation-preset-card > div:first-child { flex-direction: column; }
  .validation-builder > .button-row { flex-direction: column; }
  .validation-builder > .button-row .button { width: 100%; }
}
@media (max-width: 480px) {
  .validation-manifesto__panel,
  .validation-builder,
  .validation-preset-card,
  .validation-source-card,
  .validation-evidence-grid article,
  .validation-summary-card,
  .validation-handoff-grid article { padding: .76rem; }
  .validation-manifesto__panel h2 { font-size: clamp(1.9rem, 12vw, 2.8rem); }
  .validation-stage { grid-template-columns: 1fr; }
  .validation-stage__number { width: 2.2rem; height: 2.2rem; }
  .validation-summary-actions { flex-direction: column; }
  .validation-summary-actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .validation-manifesto::after { background-attachment: initial; }
}

/* Machine Answerability validation exception, retest, and escalation ledger */
.answerability-retest-page {
  --retest-cyan: #69e5ff;
  --retest-amber: #ffc96b;
  --retest-green: #8dff76;
  --retest-purple: #c29bff;
}
.retest-flow {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .46rem;
  margin: 1.15rem 0;
}
.retest-flow span {
  position: relative;
  min-height: 4.15rem;
  padding: .65rem .52rem .65rem 1.05rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: .8rem;
  background: rgba(255, 255, 255, .025);
  color: #c8dce5;
  font: 700 .6rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.retest-flow span::before {
  content: "";
  position: absolute;
  left: .43rem;
  top: .9rem;
  width: .38rem;
  height: .38rem;
  border-radius: 50%;
  background: var(--retest-amber);
  box-shadow: 0 0 10px rgba(255, 201, 107, .45);
}
.retest-source-card {
  border-color: rgba(194, 155, 255, .23);
  background: linear-gradient(180deg, rgba(194, 155, 255, .045), rgba(255, 255, 255, .012));
}
.retest-lifecycle-stage {
  border-color: rgba(194, 155, 255, .16);
}
.retest-diff-list {
  display: grid;
  gap: .8rem;
}
.retest-diff-card {
  min-width: 0;
  padding: .95rem;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .012));
}
.retest-diff-card.has-change {
  border-color: rgba(255, 201, 107, .25);
  background: linear-gradient(180deg, rgba(255, 201, 107, .035), rgba(255, 255, 255, .012));
}
.retest-diff-card__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: .72rem;
}
.retest-diff-card__heading > div { min-width: 0; }
.retest-diff-card__heading h3 { margin: .22rem 0 0; }
.retest-diff-card code,
.retest-diff-grid small { overflow-wrap: anywhere; word-break: break-word; }
.retest-diff-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}
.retest-diff-grid section {
  min-width: 0;
  padding: .78rem;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: .82rem;
  background: rgba(255, 255, 255, .017);
}
.retest-diff-grid section > span {
  display: block;
  margin-bottom: .5rem;
  color: #8ca6b2;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.retest-diff-grid p { color: #c8d9e0; }
.retest-diff-grid small { display: block; color: #8fa7b2; }
.retest-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.answerability-retest-enhanced .validation-summary-actions { display: flex; }
@media (max-width: 1220px) {
  .retest-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .retest-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .retest-flow,
  .retest-diff-grid,
  .retest-summary-grid { grid-template-columns: 1fr; }
  .retest-diff-card__heading { flex-direction: column; }
}
@media (max-width: 480px) {
  .retest-diff-card,
  .retest-diff-grid section { padding: .72rem; }
}
@media (forced-colors: active) {
  .retest-flow span,
  .retest-diff-card,
  .retest-diff-grid section,
  .retest-source-card { border: 1px solid CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
  .retest-flow span::before { background: CanvasText; box-shadow: none; }
}
@media print {
  .retest-builder,
  .answerability-retest-enhanced .validation-summary-actions { display: none !important; }
  .retest-diff-card,
  .retest-diff-grid section { break-inside: avoid; box-shadow: none; }
}

/* Machine Answerability exception recurrence, cohort, and systemic pattern review */
.answerability-patterns-page {
  --patterns-cyan: #69e5ff;
  --patterns-amber: #ffc96b;
  --patterns-green: #8dff76;
  --patterns-purple: #c29bff;
  --patterns-panel: rgba(8, 20, 28, .92);
}
.patterns-logic-strip {
  display: grid;
  grid-template-columns: repeat(11, auto);
  gap: .48rem;
  align-items: center;
  margin: 1.1rem 0 0;
  padding: .8rem;
  border: 1px solid rgba(105, 229, 255, .16);
  border-radius: .95rem;
  background: rgba(5, 18, 25, .58);
  overflow-x: auto;
  scrollbar-width: thin;
}
.patterns-logic-strip span {
  white-space: nowrap;
  color: #c9dce5;
  font: 700 .64rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.patterns-logic-strip span[aria-hidden="true"] { color: var(--patterns-amber); }
.patterns-separation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.patterns-preset-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.patterns-preset-grid dl,
.patterns-branch-grid,
.patterns-cohort-grid article dl {
  display: grid;
  gap: .48rem;
  margin: .8rem 0;
}
.patterns-preset-grid dl div,
.patterns-branch-grid div,
.patterns-cohort-grid article dl div {
  min-width: 0;
  padding: .58rem;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: .68rem;
  background: rgba(255,255,255,.017);
}
.patterns-preset-grid dt,
.patterns-branch-grid dt,
.patterns-cohort-grid article dt {
  color: #829ca8;
  font: 700 .62rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.patterns-preset-grid dd,
.patterns-branch-grid dd,
.patterns-cohort-grid article dd {
  margin: .24rem 0 0;
  color: #edf7fa;
  overflow-wrap: anywhere;
}
.validation-workbench {
  display: grid;
  gap: 1rem;
  padding: clamp(.85rem, 3vw, 1.45rem);
  border: 1px solid rgba(105, 229, 255, .2);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(194, 155, 255, .055), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
}
.validation-workbench fieldset {
  min-width: 0;
  margin: 0;
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .95rem;
}
.validation-workbench legend {
  max-width: 100%;
  padding: 0 .4rem;
  color: #f2f9fb;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.validation-option-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .62rem;
}
.validation-option-card {
  display: flex;
  gap: .58rem;
  min-width: 0;
  padding: .72rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .78rem;
  background: rgba(255,255,255,.018);
  cursor: pointer;
}
.validation-option-card:has(input:checked) {
  border-color: rgba(141,255,118,.3);
  background: rgba(141,255,118,.035);
}
.validation-option-card:focus-within { outline: 2px solid var(--patterns-cyan); outline-offset: 2px; }
.validation-option-card input { flex: 0 0 auto; margin-top: .18rem; }
.validation-option-card span { min-width: 0; }
.validation-option-card strong,
.validation-option-card small { display: block; overflow-wrap: anywhere; }
.validation-option-card small { margin-top: .32rem; color: #8fa7b2; line-height: 1.45; }
.validation-option-card input:disabled + span { opacity: .52; }
.form-grid--three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
}
.form-grid--three label { min-width: 0; }
.form-grid--three label > span {
  display: block;
  margin-bottom: .35rem;
  color: #a9bec7;
  font-size: .76rem;
  font-weight: 750;
}
.form-grid--three select {
  width: 100%;
  min-height: 2.85rem;
  padding: .58rem .7rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: .7rem;
  background: #0b1820;
  color: #f0f7fa;
}
.form-grid--three select:focus { outline: 2px solid var(--patterns-cyan); outline-offset: 2px; }
.patterns-source-list,
.patterns-event-list {
  display: grid;
  gap: .82rem;
}
.patterns-source-card {
  min-width: 0;
  padding: clamp(.82rem, 2.4vw, 1.15rem);
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01));
}
.patterns-source-card.is-admitted { border-color: rgba(141,255,118,.24); }
.patterns-source-card.is-excluded { border-color: rgba(255,201,107,.28); background: linear-gradient(180deg, rgba(255,201,107,.035), rgba(255,255,255,.01)); }
.patterns-source-card__heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}
.patterns-source-card__heading > div { min-width: 0; }
.patterns-branch-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.patterns-source-card__reasons {
  margin-top: .8rem;
  padding: .72rem;
  border-left: 3px solid rgba(105,229,255,.32);
  background: rgba(105,229,255,.025);
}
.patterns-source-card__reasons ul,
.patterns-source-card details p { overflow-wrap: anywhere; }
.hash-wrap { word-break: break-all; }
.patterns-status-grid,
.patterns-count-grid,
.patterns-dependency-grid,
.patterns-support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
}
.patterns-status-grid article,
.patterns-count-grid article,
.patterns-dependency-grid article,
.patterns-support-grid article {
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .9rem;
  background: rgba(255,255,255,.018);
}
.patterns-status-grid span,
.patterns-count-grid span,
.patterns-dependency-grid span,
.patterns-support-grid span {
  display: block;
  color: #879fab;
  font: 700 .64rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.patterns-status-grid strong,
.patterns-count-grid strong {
  display: block;
  margin-top: .42rem;
  color: #f1f8fa;
  font-size: clamp(1.25rem, 3vw, 2rem);
  overflow-wrap: anywhere;
}
.validation-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.validation-path-card {
  position: relative;
  min-width: 0;
  padding: .9rem;
  border: 1px solid rgba(194,155,255,.16);
  border-radius: .92rem;
  background: rgba(255,255,255,.018);
}
.validation-path-card > span:first-child {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: .5rem;
  border-radius: 50%;
  background: rgba(194,155,255,.12);
  color: #e6d8ff;
  font-weight: 850;
}
.validation-path-card code { display: block; overflow-wrap: anywhere; }
.validation-path-card h3 { margin: .5rem 0; }
.patterns-event-list { margin-top: .85rem; }
.patterns-event-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .6rem 1rem;
  align-items: start;
  min-width: 0;
  padding: .85rem;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: .86rem;
  background: rgba(255,255,255,.016);
}
.patterns-event-list article > div { min-width: 0; }
.patterns-event-list h3 { margin: .32rem 0 0; }
.patterns-event-list p { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; }
.patterns-cohort-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .72rem;
}
.patterns-cohort-grid > article {
  min-width: 0;
  padding: .86rem;
  border: 1px solid rgba(105,229,255,.13);
  border-radius: .9rem;
  background: rgba(105,229,255,.018);
}
.patterns-cohort-grid code { overflow-wrap: anywhere; }
.patterns-explanation-list { margin-top: .8rem; }
.patterns-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.answerability-patterns-enhanced .validation-summary-actions { display: flex; }
@media (max-width: 1220px) {
  .patterns-separation-grid,
  .patterns-preset-grid,
  .validation-option-grid,
  .patterns-cohort-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .patterns-branch-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .patterns-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .form-grid--three,
  .patterns-status-grid,
  .patterns-count-grid,
  .patterns-dependency-grid,
  .patterns-support-grid,
  .validation-path-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .patterns-branch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .patterns-separation-grid,
  .patterns-preset-grid,
  .validation-option-grid,
  .form-grid--three,
  .patterns-status-grid,
  .patterns-count-grid,
  .patterns-dependency-grid,
  .patterns-support-grid,
  .validation-path-grid,
  .patterns-cohort-grid,
  .patterns-branch-grid,
  .patterns-summary-grid { grid-template-columns: 1fr; }
  .patterns-source-card__heading,
  .patterns-event-list article { display: flex; flex-direction: column; }
  .patterns-event-list article p { grid-column: auto; }
  .patterns-workbench > .button-row { flex-direction: column; }
  .patterns-workbench > .button-row .button { width: 100%; }
}
@media (max-width: 480px) {
  .validation-workbench,
  .validation-workbench fieldset,
  .patterns-source-card,
  .patterns-status-grid article,
  .patterns-count-grid article,
  .patterns-dependency-grid article,
  .patterns-support-grid article,
  .validation-path-card,
  .patterns-cohort-grid > article { padding: .7rem; }
  .patterns-logic-strip { padding: .62rem; }
}
@media (forced-colors: active) {
  .patterns-logic-strip,
  .validation-workbench,
  .validation-workbench fieldset,
  .validation-option-card,
  .patterns-source-card,
  .patterns-status-grid article,
  .patterns-count-grid article,
  .patterns-dependency-grid article,
  .patterns-support-grid article,
  .validation-path-card,
  .patterns-event-list article,
  .patterns-cohort-grid > article { border: 1px solid CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
}
@media print {
  .patterns-workbench,
  .answerability-patterns-enhanced .validation-summary-actions { display: none !important; }
  .patterns-source-card,
  .validation-path-card,
  .patterns-cohort-grid > article { break-inside: avoid; box-shadow: none; }
}