/* Mixer Briefing - runtime token authority. Primitive -> semantic -> component. */
:root {
  /* Primitive palette */
  --mb-ink-950: #0b0b0a;
  --mb-ink-900: #161614;
  --mb-graphite-700: #2e2e2c;
  --mb-muted-600: #6b6962;
  --mb-muted-500: #89867d;
  --mb-paper-50: #fbfaf6;
  --mb-surface-0: #ffffff;
  --mb-wash-coral: #faf0eb;
  --mb-coral-600: #d23c1c;
  --mb-coral-700: #b83016;
  --mb-line-300: #e1ded5;
  --mb-line-400: #c9c5b8;
  --mb-blue-600: #2f5f7d;
  --mb-green-700: #2d6b4f;
  --mb-amber-700: #8a5a14;
  --mb-red-700: #a33126;
  --mb-space-1: 0.25rem;
  --mb-space-2: 0.5rem;
  --mb-space-3: 0.75rem;
  --mb-space-4: 1rem;
  --mb-space-5: 1.25rem;
  --mb-space-6: 1.5rem;
  --mb-space-7: 1.75rem;
  --mb-space-8: 2rem;
  --mb-space-10: 2.5rem;
  --mb-space-12: 3rem;
  --mb-space-16: 4rem;
  --mb-space-20: 5rem;
  --mb-space-24: 6rem;
  --mb-space-32: 8rem;
  --mb-radius-none: 0;
  --mb-radius-sm: 2px;
  --mb-radius-md: 4px;
  --mb-font-display: "Space Grotesk", "Inter", "Segoe UI", Arial, sans-serif;
  --mb-font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --mb-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --mb-weight-regular: 400;
  --mb-weight-medium: 500;
  --mb-weight-semibold: 600;
  --mb-weight-bold: 700;
  --mb-duration-fast: 140ms;
  --mb-duration-base: 220ms;
  --mb-ease-standard: cubic-bezier(0.2, 0.65, 0.25, 1);

  /* Semantic roles */
  --mb-canvas: var(--mb-paper-50);
  --mb-surface: var(--mb-surface-0);
  --mb-surface-inset: #f3f1eb;
  --mb-surface-overlay: rgba(11, 11, 10, 0.78);
  --mb-text-primary: var(--mb-ink-950);
  --mb-text-secondary: var(--mb-graphite-700);
  --mb-text-muted: var(--mb-muted-600);
  --mb-text-inverse: var(--mb-surface-0);
  --mb-text-disabled: var(--mb-muted-500);
  --mb-border-subtle: var(--mb-line-300);
  --mb-border-default: var(--mb-line-400);
  --mb-border-strong: var(--mb-graphite-700);
  --mb-border-focus: var(--mb-coral-600);
  --mb-action-primary: var(--mb-ink-950);
  --mb-action-primary-text: var(--mb-surface-0);
  --mb-action-accent: var(--mb-coral-600);
  --mb-action-accent-hover: var(--mb-coral-700);
  --mb-action-secondary: var(--mb-surface-0);
  --mb-action-secondary-text: var(--mb-text-primary);
  --mb-action-disabled: var(--mb-line-300);
  --mb-focus-ring: var(--mb-coral-600);
  --mb-selection: var(--mb-wash-coral);
  --mb-state-info: var(--mb-blue-600);
  --mb-state-success: var(--mb-green-700);
  --mb-state-warning: var(--mb-amber-700);
  --mb-state-danger: var(--mb-red-700);

  /* Component roles */
  --mb-header-bg: var(--mb-ink-950);
  --mb-header-text: var(--mb-text-inverse);
  --mb-header-muted: #bdbab1;
  --mb-button-radius: var(--mb-radius-sm);
  --mb-panel-radius: var(--mb-radius-sm);
  --mb-panel-border: var(--mb-border-default);
  --mb-panel-borderless-width: 0px;
  --mb-panel-pad: var(--mb-space-6);
  --mb-section-rule: var(--mb-border-subtle);
  --mb-grid-max: 1260px;
  --mb-page-gutter: clamp(1.25rem, 4vw, 5.75rem);
  --mb-header-height: 4.25rem;
  --mb-hero-pad-top: clamp(1.45rem, 3vw, 2.5rem);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--mb-canvas);
  color: var(--mb-text-primary);
  font-family: var(--mb-font-body);
  font-size: 16px;
  line-height: 1.55;
  scroll-behavior: smooth;
  scrollbar-color: var(--mb-muted-500) var(--mb-surface-inset);
  scrollbar-width: thin;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--mb-canvas);
  color: var(--mb-text-primary);
  text-rendering: optimizeLegibility;
}

body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-track { background: var(--mb-surface-inset); }
body::-webkit-scrollbar-thumb { background: var(--mb-muted-500); border: 3px solid var(--mb-surface-inset); }
body::-webkit-scrollbar-thumb:hover { background: var(--mb-graphite-700); }

::selection { background: var(--mb-selection); color: var(--mb-text-primary); }

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

button,
input,
select {
  font: inherit;
}

button { cursor: pointer; }
button:disabled,
select:disabled { cursor: not-allowed; }

:focus-visible {
  outline: 3px solid var(--mb-focus-ring);
  outline-offset: 3px;
}

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

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -0.12em;
}
.button .icon { width: 1.05em; height: 1.05em; }
.button--accent .icon,
.button--primary .icon,
.header-cta .icon,
.mobile-menu-toggle .icon { filter: brightness(0) invert(1); }

.site-shell { min-height: 100vh; overflow-x: clip; }

.site-header {
  position: sticky;
  z-index: 20;
  top: 0;
  min-height: var(--mb-header-height);
  background: var(--mb-header-bg);
  color: var(--mb-header-text);
  border-bottom: 1px solid var(--mb-ink-900);
}

.header-inner {
  display: flex;
  align-items: center;
  gap: var(--mb-space-8);
  max-width: var(--mb-grid-max);
  min-height: var(--mb-header-height);
  margin: 0 auto;
  padding: 0 var(--mb-page-gutter);
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--mb-text-inverse);
  font-family: var(--mb-font-display);
  font-size: 0.98rem;
  font-weight: var(--mb-weight-semibold);
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}

.brand-mark__asset { display: block; width: 1.8rem; height: 1.8rem; flex: 0 0 auto; object-fit: contain; }

.breadcrumbs { margin: 0 0 var(--mb-space-4); }
.breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; margin: 0; padding: 0; list-style: none; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.breadcrumbs li { display: inline-flex; align-items: center; gap: 0.35rem; min-height: 1.4rem; }
.breadcrumbs a { color: inherit; text-decoration: none; }
.breadcrumbs a:hover { color: var(--mb-text-primary); }
.breadcrumbs .icon { width: 0.82rem; height: 0.82rem; color: var(--mb-text-muted); }

.header-nav {
  display: flex;
  align-items: center;
  gap: var(--mb-space-6);
  margin-right: auto;
}

.header-nav a {
  color: var(--mb-header-muted);
  font-size: 0.82rem;
  text-decoration: none;
  transition: color var(--mb-duration-fast) var(--mb-ease-standard);
}

.header-nav a:hover,
.header-nav a[aria-current="page"] { color: var(--mb-text-inverse); }
.header-cta { white-space: nowrap; }

.mobile-menu-toggle {
  display: none;
  border: 1px solid var(--mb-header-muted);
  background: transparent;
  color: var(--mb-text-inverse);
  min-height: 2.65rem;
  min-width: 2.65rem;
  padding: 0.45rem;
}

.page-main { max-width: var(--mb-grid-max); margin: 0 auto; padding: 0 var(--mb-page-gutter) var(--mb-space-20); }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: clamp(2rem, 7vw, 7.5rem);
  align-items: start;
  padding: var(--mb-hero-pad-top) 0 var(--mb-space-16);
}
.hero > * { min-width: 0; }
.hero--single { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); }

.eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mb-space-3); margin: 0 0 var(--mb-space-6); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.67rem; letter-spacing: 0.12em; line-height: 1.35; text-transform: uppercase; }
.eyebrow__tag { display: inline-flex; align-items: center; min-height: 1.6rem; padding: 0 var(--mb-space-2); background: var(--mb-action-accent); color: var(--mb-text-inverse); font-family: var(--mb-font-body); font-size: 0.65rem; font-weight: var(--mb-weight-semibold); letter-spacing: 0; }

.hero h1,
.page-title { max-width: 13ch; margin: 0; font-family: var(--mb-font-display); font-size: 5rem; font-weight: var(--mb-weight-medium); letter-spacing: 0; line-height: 0.98; }
.hero h1 em,
.page-title em { color: var(--mb-action-accent); font-style: normal; }
.hero__dek { max-width: 62ch; margin: var(--mb-space-8) 0 0; color: var(--mb-text-secondary); font-size: 1.15rem; line-height: 1.55; }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--mb-space-3); margin-top: var(--mb-space-8); }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 0.7rem; min-height: 2.9rem; padding: 0.65rem 1.05rem; border: 1px solid transparent; border-radius: var(--mb-button-radius); font-size: 0.87rem; font-weight: var(--mb-weight-semibold); line-height: 1.2; text-decoration: none; transition: background var(--mb-duration-fast) var(--mb-ease-standard), color var(--mb-duration-fast) var(--mb-ease-standard), border-color var(--mb-duration-fast) var(--mb-ease-standard), transform var(--mb-duration-fast) var(--mb-ease-standard); }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button--primary { background: var(--mb-action-primary); color: var(--mb-action-primary-text); }
.button--primary:hover { background: var(--mb-graphite-700); }
.button--accent { background: var(--mb-action-accent); color: var(--mb-text-inverse); }
.button--accent:hover { background: var(--mb-action-accent-hover); }
.button--secondary { background: var(--mb-action-secondary); border-color: var(--mb-border-default); color: var(--mb-action-secondary-text); }
.button--secondary:hover { border-color: var(--mb-border-strong); background: var(--mb-surface-inset); }
.button--quiet { min-height: 2.4rem; padding-inline: 0.7rem; color: var(--mb-text-secondary); }
.button--quiet:hover { background: var(--mb-surface-inset); color: var(--mb-text-primary); }
.button[aria-disabled="true"], .button:disabled { background: var(--mb-action-disabled); color: var(--mb-text-disabled); border-color: var(--mb-action-disabled); transform: none; }
.arrow { font-size: 1.15em; line-height: 0; }

.hero__note { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mb-space-5); margin-top: var(--mb-space-8); padding-top: var(--mb-space-4); border-top: 1px solid var(--mb-border-default); }
.micro-label { display: block; margin-bottom: 0.35rem; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.63rem; letter-spacing: 0.1em; text-transform: uppercase; }
.micro-value { display: block; color: var(--mb-text-primary); font-size: 0.83rem; }

.evidence-route { border: 1px solid var(--mb-border-default); background: var(--mb-surface); }
.evidence-route__head,
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: var(--mb-space-4); min-height: 3.2rem; padding: 0 var(--mb-space-4); border-bottom: 1px solid var(--mb-border-subtle); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.65rem; letter-spacing: 0.08em; text-transform: uppercase; }
.evidence-route__body { padding: var(--mb-space-2); }
.route-step { display: grid; grid-template-columns: 2.55rem minmax(0, 1fr) auto; gap: var(--mb-space-3); align-items: center; min-height: 4.4rem; padding: 0.6rem; border-bottom: 1px solid var(--mb-border-subtle); }
.route-step:last-child { border-bottom: 0; }
.route-step--active { background: var(--mb-wash-coral); }
.route-step__index { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid var(--mb-border-default); color: var(--mb-text-secondary); font-family: var(--mb-font-mono); font-size: 0.74rem; }
.route-step--active .route-step__index { border-color: var(--mb-action-accent); background: var(--mb-action-accent); color: var(--mb-text-inverse); }
.route-step__title { display: block; font-family: var(--mb-font-display); font-size: 0.98rem; font-weight: var(--mb-weight-semibold); line-height: 1.2; }
.route-step__copy { display: block; margin-top: 0.2rem; color: var(--mb-text-muted); font-size: 0.77rem; line-height: 1.3; }
.route-step > .icon { width: 1rem; height: 1rem; color: var(--mb-state-success); }
.evidence-route__foot { padding: var(--mb-space-3) var(--mb-space-4); border-top: 1px solid var(--mb-border-subtle); color: var(--mb-text-muted); font-size: 0.67rem; line-height: 1.4; text-transform: uppercase; }

.stat-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid var(--mb-border-default); border-bottom: 1px solid var(--mb-border-default); list-style: none; }
.stat-rail__item { min-height: 8.2rem; padding: var(--mb-space-5); border-right: 1px solid var(--mb-border-default); }
.stat-rail__item:last-child { border-right: 0; }
.stat-rail__number { display: block; color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.75rem; letter-spacing: 0.08em; }
.stat-rail__number .icon { width: 1.05rem; height: 1.05rem; }
.stat-rail__title { display: block; margin-top: var(--mb-space-3); font-family: var(--mb-font-display); font-size: 1.08rem; font-weight: var(--mb-weight-semibold); }
.stat-rail__copy { display: block; margin-top: 0.35rem; color: var(--mb-text-muted); font-size: 0.83rem; line-height: 1.42; }
.stat-rail--methodology-loop { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stat-rail--methodology-loop .stat-rail__item { min-height: 10.5rem; }

.section { padding: var(--mb-space-20) 0; border-bottom: 1px solid var(--mb-section-rule); }
.section:last-child { border-bottom: 0; }
.section__intro { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(2rem, 8vw, 9rem); align-items: end; margin-bottom: var(--mb-space-10); }
.section__kicker { margin: 0 0 var(--mb-space-4); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.67rem; letter-spacing: 0.13em; text-transform: uppercase; }
.section h2 { max-width: 17ch; margin: 0; font-family: var(--mb-font-display); font-size: 3rem; font-weight: var(--mb-weight-medium); letter-spacing: 0; line-height: 1.02; }
.section h2 em { color: var(--mb-action-accent); font-style: normal; }
.section__lead { max-width: 58ch; margin: 0; color: var(--mb-text-secondary); font-size: 1.02rem; line-height: 1.62; }

.route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--mb-border-default); border-left: 1px solid var(--mb-border-default); }
.route-card { min-height: 12rem; padding: var(--mb-space-5); border-right: 1px solid var(--mb-border-default); border-bottom: 1px solid var(--mb-border-default); background: var(--mb-surface); text-decoration: none; transition: background var(--mb-duration-base) var(--mb-ease-standard); }
.route-card:hover { background: var(--mb-wash-coral); }
.route-card__top { display: flex; justify-content: space-between; gap: var(--mb-space-3); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.67rem; }
.route-card h3 { margin: var(--mb-space-8) 0 0.45rem; font-family: var(--mb-font-display); font-size: 1.18rem; font-weight: var(--mb-weight-semibold); line-height: 1.15; }
.route-card p { max-width: 34ch; margin: 0; color: var(--mb-text-muted); font-size: 0.84rem; line-height: 1.45; }
.route-card__arrow { display: inline-flex; color: var(--mb-action-accent); font-size: 1.15rem; }
.route-card__arrow .icon { width: 1.15rem; height: 1.15rem; }

.split-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 1px solid var(--mb-border-default); border-left: 1px solid var(--mb-border-default); }
.split-panel > * { min-width: 0; padding: var(--mb-space-6); border-right: 1px solid var(--mb-border-default); border-bottom: 1px solid var(--mb-border-default); }
.split-panel h3 { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 var(--mb-space-3); font-family: var(--mb-font-display); font-size: 1.3rem; }
.split-panel h3 .icon { width: 1.15rem; height: 1.15rem; color: var(--mb-action-accent); }
.split-panel p { margin: 0; color: var(--mb-text-secondary); }
.split-panel ul { display: grid; gap: 0.7rem; margin: 0; padding: 0; list-style: none; }
.split-panel li { display: flex; align-items: flex-start; gap: 0.55rem; color: var(--mb-text-secondary); font-size: 0.86rem; line-height: 1.45; }
.split-panel li .icon { width: 1rem; height: 1rem; flex: 0 0 auto; margin-top: 0.16rem; color: var(--mb-action-accent); }

.reader-worksheet { border-top: 1px solid var(--mb-border-strong); border-left: 1px solid var(--mb-border-strong); background: var(--mb-surface); }
.reader-worksheet__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mb-space-5); align-items: center; min-height: 4.1rem; padding: 0 var(--mb-space-6); border-right: 1px solid var(--mb-border-strong); border-bottom: 1px solid var(--mb-border-default); background: var(--mb-surface-inset); }
.reader-worksheet__head h3 { display: flex; align-items: center; gap: 0.55rem; margin: 0; font-family: var(--mb-font-display); font-size: 1.35rem; line-height: 1.15; }
.reader-worksheet__head h3 .icon { width: 1.15rem; height: 1.15rem; color: var(--mb-action-accent); }
.reader-worksheet__meta { color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.64rem; letter-spacing: 0.1em; line-height: 1.2; text-transform: uppercase; }
.reader-worksheet__lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reader-worksheet__lane { min-width: 0; min-height: 15.5rem; padding: var(--mb-space-6); border-right: 1px solid var(--mb-border-default); border-bottom: 1px solid var(--mb-border-default); }
.reader-worksheet__lane--accent { background: var(--mb-wash-coral); }
.reader-worksheet__lane-head { display: grid; grid-template-columns: 2.15rem minmax(0, 1fr); gap: var(--mb-space-3); align-items: start; margin-bottom: var(--mb-space-6); }
.reader-worksheet__index { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--mb-action-accent); color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.7rem; }
.reader-worksheet__lane--accent .reader-worksheet__index { background: var(--mb-action-accent); color: var(--mb-text-inverse); }
.reader-worksheet__lane-head .micro-label { margin-bottom: 0.35rem; }
.reader-worksheet__lane-head h4 { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-family: var(--mb-font-display); font-size: 1.3rem; line-height: 1.15; }
.reader-worksheet__lane-head h4 .icon { width: 1.05rem; height: 1.05rem; color: var(--mb-action-accent); }
.reader-worksheet__list { display: grid; gap: var(--mb-space-4); margin: 0; padding: 0; list-style: none; }
.reader-worksheet__list li { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: 0.65rem; align-items: start; color: var(--mb-text-secondary); font-size: 0.86rem; line-height: 1.45; }
.reader-worksheet__list li .icon { width: 1rem; height: 1rem; margin-top: 0.16rem; color: var(--mb-action-accent); }

.split-panel--preflight > * { padding: var(--mb-space-6) var(--mb-space-7); }
.preflight-lane__head { display: grid; gap: var(--mb-space-2); align-items: start; margin-bottom: var(--mb-space-5); }
.preflight-lane__head .micro-label { display: flex; align-items: center; gap: 0.45rem; margin: 0; }
.preflight-lane__head .micro-label .icon { width: 0.9rem; height: 0.9rem; }
.preflight-lane__title-row { display: grid; grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--mb-space-3); align-items: center; }
.preflight-lane__title-row h3 { min-width: 0; margin-bottom: 0; }
.preflight-lane__index { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--mb-action-accent); color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.7rem; }
.preflight-lane--stop { background: var(--mb-wash-coral); }
.preflight-lane--stop .preflight-lane__index { background: var(--mb-action-accent); color: var(--mb-text-inverse); }
.preflight-lane__state { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.7rem; margin: 0 0 var(--mb-space-4); color: var(--mb-text-secondary); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; }
.preflight-lane__state .icon { width: 0.9rem; height: 0.9rem; color: var(--mb-action-accent); }
.preflight-lane__state span:last-child { color: var(--mb-text-muted); }
.preflight-lane__foot { margin-top: var(--mb-space-5) !important; padding-top: var(--mb-space-3); border-top: 1px solid var(--mb-border-subtle); color: var(--mb-text-muted) !important; font-family: var(--mb-font-mono); font-size: 0.65rem; letter-spacing: 0.06em; text-transform: uppercase; }

.decision-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--mb-space-6); border-top: 1px solid var(--mb-border-default); border-left: 1px solid var(--mb-border-default); }
.decision-card { position: relative; display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: var(--mb-space-4); min-height: 15rem; padding: var(--mb-space-6); border-right: 1px solid var(--mb-border-default); border-bottom: 1px solid var(--mb-border-default); background: var(--mb-surface); }
.decision-card__top { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: var(--mb-space-3); margin-bottom: var(--mb-space-2); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.63rem; letter-spacing: 0.09em; text-transform: uppercase; }
.decision-card__icon { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--mb-action-accent); color: var(--mb-action-accent); }
.decision-card__icon .icon { width: 1.1rem; height: 1.1rem; }
.decision-card__body { min-width: 0; }
.decision-card__state { display: inline-flex; align-items: center; gap: 0.45rem; margin-bottom: var(--mb-space-3); padding: 0.35rem 0.5rem; border: 1px solid var(--mb-border-default); color: var(--mb-text-secondary); font-family: var(--mb-font-mono); font-size: 0.63rem; letter-spacing: 0.06em; line-height: 1.2; text-transform: uppercase; }
.decision-card__state .icon { width: 0.85rem; height: 0.85rem; color: var(--mb-action-accent); }
.decision-card__state[data-state="source-check"] { border-color: var(--mb-action-accent); background: var(--mb-wash-coral); color: var(--mb-text-primary); }
.decision-card__eyebrow { margin: 0 0 var(--mb-space-2); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.64rem; letter-spacing: 0.11em; }
.decision-card h3 { margin: 0 0 var(--mb-space-3); font-family: var(--mb-font-display); font-size: 1.25rem; line-height: 1.15; }
.decision-card p { margin: 0; color: var(--mb-text-secondary); font-size: 0.86rem; line-height: 1.45; }
.decision-card__list { display: grid; gap: 0.35rem; margin: var(--mb-space-4) 0 0; padding: 0; list-style: none; }
.decision-card__list li { display: flex; align-items: center; gap: 0.45rem; color: var(--mb-text-secondary); font-size: 0.76rem; line-height: 1.35; }
.decision-card__list .icon { width: 0.9rem; height: 0.9rem; flex: 0 0 auto; color: var(--mb-action-accent); }
.decision-card p.decision-card__source { display: grid; gap: 0.25rem; margin: var(--mb-space-5) 0 0; padding-top: var(--mb-space-3); border-top: 1px solid var(--mb-border-subtle); color: var(--mb-text-muted); font-size: 0.72rem; line-height: 1.35; }
.decision-card__source-label { color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; }

.panel { border: 1px solid var(--mb-panel-border); background: var(--mb-surface); }
.panel--preflight-shell { border-width: var(--mb-panel-borderless-width); }
.panel__body { padding: var(--mb-panel-pad); }

.evidence-list { display: grid; border-top: 1px solid var(--mb-border-default); }
.evidence-row { display: grid; grid-template-columns: minmax(150px, 0.55fr) minmax(0, 1fr) minmax(110px, 0.32fr); gap: var(--mb-space-4); align-items: start; padding: var(--mb-space-4) 0; border-bottom: 1px solid var(--mb-border-subtle); }
.evidence-row__label { color: var(--mb-text-primary); font-family: var(--mb-font-display); font-size: 0.96rem; font-weight: var(--mb-weight-semibold); }
.evidence-row__value { color: var(--mb-text-secondary); font-size: 0.86rem; }
.evidence-row__meta { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.65rem; line-height: 1.4; text-transform: uppercase; }
.evidence-row__meta strong { color: var(--mb-action-accent); font-weight: var(--mb-weight-medium); }

.source-note { display: inline-flex; flex-wrap: wrap; gap: 0.45rem 0.85rem; align-items: baseline; margin-top: var(--mb-space-3); color: var(--mb-text-muted); font-size: 0.73rem; line-height: 1.45; }
.source-note a { color: var(--mb-text-secondary); }
.source-note__id { color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.65rem; letter-spacing: 0.06em; text-transform: uppercase; }
.source-note + .callout { margin-top: var(--mb-space-5); }

.coverage-list { display: grid; gap: var(--mb-space-3); }
.coverage-topic {
  min-width: 0;
  border: 1px solid var(--mb-border-default);
  background: var(--mb-surface);
}
.coverage-topic__head {
  display: grid;
  grid-template-columns: 2.3rem minmax(0, 1fr);
  gap: var(--mb-space-3);
  align-items: center;
  min-height: 3.25rem;
  padding: var(--mb-space-3) var(--mb-space-4);
  border-bottom: 1px solid var(--mb-border-subtle);
}
.coverage-topic__index {
  display: grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid var(--mb-action-accent);
  color: var(--mb-action-accent);
  font-family: var(--mb-font-mono);
  font-size: 0.66rem;
}
.coverage-topic__kicker {
  margin: 0 0 0.15rem;
  color: var(--mb-text-muted);
  font-family: var(--mb-font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.coverage-topic h3 {
  margin: 0;
  font-family: var(--mb-font-display);
  font-size: 1.2rem;
  line-height: 1.15;
}
.coverage-topic__body { padding: var(--mb-space-5); }
.coverage-topic__body p {
  margin: 0;
  color: var(--mb-text-secondary);
  font-size: 0.9rem;
  line-height: 1.55;
}
.coverage-topic__body p + p { margin-top: var(--mb-space-3); }
.coverage-topic__summary {
  color: var(--mb-text-primary) !important;
  font-family: var(--mb-font-display);
  font-size: 1.05rem !important;
  font-weight: var(--mb-weight-semibold);
  line-height: 1.4 !important;
}
.coverage-topic__answer {
  margin-top: var(--mb-space-5);
  padding-top: var(--mb-space-4);
  border-top: 1px solid var(--mb-border-subtle);
}
.coverage-topic__answer h4,
.coverage-topic__guidance h4,
.coverage-topic__source strong {
  margin: 0 0 var(--mb-space-2);
  color: var(--mb-action-accent);
  font-family: var(--mb-font-mono);
  font-size: 0.66rem;
  font-weight: var(--mb-weight-semibold);
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-transform: uppercase;
}
.coverage-topic__points {
  display: grid;
  gap: 0.45rem;
  margin: var(--mb-space-4) 0 0;
  padding: 0;
  list-style: none;
}
.coverage-topic__points li {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  color: var(--mb-text-secondary);
  font-size: 0.84rem;
  line-height: 1.45;
}
.coverage-topic__points .icon {
  flex: 0 0 auto;
  width: 0.95rem;
  height: 0.95rem;
  margin-top: 0.15rem;
  color: var(--mb-action-accent);
}
.coverage-topic__guidance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--mb-space-5);
  margin-top: var(--mb-space-5);
  padding-top: var(--mb-space-4);
  border-top: 1px solid var(--mb-border-subtle);
}
.coverage-topic__guidance h4 { margin-bottom: var(--mb-space-2); }
.coverage-topic__guidance p { font-size: 0.84rem; line-height: 1.45; }
.coverage-topic__source {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem var(--mb-space-3);
  align-items: baseline;
  margin-top: var(--mb-space-5);
  padding-top: var(--mb-space-4);
  border-top: 1px solid var(--mb-border-subtle);
  color: var(--mb-text-muted);
  font-size: 0.72rem;
  line-height: 1.4;
}
.coverage-topic__source strong { margin: 0; }
.coverage-topic__source a { color: var(--mb-text-secondary); }
.coverage-table-wrap {
  max-width: 100%;
  margin-top: var(--mb-space-5);
  overflow-x: auto;
  border: 1px solid var(--mb-border-default);
  background: var(--mb-surface-inset);
}
.coverage-table {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  color: var(--mb-text-secondary);
  font-size: 0.78rem;
  line-height: 1.4;
}
.coverage-table caption {
  padding: var(--mb-space-3) var(--mb-space-4);
  border-bottom: 1px solid var(--mb-border-default);
  color: var(--mb-text-primary);
  font-family: var(--mb-font-display);
  font-size: 0.92rem;
  font-weight: var(--mb-weight-semibold);
  text-align: left;
}
.coverage-table th,
.coverage-table td {
  min-width: 7.5rem;
  padding: 0.7rem var(--mb-space-3);
  border-right: 1px solid var(--mb-border-subtle);
  border-bottom: 1px solid var(--mb-border-subtle);
  overflow-wrap: anywhere;
  text-align: left;
  vertical-align: top;
}
.coverage-table th:last-child,
.coverage-table td:last-child { border-right: 0; }
.coverage-table tbody tr:last-child th,
.coverage-table tbody tr:last-child td { border-bottom: 0; }
.coverage-table thead th {
  color: var(--mb-text-muted);
  font-family: var(--mb-font-mono);
  font-size: 0.64rem;
  font-weight: var(--mb-weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.coverage-table tbody th {
  color: var(--mb-text-primary);
  font-family: var(--mb-font-display);
  font-weight: var(--mb-weight-semibold);
}
.coverage-table__note {
  margin: 0 !important;
  padding: var(--mb-space-3) var(--mb-space-4);
  border-top: 1px solid var(--mb-border-default);
  color: var(--mb-text-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
}

.decision-layout { display: grid; grid-template-columns: minmax(0, 0.65fr) minmax(0, 1.35fr); gap: var(--mb-space-8); align-items: start; }
.decision-rail { position: sticky; top: calc(var(--mb-header-height) + var(--mb-space-5)); border-top: 1px solid var(--mb-border-default); }
.decision-rail a { display: block; padding: 0.8rem 0; border-bottom: 1px solid var(--mb-border-subtle); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.67rem; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; }
.decision-rail a:hover, .decision-rail a[aria-current="true"] { color: var(--mb-action-accent); }

.selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mb-space-3); margin-bottom: var(--mb-space-6); }
.selector label { display: grid; gap: 0.45rem; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.selector select { min-height: 2.8rem; padding: 0.55rem 0.7rem; border: 1px solid var(--mb-border-default); border-radius: var(--mb-radius-sm); background: var(--mb-surface); color: var(--mb-text-primary); }
.selector select:hover { border-color: var(--mb-border-strong); }
.review-selector { min-inline-size: 0; margin: 0 0 var(--mb-space-6); padding: 0; border: 0; }
.review-selector__legend { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.review-selector__note { margin: 0.45rem 0 var(--mb-space-4); color: var(--mb-text-secondary); font-size: 0.82rem; line-height: 1.45; }
.review-selector__options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mb-space-3); }
.review-selector__option { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--mb-space-3); align-items: start; min-block-size: 8.5rem; padding: var(--mb-space-4); border: 1px solid var(--mb-border-default); background: var(--mb-surface); color: var(--mb-text-primary); cursor: pointer; transition: border-color var(--mb-duration-fast) var(--mb-ease-standard), background var(--mb-duration-fast) var(--mb-ease-standard); }
.review-selector__option:hover { border-color: var(--mb-border-strong); }
.review-selector__option:focus-within { outline: 2px solid var(--mb-focus-ring); outline-offset: 2px; }
.review-selector__option[data-selected="true"] { border-color: var(--mb-action-accent); background: var(--mb-wash-coral); }
.review-selector__input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.review-selector__icon { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--mb-action-accent); color: var(--mb-action-accent); }
.review-selector__icon .icon { width: 1rem; height: 1rem; }
.review-selector__copy { display: grid; gap: 0.35rem; min-width: 0; }
.review-selector__copy strong { font-family: var(--mb-font-display); font-size: 0.96rem; line-height: 1.2; }
.review-selector__copy span { color: var(--mb-text-secondary); font-size: 0.77rem; line-height: 1.4; }
.network-selector { min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.network-selector__legend { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.network-selector__note { max-width: 62ch; margin: 0.45rem 0 var(--mb-space-4); color: var(--mb-text-secondary); font-size: 0.82rem; line-height: 1.45; }
.network-selector__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mb-space-3); }
.network-selector__option { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--mb-space-3); align-items: start; min-block-size: 7.25rem; padding: var(--mb-space-4); border: 1px solid var(--mb-border-default); background: var(--mb-surface); color: var(--mb-text-primary); cursor: pointer; transition: border-color var(--mb-duration-fast) var(--mb-ease-standard), background var(--mb-duration-fast) var(--mb-ease-standard); }
.network-selector__option:hover { border-color: var(--mb-border-strong); }
.network-selector__option:focus-within { outline: 2px solid var(--mb-focus-ring); outline-offset: 2px; }
.network-selector__option[data-selected="true"] { border-color: var(--mb-action-accent); background: var(--mb-wash-coral); }
.network-selector__input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.network-selector__icon { display: grid; place-items: center; width: 2rem; height: 2rem; border: 1px solid var(--mb-action-accent); color: var(--mb-action-accent); }
.network-selector__icon .icon { width: 1rem; height: 1rem; }
.network-selector__copy { display: grid; gap: 0.35rem; min-width: 0; }
.network-selector__copy strong { font-family: var(--mb-font-display); font-size: 0.96rem; line-height: 1.2; }
.network-selector__copy span { color: var(--mb-text-secondary); font-size: 0.77rem; line-height: 1.4; }
.network-selector .selector-note { margin: var(--mb-space-5) 0 0; }
.network-selector + .decision-cards { margin-top: var(--mb-space-6); }
.selector-note { margin: calc(var(--mb-space-6) * -1) 0 var(--mb-space-6); padding: var(--mb-space-3) var(--mb-space-4); border-left: 2px solid var(--mb-action-accent); background: var(--mb-wash-coral); color: var(--mb-text-secondary); font-size: 0.82rem; line-height: 1.45; }
.route-label-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.route-label-list li { display: grid; grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr); gap: var(--mb-space-4); padding: var(--mb-space-4) 0; border-bottom: 1px solid var(--mb-border-subtle); }
.route-label-list li:last-child { border-bottom: 0; }
.route-label-list strong { font-family: var(--mb-font-display); font-size: 0.92rem; }
.route-label-list span { color: var(--mb-text-secondary); font-size: 0.82rem; line-height: 1.45; }

.checklist { display: grid; gap: 0; border-top: 1px solid var(--mb-border-default); }
.check-item { display: grid; grid-template-columns: 1.25rem 1.6rem minmax(0, 1fr) auto; gap: var(--mb-space-3); align-items: center; min-height: 4.6rem; padding: 0.85rem 0; border-bottom: 1px solid var(--mb-border-subtle); }
.check-item input { width: 1.25rem; height: 1.25rem; accent-color: var(--mb-action-accent); }
.check-item__marker { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; color: var(--mb-action-accent); opacity: 0.28; transition: opacity var(--mb-duration-fast) var(--mb-ease-standard), transform var(--mb-duration-fast) var(--mb-ease-standard); }
.check-item[data-checked="true"] .check-item__marker { opacity: 1; transform: scale(1.04); }
.check-item__marker .icon { width: 1.15rem; height: 1.15rem; }
.check-item__title { font-family: var(--mb-font-display); font-size: 0.95rem; font-weight: var(--mb-weight-semibold); }
.check-item__copy { display: block; margin-top: 0.18rem; color: var(--mb-text-muted); font-size: 0.77rem; line-height: 1.35; }
.check-item__state { display: inline-flex; align-items: center; gap: 0.3rem; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }
.check-item[data-checked="true"] .check-item__state { color: var(--mb-state-success); }
.check-result { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mb-space-5); margin-top: var(--mb-space-6); padding: var(--mb-space-5); border: 1px solid var(--mb-border-default); background: var(--mb-surface-inset); }
.check-result__signal { display: grid; gap: 0.3rem; min-width: 0; }
.check-result__label { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.check-result__value { font-family: var(--mb-font-display); font-size: 1.1rem; font-weight: var(--mb-weight-semibold); }
.check-result__hint { color: var(--mb-text-muted); font-size: 0.77rem; line-height: 1.4; }
.check-result__value[data-status="ready"] { color: var(--mb-state-success); }
.check-result__value[data-status="pending"] { color: var(--mb-state-warning); }
.check-result__value[data-status="unknown"] { color: var(--mb-state-info); }

.preflight-frame { border: 1px solid var(--mb-border-strong); background: var(--mb-surface); }
.preflight-frame__head { display: flex; align-items: start; justify-content: space-between; gap: var(--mb-space-5); padding: var(--mb-space-5) var(--mb-space-6); border-bottom: 1px solid var(--mb-border-default); background: var(--mb-surface-inset); }
.preflight-frame__head .micro-label { margin-bottom: var(--mb-space-2); }
.preflight-frame__head .micro-label { display: flex; align-items: center; gap: 0.45rem; }
.preflight-frame__head .micro-label .icon { width: 0.9rem; height: 0.9rem; }
.preflight-frame__head h3 { margin: 0; font-family: var(--mb-font-display); font-size: 1.45rem; line-height: 1.1; }
.preflight-frame__title p { max-width: 44ch; margin: 0.55rem 0 0; color: var(--mb-text-secondary); font-size: 0.8rem; line-height: 1.45; }
.preflight-frame__progress { display: grid; justify-items: end; gap: 0.25rem; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; }
.preflight-frame__count { color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.8rem; font-weight: var(--mb-weight-semibold); white-space: nowrap; }
.preflight-frame__bar { height: 0.3rem; background: var(--mb-line-300); }
.preflight-frame__bar > span { display: block; width: 0; height: 100%; background: var(--mb-action-accent); transition: width var(--mb-duration-base) var(--mb-ease-standard); }
.preflight-frame .checklist { padding: 0 var(--mb-space-6); }
.preflight-frame .check-result { margin: var(--mb-space-6); }
.check-result__cta[hidden] { display: none; }

.matrix-wrap { overflow-x: auto; border: 1px solid var(--mb-border-default); background: var(--mb-surface); }
.matrix { width: 100%; min-width: 640px; border-collapse: collapse; text-align: left; }
.matrix th, .matrix td { padding: 0.85rem 0.95rem; border-bottom: 1px solid var(--mb-border-subtle); vertical-align: top; }
.matrix th { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.64rem; font-weight: var(--mb-weight-medium); letter-spacing: 0.08em; text-transform: uppercase; }
.matrix td { color: var(--mb-text-secondary); font-size: 0.82rem; line-height: 1.4; }
.matrix tr:last-child td { border-bottom: 0; }
.matrix .status { color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.65rem; text-transform: uppercase; }

.callout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--mb-space-4); padding: var(--mb-space-5); border-left: 3px solid var(--mb-action-accent); background: var(--mb-wash-coral); }
.callout__mark { display: inline-flex; align-items: center; gap: 0.4rem; color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.72rem; }
.callout__mark .icon { width: 0.9rem; height: 0.9rem; }
.callout h3 { margin: 0 0 0.35rem; font-family: var(--mb-font-display); font-size: 1rem; }
.callout p { margin: 0; color: var(--mb-text-secondary); font-size: 0.86rem; }

.prose { max-width: 72ch; }
.prose h2 { max-width: none; margin-top: var(--mb-space-12); font-size: 2rem; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { margin: var(--mb-space-8) 0 var(--mb-space-2); font-family: var(--mb-font-display); font-size: 1.2rem; }
.prose p, .prose li { color: var(--mb-text-secondary); font-size: 0.96rem; }
.prose ul, .prose ol { padding-left: 1.35rem; }
.prose li + li { margin-top: 0.45rem; }

.handoff { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(var(--mb-space-8), 5vw, var(--mb-space-12)); align-items: start; padding: clamp(2.5rem, 5vw, 4.5rem) 0 var(--mb-space-16); border-top: 2px solid var(--mb-border-strong); }
.handoff .hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); gap: clamp(2rem, 7vw, 7.5rem); min-width: 0; padding: 0; }
.handoff .hero > div + div { margin-top: 0; }
.handoff .hero h1 { max-width: 15ch; text-wrap: balance; }
.handoff-surface { position: relative; min-width: 0; overflow: visible; border: 2px solid var(--mb-action-accent); background: var(--mb-surface); }
.handoff-surface__marker { position: absolute; top: -0.9rem; left: var(--mb-space-5); z-index: 1; padding: 0.22rem var(--mb-space-2); background: var(--mb-action-accent); color: var(--mb-text-inverse); font-family: var(--mb-font-mono); font-size: 0.62rem; font-weight: var(--mb-weight-semibold); letter-spacing: 0.08em; line-height: 1.2; }
.handoff-surface__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--mb-space-4); min-height: 2.35rem; padding: 0 var(--mb-space-4); background: var(--mb-action-accent); color: var(--mb-text-inverse); font-family: var(--mb-font-mono); font-size: 0.64rem; letter-spacing: 0.06em; text-transform: uppercase; }
.handoff-surface__breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; min-height: 2.5rem; margin: 0; padding: 0 var(--mb-space-5); border-bottom: 2px solid var(--mb-ink-950); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.66rem; letter-spacing: 0.08em; text-transform: uppercase; }
.handoff-surface__breadcrumbs a { color: inherit; text-decoration: none; }
.handoff-surface__breadcrumbs a:hover { color: var(--mb-text-primary); }
.handoff-surface__breadcrumbs .icon { width: 0.82rem; height: 0.82rem; color: var(--mb-text-muted); }
.handoff-surface__breadcrumbs [aria-current="page"] { color: var(--mb-text-primary); font-weight: var(--mb-weight-semibold); }
.handoff-surface__body { padding: clamp(var(--mb-space-5), 4vw, var(--mb-space-8)); }
.handoff__target { max-width: 40rem; min-width: 0; margin: 0 auto; border: 2px solid var(--mb-ink-950); background: var(--mb-surface); }
.handoff__target-banner { display: flex; align-items: center; justify-content: space-between; gap: var(--mb-space-3); min-height: 2.5rem; padding: 0 var(--mb-space-4); background: var(--mb-ink-950); color: var(--mb-text-inverse); }
.handoff__target-banner .micro-label { margin: 0; color: var(--mb-text-inverse); }
.handoff__target-banner .icon { width: 1rem; height: 1rem; }
.handoff__target-content { padding: var(--mb-space-6); }
.handoff__target-head { display: flex; align-items: center; justify-content: space-between; gap: var(--mb-space-3); padding: 0; }
.handoff__target-head .micro-label { margin: 0; color: var(--mb-action-accent); }
.handoff__target-state { color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; }
.handoff__target h2 { margin: var(--mb-space-2) 0 0; font-family: var(--mb-font-display); font-size: clamp(1.75rem, 3vw, 2.35rem); line-height: 1.05; }
.handoff__target code { display: block; overflow-wrap: anywhere; margin: var(--mb-space-3) 0 0; color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.8rem; }
.handoff__target-copy { margin: var(--mb-space-4) 0 0; color: var(--mb-text-secondary); font-size: 0.87rem; line-height: 1.5; }
.handoff__status-table { width: 100%; margin: var(--mb-space-6) 0 0; border-collapse: collapse; font-size: 0.76rem; }
.handoff__status-table tr { border-top: 1px solid var(--mb-border-default); }
.handoff__status-table tr:last-child { border-bottom: 1px solid var(--mb-border-default); }
.handoff__status-table th, .handoff__status-table td { padding: var(--mb-space-3) 0; text-align: left; vertical-align: top; }
.handoff__status-table th { width: 35%; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.63rem; font-weight: var(--mb-weight-medium); letter-spacing: 0.06em; text-transform: uppercase; }
.handoff__status-table td { color: var(--mb-text-primary); overflow-wrap: anywhere; }
.handoff__actions { display: grid; grid-template-columns: 1fr; gap: var(--mb-space-3); margin: var(--mb-space-6) 0 0; }
.handoff__actions .button { width: 100%; }
.handoff__manual { display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; min-height: 2.5rem; padding: 0.5rem 0.7rem; color: var(--mb-text-secondary); font-size: 0.78rem; font-weight: var(--mb-weight-semibold); text-align: center; text-decoration: underline; text-underline-offset: 0.2em; }
.handoff__manual:hover { background: var(--mb-wash-coral); color: var(--mb-action-accent); }
.handoff__manual .icon { width: 0.95rem; height: 0.95rem; }
.handoff__auto { display: grid; gap: var(--mb-space-4); margin: var(--mb-space-6) 0 0; padding-top: var(--mb-space-5); border-top: 1px solid var(--mb-border-subtle); }
.handoff__auto-copy { max-width: 42ch; margin: 0; color: var(--mb-text-secondary); font-size: 0.82rem; }
.handoff__auto-actions { display: flex; flex-wrap: wrap; gap: var(--mb-space-3); }
.handoff__auto [hidden] { display: none !important; }
.handoff__status { min-height: 1.4rem; margin: 0; color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.7rem; }
.handoff__boundary { margin: var(--mb-space-5) 0 0; color: var(--mb-text-muted); font-size: 0.72rem; line-height: 1.45; }
.handoff-surface__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mb-space-3); padding: var(--mb-space-4) var(--mb-space-5); border-top: 2px solid var(--mb-ink-950); color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.05em; text-transform: uppercase; }

.page-footer { border-top: 1px solid var(--mb-border-default); background: var(--mb-surface-inset); }
.footer-inner { display: grid; grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr); gap: clamp(var(--mb-space-8), 8vw, var(--mb-space-20)); max-width: var(--mb-grid-max); margin: 0 auto; padding: var(--mb-space-10) var(--mb-page-gutter) var(--mb-space-8); }
.footer-brand__top { display: flex; align-items: center; gap: 0.75rem; padding-bottom: var(--mb-space-4); border-bottom: 1px solid var(--mb-border-default); }
.footer-brand__mark { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: var(--mb-radius-md); background: var(--mb-action-accent); color: var(--mb-text-inverse); }
.footer-brand__asset { display: block; width: 1.55rem; height: 1.55rem; border-radius: var(--mb-radius-sm); object-fit: contain; }
.footer-brand { margin: 0; font-family: var(--mb-font-display); font-size: 1.15rem; font-weight: var(--mb-weight-semibold); }
.footer-brand__rule { display: block; margin-top: 0; color: var(--mb-action-accent); font-family: var(--mb-font-mono); font-size: 0.61rem; letter-spacing: 0.08em; text-transform: uppercase; }
.footer-copy { max-width: 44ch; margin: 0.4rem 0 0; color: var(--mb-text-muted); font-size: 0.78rem; }
.footer-note { display: flex; align-items: center; gap: 0.45rem; margin: var(--mb-space-6) 0 0; color: var(--mb-text-secondary); font-family: var(--mb-font-mono); font-size: 0.64rem; letter-spacing: 0.05em; text-transform: uppercase; }
.footer-note .icon { width: 0.85rem; height: 0.85rem; color: var(--mb-action-accent); }
.footer-links { display: grid; grid-template-columns: repeat(3, minmax(120px, auto)); align-content: start; gap: var(--mb-space-6); }
.footer-group { display: grid; gap: 0.45rem; align-content: start; }
.footer-group__label { margin: 0; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.63rem; letter-spacing: 0.08em; text-transform: uppercase; }
.footer-links a { color: var(--mb-text-secondary); font-size: 0.76rem; }
.footer-brand__rule { color: var(--mb-action-accent); }
.footer-meta { margin: var(--mb-space-4) 0 0; color: var(--mb-text-muted); font-family: var(--mb-font-mono); font-size: 0.62rem; letter-spacing: 0.04em; text-transform: uppercase; }

.faq-list { display: grid; border-top: 1px solid var(--mb-border-default); }
.faq-item { border-bottom: 1px solid var(--mb-border-default); background: var(--mb-surface); }
.faq-item summary { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--mb-space-3); align-items: center; padding: var(--mb-space-5) 0; color: var(--mb-text-primary); cursor: pointer; font-family: var(--mb-font-display); font-size: 1.05rem; font-weight: var(--mb-weight-semibold); list-style: none; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary .icon { width: 1rem; height: 1rem; color: var(--mb-action-accent); transition: transform var(--mb-duration-fast) var(--mb-ease-standard); }
.faq-item[open] summary .icon { transform: rotate(90deg); }
.faq-item__answer { max-width: 70ch; padding: 0 0 var(--mb-space-5) 2rem; color: var(--mb-text-secondary); }
.faq-item__answer p { margin: 0; font-size: 0.92rem; line-height: 1.6; }

.scroll-top { position: fixed; right: var(--mb-space-5); bottom: var(--mb-space-5); z-index: 15; display: inline-flex; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; border: 1px solid var(--mb-border-strong); border-radius: 50%; background: var(--mb-surface); color: var(--mb-text-primary); opacity: 0; pointer-events: none; transform: translateY(0.5rem); transition: opacity var(--mb-duration-base) var(--mb-ease-standard), transform var(--mb-duration-base) var(--mb-ease-standard); }
.scroll-top[data-visible="true"] { opacity: 1; pointer-events: auto; transform: translateY(0); }
.scroll-top:hover { background: var(--mb-action-primary); color: var(--mb-text-inverse); }

.not-found { padding: var(--mb-space-32) 0; text-align: center; }
.not-found .breadcrumbs { display: flex; justify-content: center; }
.not-found h1 { margin: 0; font-family: var(--mb-font-display); font-size: 4rem; }
.not-found p { color: var(--mb-text-muted); }

@media (max-width: 900px) {
  .header-inner { gap: var(--mb-space-4); }
  .header-nav { gap: var(--mb-space-4); }
  .hero, .hero--single { grid-template-columns: 1fr; gap: var(--mb-space-10); }
  .hero h1, .page-title { max-width: 14ch; font-size: 4rem; }
  .section__intro { grid-template-columns: 1fr; gap: var(--mb-space-5); }
  .decision-layout { grid-template-columns: 1fr; }
  .decision-rail { position: static; display: flex; flex-wrap: wrap; gap: 0 var(--mb-space-4); border-top: 0; }
  .decision-rail a { border-bottom: 1px solid var(--mb-border-subtle); }
}

@media (max-width: 1100px) {
  .handoff { grid-template-columns: 1fr; gap: var(--mb-space-8); }
  .handoff .hero { grid-template-columns: minmax(0, 1fr); gap: var(--mb-space-8); }
  .handoff .hero h1 { max-width: 18ch; }
  .stat-rail--methodology-loop { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-rail--methodology-loop .stat-rail__item { border-bottom: 1px solid var(--mb-border-default); }
  .stat-rail--methodology-loop .stat-rail__item:nth-child(2n) { border-right: 0; }
  .stat-rail--methodology-loop .stat-rail__item:nth-child(n + 3) { border-bottom: 0; }
}

@media (max-width: 700px) {
  :root { --mb-header-height: 3.8rem; }
  .header-inner { min-height: var(--mb-header-height); }
  .mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; }
  .header-nav { position: absolute; top: var(--mb-header-height); right: var(--mb-page-gutter); left: var(--mb-page-gutter); display: none; flex-direction: column; align-items: stretch; gap: 0; padding: var(--mb-space-2); border: 1px solid var(--mb-line-400); background: var(--mb-ink-950); }
  .header-nav[data-open="true"] { display: flex; }
  .header-nav a { padding: 0.75rem; border-bottom: 1px solid var(--mb-graphite-700); }
  .header-nav a:last-child { border-bottom: 0; }
  .header-cta { display: none; }
  .hero { padding-top: var(--mb-hero-pad-top); }
  .hero h1, .page-title { font-size: 3rem; }
  .section h2 { font-size: 2.25rem; }
  .prose h2 { font-size: 1.75rem; }
  .not-found h1 { font-size: 2.75rem; }
  .hero__note, .stat-rail, .stat-rail--methodology-loop { grid-template-columns: 1fr; }
  .stat-rail__item { min-height: auto; border-right: 0; border-bottom: 1px solid var(--mb-border-default); }
  .stat-rail__item:last-child { border-bottom: 0; }
  .stat-rail--methodology-loop .stat-rail__item { border-bottom: 1px solid var(--mb-border-default); }
  .stat-rail--methodology-loop .stat-rail__item:nth-child(n + 3) { border-bottom: 1px solid var(--mb-border-default); }
  .stat-rail--methodology-loop .stat-rail__item:last-child { border-bottom: 0; }
  .section { padding: var(--mb-space-16) 0; }
  .section__intro { grid-template-columns: 1fr; gap: var(--mb-space-5); }
  .route-grid, .split-panel, .decision-cards, .reader-worksheet__lanes { grid-template-columns: 1fr; }
  .evidence-row { grid-template-columns: 1fr; gap: 0.35rem; }
  .evidence-row__meta { text-align: left; }
  .selector { grid-template-columns: 1fr; }
  .review-selector__options { grid-template-columns: 1fr; }
  .network-selector__options { grid-template-columns: 1fr; }
  .check-item { grid-template-columns: 1.25rem 1.6rem minmax(0, 1fr); }
  .check-item__state { grid-column: 3; }
  .preflight-frame__head { align-items: start; }
  .preflight-frame__progress { justify-items: start; }
  .preflight-frame .checklist { padding-inline: var(--mb-space-4); }
  .preflight-frame .check-result { margin: var(--mb-space-4); }
  .split-panel--preflight > * { padding: var(--mb-space-5); }
  .reader-worksheet__head { grid-template-columns: 1fr; gap: var(--mb-space-2); align-items: start; min-height: 0; padding: var(--mb-space-5); }
  .reader-worksheet__meta { padding-bottom: var(--mb-space-1); }
  .reader-worksheet__lane { min-height: 0; padding: var(--mb-space-5); border-right: 0; }
  .reader-worksheet__lane:last-child { border-bottom: 0; }
  .route-label-list li { grid-template-columns: 1fr; gap: 0.35rem; }
  .coverage-topic__head { grid-template-columns: 2.3rem minmax(0, 1fr); align-items: start; padding-block: var(--mb-space-3); }
  .coverage-topic__guidance { grid-template-columns: 1fr; gap: var(--mb-space-4); }
  .handoff { grid-template-columns: 1fr; }
  .handoff-surface__marker { left: var(--mb-space-3); max-width: calc(100% - (var(--mb-space-6))); overflow-wrap: anywhere; }
  .handoff-surface__bar { align-items: flex-start; flex-direction: column; gap: 0.15rem; min-height: 3.2rem; padding-block: var(--mb-space-2); }
  .handoff-surface__breadcrumbs { min-height: 2.8rem; padding-inline: var(--mb-space-4); }
  .handoff-surface__body { padding: var(--mb-space-4); }
  .handoff__target-banner { align-items: flex-start; flex-direction: column; gap: var(--mb-space-2); padding-block: var(--mb-space-3); }
  .handoff__target-content { padding: var(--mb-space-4); }
  .handoff__target-head { align-items: flex-start; flex-direction: column; gap: var(--mb-space-2); }
  .handoff__status-table { width: 100%; }
  .handoff__status-table, .handoff__status-table tbody, .handoff__status-table tr, .handoff__status-table th, .handoff__status-table td { display: block; width: 100%; }
  .handoff__status-table tr { padding: var(--mb-space-3) 0; }
  .handoff__status-table th, .handoff__status-table td { padding: 0; }
  .handoff__status-table td { margin-top: 0.25rem; }
  .handoff__actions { grid-template-columns: 1fr; }
  .handoff__auto, .handoff__boundary { margin-left: 0; margin-right: 0; }
  .handoff__auto-actions { flex-direction: column; align-items: stretch; }
  .handoff__auto-actions .button { width: 100%; }
  .handoff-surface__foot { padding-inline: var(--mb-space-4); }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-links { grid-template-columns: repeat(3, minmax(0, 1fr)); justify-content: start; gap: var(--mb-space-3); }
  .footer-links a { overflow-wrap: anywhere; }
  .footer-meta { grid-column: auto; }
}

@media (max-width: 360px) {
  .hero h1, .page-title { font-size: 2.75rem; }
}

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