:root {
  color-scheme: light;
  --color-bg: #f3f1eb;
  --color-surface: #fbfaf6;
  --color-surface-raised: #ffffff;
  --color-ink: #17201c;
  --color-text-muted: #69716b;
  --color-text-faint: #8f958f;
  --color-border: #d7d8d1;
  --color-border-strong: #b8bdb5;
  --color-accent: #245f52;
  --color-accent-soft: #e3eee9;
  --color-success: #245f52;
  --color-success-soft: #e3eee9;
  --color-warning: #8a5a12;
  --color-warning-soft: #f6ecd9;
  --color-failure: #9a3f38;
  --color-failure-soft: #f7e6e3;
  --color-link: #315f8b;
  --color-link-soft: #e7eef5;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --text-xs: 0.6875rem;
  --text-sm: 0.75rem;
  --text-md: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.5rem;
  --text-display: clamp(3rem, 8vw, 7rem);
  --leading-tight: 1.1;
  --leading-normal: 1.5;
  --leading-reading: 1.65;
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-pill: 999px;
  --elevation-none: none;
  --elevation-raised: 0 0.5rem 1.5rem rgb(23 32 28 / 0.08);
  --focus-color: #315f8b;
  --focus-width: 2px;
  --focus-offset: 3px;
  --breakpoint-mobile: 430px;
  --breakpoint-compact: 720px;
  --breakpoint-medium: 1050px;

  /* Compatibility aliases for surfaces that have not yet migrated. */
  --paper: var(--color-bg);
  --surface: var(--color-surface);
  --surface-strong: var(--color-surface-raised);
  --ink: var(--color-ink);
  --muted: var(--color-text-muted);
  --faint: var(--color-text-faint);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --accent: var(--color-accent);
  --accent-soft: var(--color-accent-soft);
  --blue: var(--color-link);
  --blue-soft: var(--color-link-soft);
  --amber: var(--color-warning);
  --amber-soft: var(--color-warning-soft);
  --red: var(--color-failure);
  --red-soft: var(--color-failure-soft);
  --serif: var(--font-serif);
  --sans: var(--font-sans);
  --mono: var(--font-mono);
}

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.035em; }
h1 { max-width: 960px; margin-bottom: var(--space-6); font-size: clamp(3rem, 7vw, 5.5rem); line-height: 0.97; }
h2 { margin-bottom: 0; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }
h3, h4 { line-height: 1.25; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-frame { width: min(1480px, calc(100% - 64px)); margin: 0 auto; }
.masthead { min-height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 32px; border-bottom: 1px solid var(--line-strong); }
.wordmark { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); font-family: var(--serif); font-size: 1.2rem; text-decoration: none; }
.wordmark-mark { width: 31px; height: 31px; display: block; flex: 0 0 auto; }
.primary-nav { display: flex; gap: 28px; }
.primary-nav a { color: var(--muted); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; }
.primary-nav a:hover { color: var(--accent); }
.system-state { justify-self: end; display: inline-flex; align-items: center; gap: 9px; color: var(--muted); font-size: 0.74rem; }
.health-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--faint); }
.health-dot.healthy { background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.health-dot.unhealthy { background: var(--red); box-shadow: 0 0 0 4px var(--red-soft); }

.intro { min-height: 520px; display: grid; grid-template-columns: minmax(0, 1fr) 310px; align-items: end; gap: var(--space-20); padding: 96px 0 68px; border-bottom: 1px solid var(--color-border-strong); }
.intro-copy { min-width: 0; }
.value-statement { max-width: 720px; margin-bottom: 0; color: var(--color-text-muted); font-family: var(--font-serif); font-size: 1.18rem; line-height: var(--leading-reading); }
.intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.intro-action-note { max-width: 310px; color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-reading); }
.surface-label { margin-bottom: var(--space-8); color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.625rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.kicker { margin-bottom: 12px; color: var(--accent); font-family: var(--mono); font-size: 0.66rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.kicker.danger { color: var(--red); }
.scope-note { min-width: 0; padding: var(--space-6) 0 var(--space-1); border-top: 1px solid var(--color-ink); }
.scope-index { display: block; margin-bottom: 50px; color: var(--faint); font-family: var(--mono); font-size: 0.68rem; }
.scope-note p { margin-bottom: var(--space-2); font-family: var(--font-serif); font-size: 1.35rem; }
.scope-note > span:last-child { color: var(--color-text-muted); font-size: 0.78rem; line-height: 1.55; }

.profile-section, .archive-section, .method-section { padding: 78px 0; border-bottom: 1px solid var(--line-strong); }
.section-intro { margin-bottom: 34px; }
.profile-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 390px); align-items: end; gap: var(--space-16); }
.profile-heading .surface-label { margin-bottom: var(--space-5); }
.profile-guidance { margin: 0; color: var(--color-text-muted); font-size: var(--text-md); line-height: var(--leading-reading); }
.profile-selector { display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--color-border-strong); }
.profile-option { min-width: 0; width: 100%; display: grid; grid-template-columns: 48px minmax(240px, 0.85fr) minmax(280px, 1fr) auto; align-items: center; gap: var(--space-6); padding: var(--space-6) 0; border: 0; border-bottom: 1px solid var(--color-border); color: var(--color-ink); background: transparent; cursor: pointer; text-align: left; transition: color 140ms ease, background 140ms ease, padding 140ms ease; }
.profile-option:hover { padding-right: var(--space-4); padding-left: var(--space-4); color: var(--color-accent); background: var(--color-surface-raised); }
.profile-option.selected { padding-right: var(--space-4); padding-left: var(--space-4); background: var(--color-accent-soft); box-shadow: inset 3px 0 0 var(--color-accent); }
.profile-index { color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); }
.profile-copy, .profile-metadata { min-width: 0; display: grid; gap: var(--space-1); }
.profile-name { font-family: var(--font-serif); font-size: var(--text-2xl); line-height: var(--leading-tight); }
.profile-product { color: var(--color-text-muted); font-size: var(--text-sm); font-weight: 700; }
.profile-network { color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.625rem; }
.profile-purpose { color: var(--color-text-muted); font-family: var(--font-mono); font-size: 0.625rem; overflow-wrap: anywhere; }
.profile-mode { width: fit-content; color: var(--color-link); font-family: var(--font-mono); font-size: 0.625rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.profile-mode.active { color: var(--color-success); }
.profile-id { color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.625rem; overflow-wrap: anywhere; }
.profile-select-label { justify-self: end; color: var(--color-text-muted); font-family: var(--font-mono); font-size: 0.625rem; font-weight: 700; text-transform: uppercase; }
.profile-option.selected .profile-select-label { color: var(--color-accent); }
.registry-boundary { max-width: 720px; margin: var(--space-5) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-reading); }

.current-section { padding: var(--space-20) 0; border-bottom: 1px solid var(--color-border-strong); }
.section-bar, .archive-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--space-8); margin-bottom: var(--space-8); }
.source-controls { display: flex; align-items: center; gap: var(--space-3); }
.source-badge, .detail-source, .badge { display: inline-flex; align-items: center; width: fit-content; border-radius: var(--radius-pill); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.source-badge, .detail-source { gap: var(--space-2); padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); }
.source-marker { flex: 0 0 auto; width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; background: currentColor; }
.source-badge.fixture, .detail-source.fixture { color: var(--blue); background: var(--blue-soft); }
.source-badge.live, .detail-source.live { color: var(--accent); background: var(--accent-soft); }
.source-badge.incomplete, .detail-source.incomplete { color: var(--amber); background: var(--amber-soft); }
.source-badge.failed, .detail-source.failed { color: var(--red); background: var(--red-soft); }
.primary-action { display: inline-flex; align-items: center; justify-content: center; min-height: var(--space-10); padding: var(--space-2) var(--space-4); border: 1px solid var(--color-accent); color: var(--color-surface-raised); background: var(--color-accent); cursor: pointer; font-size: var(--text-sm); font-weight: 750; text-decoration: none; transition: color 140ms ease, background 140ms ease, border-color 140ms ease, transform 140ms ease; }
.primary-action:hover { color: var(--accent); background: transparent; }
.primary-action:disabled { border-color: var(--line-strong); color: var(--faint); background: transparent; cursor: not-allowed; }
.secondary-action { display: inline-flex; align-items: center; justify-content: center; min-height: var(--space-10); padding: var(--space-2) var(--space-4); border: 1px solid var(--color-border-strong); color: var(--color-ink); background: var(--color-surface-raised); cursor: pointer; font-size: var(--text-sm); font-weight: 750; transition: color 140ms ease, background 140ms ease, border-color 140ms ease, transform 140ms ease; }
.secondary-action:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.secondary-action:disabled { color: var(--faint); cursor: wait; }
.primary-action:active, .secondary-action:active, .copy-action:active, .replay-action:active, .trace-link:active { transform: translateY(1px); }
.scan-status { min-height: var(--space-5); margin: 0 0 var(--space-5); color: var(--color-text-muted); font-size: var(--text-sm); }
.failure-panel { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: var(--space-10); margin: 0 0 var(--space-5); padding: var(--space-5) var(--space-6); border: 1px solid var(--color-failure); background: var(--color-failure-soft); }
.failure-panel[hidden] { display: none; }
.failure-panel h3 { margin-bottom: 0; }
.failure-panel ul { min-width: 0; margin: 0; padding-left: var(--space-5); color: var(--color-failure); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-reading); }
.failure-panel li { overflow-wrap: anywhere; }

.investigation-shell { max-width: 100%; display: grid; grid-template-columns: 310px minmax(0, 1fr); align-items: start; border: 1px solid var(--color-border-strong); background: var(--color-surface); box-shadow: var(--elevation-raised); }
.case-summary { min-width: 0; max-width: 100%; position: sticky; top: var(--space-5); padding: var(--space-8) var(--space-6); border-right: 1px solid var(--color-border); background: var(--color-surface); }
.case-number { margin-bottom: var(--space-12); color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; overflow-wrap: anywhere; }
.case-summary h3 { margin-bottom: var(--space-2); font-family: var(--font-serif); font-size: var(--text-2xl); font-weight: 400; }
.case-target { margin-bottom: var(--space-8); color: var(--color-text-muted); font-size: var(--text-md); }
.case-facts { margin: 0; border-top: 1px solid var(--line); }
.case-facts div { padding: var(--space-4) 0; border-bottom: 1px solid var(--color-border); }
.case-facts dt { margin-bottom: var(--space-2); color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.case-facts dd { margin: 0; font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-normal); overflow-wrap: anywhere; }
.active-profile-note { margin: var(--space-6) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-reading); }

.detail-panel { min-width: 0; max-width: 100%; padding: 38px 42px 48px; background: var(--color-surface); }
.detail-placeholder, .detail-empty { min-height: 420px; display: grid; align-content: center; justify-items: start; gap: var(--space-3); max-width: 620px; }
.detail-placeholder { padding: var(--space-8); border: 1px dashed var(--color-border-strong); background: var(--color-bg); }
.detail-placeholder.live-scan-loading { width: 100%; max-width: none; border-color: var(--color-accent); background: var(--color-accent-soft); }
.loading-mark { width: 9px; height: 9px; margin-bottom: var(--space-2); border-radius: 50%; background: var(--color-link); box-shadow: 0 0 0 5px var(--color-link-soft); }
.detail-placeholder-copy { max-width: 500px; margin: 0; color: var(--color-text-muted); font-size: var(--text-md); line-height: var(--leading-reading); }
.loading-note { margin: var(--space-3) 0 0; color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); }
.detail-empty.failed h3 { color: var(--red); }
.detail-empty { padding: var(--space-8); border: 1px solid var(--color-border-strong); background: var(--color-bg); }
.detail-empty.failed { border-color: var(--color-failure); background: var(--color-failure-soft); }
.detail-empty.incomplete { border-color: var(--color-warning); background: var(--color-warning-soft); }
.detail-empty-copy { max-width: 560px; margin: 0; color: var(--color-text-muted); font-size: var(--text-md); line-height: var(--leading-reading); }
.detail-empty-facts { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--space-4) 0 0; border-top: 1px solid var(--color-border-strong); }
.detail-empty-facts div { min-width: 0; padding: var(--space-3) var(--space-4) var(--space-3) 0; border-bottom: 1px solid var(--color-border-strong); }
.detail-empty-facts div + div { padding-left: var(--space-4); border-left: 1px solid var(--color-border-strong); }
.detail-empty-facts dt { margin-bottom: var(--space-1); color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.55rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.detail-empty-facts dd { min-width: 0; max-width: 100%; margin: 0; color: var(--color-ink); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-reading); overflow-wrap: anywhere; }
.detail-header { max-width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 230px); align-items: start; gap: 32px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.detail-header > * { min-width: 0; max-width: 100%; }
.detail-title-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.detail-title-kicker .kicker { margin-bottom: 0; }
.detail-header h3 { max-width: 700px; margin-bottom: 10px; font-family: var(--serif); font-size: clamp(1.75rem, 3vw, 2.65rem); font-weight: 400; }
.detail-summary { max-width: 760px; margin-bottom: 0; color: var(--muted); font-size: 0.86rem; line-height: 1.65; }
.badge-stack { min-width: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 7px; }
.status-caption { margin: 0 0 2px; color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.58rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.badge { max-width: 100%; display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid currentColor; overflow-wrap: anywhere; }
.badge-icon { flex: 0 0 auto; width: 1em; height: 1em; display: inline-grid; place-items: center; font-size: 0.82em; line-height: 1; }
.dominant-status-badge { padding: 9px 12px; font-size: var(--text-sm); letter-spacing: 0.09em; box-shadow: inset 0 0 0 1px currentColor; }
.badge.complete, .badge.passed, .badge.corroborated, .badge.informational { color: var(--accent); background: var(--accent-soft); }
.badge.pending { color: var(--blue); background: var(--blue-soft); }
.badge.incomplete, .badge.unsupported, .badge.skipped, .badge.suspicious { color: var(--amber); background: var(--amber-soft); }
.badge.failed, .badge.mismatch, .badge.contradicted, .badge.high { color: var(--red); background: var(--red-soft); }

.investigation-overview { min-width: 0; max-width: 100%; padding: var(--space-6) 0 var(--space-2); border-bottom: 1px solid var(--color-border); }
.overview-grid { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--color-border); }
.overview-item { min-width: 0; padding: var(--space-3) var(--space-4) var(--space-4) 0; border-bottom: 1px solid var(--color-border); }
.overview-item:nth-child(3n + 2), .overview-item:nth-child(3n + 3) { padding-left: var(--space-4); border-left: 1px solid var(--color-border); }
.overview-item dt, .trace-fact dt { margin-bottom: var(--space-1); color: var(--color-text-faint); font-family: var(--font-mono); font-size: 0.55rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.overview-item dd, .trace-fact dd { min-width: 0; max-width: 100%; margin: 0; color: var(--color-ink); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-normal); overflow-wrap: anywhere; }
.overview-item a, .trace-fact a { overflow-wrap: anywhere; }

.trace-section, .ledger-section, .decision-section, .evidence-section, .sources-section { min-width: 0; max-width: 100%; padding: var(--space-8) 0; border-bottom: 1px solid var(--color-border); }
.content-heading { margin-bottom: var(--space-5); }
.content-heading h3 { margin-bottom: 0; font-family: var(--font-serif); font-size: var(--text-xl); font-weight: 400; }
.trace-list { min-width: 0; max-width: 100%; margin: 0; padding: 0; list-style: none; }
.trace-stage { min-width: 0; max-width: 100%; position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); border-top: 1px solid var(--line); }
.trace-stage:last-child { border-bottom: 1px solid var(--line); }
.trace-number { position: relative; padding: var(--space-5) 0 var(--space-5) 18px; color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); }
.trace-number::before { content: ""; position: absolute; top: 21px; left: 0; width: 9px; height: 9px; border: 1px solid var(--color-border-strong); border-radius: 50%; background: var(--color-surface); transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.trace-stage.complete .trace-number::before { border-color: var(--color-accent); background: var(--color-accent); }
.trace-stage.incomplete .trace-number::before { border-color: var(--color-warning); background: var(--color-warning-soft); }
.trace-stage.failed .trace-number::before { border-color: var(--color-failure); background: var(--color-failure-soft); }
.trace-stage:not(:last-child) .trace-number::after { content: ""; position: absolute; top: 31px; bottom: 0; left: 4px; border-left: 1px solid var(--color-border); }
.trace-body { min-width: 0; max-width: 100%; padding: var(--space-5) 0 var(--space-6); }
.trace-top, .trace-stage-meta, .trace-detail-top { min-width: 0; max-width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); }
.trace-stage-meta { justify-content: flex-end; }
.trace-top h4 { min-width: 0; margin: 0; color: var(--color-ink); font-family: var(--font-serif); font-size: var(--text-lg); font-weight: 400; overflow-wrap: anywhere; }
.trace-body > p { max-width: 100%; margin: var(--space-2) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-reading); overflow-wrap: anywhere; }
.trace-facts { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-4) 0 0; padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.trace-fact { min-width: 0; }
.trace-details { min-width: 0; max-width: 100%; display: grid; gap: var(--space-2); margin: var(--space-3) 0 0; padding: 0; list-style: none; }
.trace-details li { min-width: 0; max-width: 100%; padding: var(--space-3); border: 1px solid var(--color-border); font-family: var(--font-mono); font-size: var(--text-xs); }
.trace-details li > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.trace-detail-summary { margin: var(--space-2) 0 0; color: var(--color-text-muted); line-height: var(--leading-normal); overflow-wrap: anywhere; }
.trace-elapsed { min-width: 0; max-width: 100%; color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); white-space: nowrap; }
.trace-elapsed.fixture-timing { line-height: var(--leading-normal); white-space: normal; }
.trace-disclosure { min-width: 0; max-width: 100%; margin-top: var(--space-4); border: 1px solid var(--color-border); background: var(--color-bg); }
.trace-disclosure summary { min-width: 0; max-width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-3); color: var(--color-link); cursor: pointer; font-family: var(--font-mono); font-size: var(--text-xs); list-style: none; }
.trace-disclosure summary::-webkit-details-marker { display: none; }
.trace-disclosure summary::after { flex: 0 0 auto; content: "+"; color: currentColor; font-size: var(--text-md); line-height: 1; }
.trace-disclosure[open] summary::after { content: "−"; }
.trace-disclosure summary:hover { background: var(--color-link-soft); }
.trace-disclosure-content { min-width: 0; max-width: 100%; padding: 0 var(--space-3) var(--space-3); border-top: 1px solid var(--color-border); }
.trace-disclosure[open] .trace-disclosure-content { animation: trace-reveal 160ms ease both; }
.trace-disclosure-content .trace-details { margin-top: var(--space-3); }
.trace-disclosure-count { min-width: 0; color: var(--color-text-faint); overflow-wrap: anywhere; text-align: right; }
.trace-evidence-grid { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-5); margin: var(--space-3) 0 0; }
.trace-no-details { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: var(--leading-reading); }
.trace-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.trace-link { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); color: var(--color-link); background: transparent; cursor: pointer; font-family: var(--font-mono); font-size: var(--text-xs); text-decoration: none; }
.trace-link:hover { border-color: var(--color-accent); color: var(--color-accent); background: var(--color-accent-soft); }

.check-ledger { min-width: 0; max-width: 100%; display: grid; gap: 10px; }
.check-record { min-width: 0; max-width: 100%; padding: 18px; border: 1px solid var(--line); background: var(--surface-strong); }
.check-record.mismatch, .check-record.failed { border-color: var(--color-failure); }
.check-record.unsupported { border-color: var(--color-warning); }
.check-record.skipped { border-color: var(--color-warning); background: var(--color-warning-soft); }
.check-record-top { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; }
.check-record h4 { min-width: 0; max-width: 100%; margin: 0; font-family: var(--mono); font-size: 0.71rem; overflow-wrap: anywhere; }
.check-description { margin: 10px 0 16px; color: var(--muted); font-size: 0.75rem; line-height: 1.55; }
.check-metadata { min-width: 0; max-width: 100%; display: grid; grid-template-columns: 0.7fr 0.7fr 1.3fr 1.3fr; gap: 14px; margin: 0; }
.check-metadata div { min-width: 0; }
.check-metadata dt { margin-bottom: 5px; color: var(--faint); font-family: var(--mono); font-size: 0.55rem; text-transform: uppercase; }
.check-metadata dd { margin: 0; font-family: var(--mono); font-size: 0.62rem; line-height: 1.5; overflow-wrap: anywhere; }
.check-failure { margin: 14px 0 0; color: var(--red); font-family: var(--mono); font-size: 0.65rem; }

.decision-grid { min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(0, 1.1fr) repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--color-border); }
.decision-grid > * { min-width: 0; max-width: 100%; padding: var(--space-5) var(--space-5) var(--space-5) 0; border-bottom: 1px solid var(--color-border); }
.decision-grid > * + * { padding-left: var(--space-5); border-left: 1px solid var(--color-border); }
.decision-block { background: var(--color-accent-soft); }
.decision-block-heading { min-width: 0; max-width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.decision-block-heading .kicker { margin-bottom: 0; }
.decision-badge { flex: 0 0 auto; }
.decision-explanation { margin: var(--space-5) 0 0; color: var(--color-ink); font-family: var(--font-serif); font-size: var(--text-lg); line-height: var(--leading-reading); }
.decision-state-note { margin: var(--space-4) 0 0; color: var(--color-warning); font-family: var(--font-mono); font-size: var(--text-xs); line-height: var(--leading-reading); }
.context-block { min-width: 0; max-width: 100%; }
.context-block ul { min-width: 0; max-width: 100%; margin: 0; padding-left: 18px; color: var(--muted); font-size: 0.78rem; line-height: 1.65; }
.context-block li { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.decision-grid .limitations { padding-left: var(--space-5); border-left: 1px solid var(--color-border); }
.evidence-grid { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); }
.evidence-item { min-width: 0; padding: 15px 14px 15px 0; border-bottom: 1px solid var(--line); }
.evidence-item:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }
.evidence-item dt { margin-bottom: 6px; color: var(--faint); font-family: var(--mono); font-size: 0.55rem; text-transform: uppercase; }
.evidence-item dd { margin: 0; font-family: var(--mono); font-size: 0.63rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.source-link { color: var(--color-link); text-decoration: underline; text-decoration-color: var(--color-border-strong); text-underline-offset: var(--focus-offset); }
.source-list { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); }
.source-record { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--blue); font-family: var(--mono); font-size: 0.62rem; text-transform: capitalize; text-decoration: none; overflow-wrap: anywhere; }
.source-record:hover { background: var(--blue-soft); }
.evidence-errors { margin-top: var(--space-6); padding: var(--space-5); border: 1px solid var(--color-failure); color: var(--color-failure); background: var(--color-failure-soft); }
.receipt-bar { min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr); align-items: center; gap: var(--space-8); margin-top: var(--space-8); padding: var(--space-6); border: 1px solid var(--color-accent); background: var(--color-surface-raised); }
.receipt-bar > * { min-width: 0; max-width: 100%; }
.receipt-bar h3 { max-width: 100%; margin-bottom: 6px; font-family: var(--mono); font-size: 0.78rem; overflow-wrap: anywhere; word-break: break-word; }
.receipt-bar p:last-child { max-width: 630px; margin: 0; color: var(--muted); font-size: 0.72rem; line-height: 1.55; }
.receipt-id { display: block; }
.receipt-actions { min-width: 0; max-width: 100%; display: grid; gap: var(--space-3); }
.receipt-action-row { min-width: 0; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2); }
.receipt-action-row > * { min-width: 0; max-width: 100%; }
.receipt-verification { min-height: 18px; margin: 0; color: var(--muted); font-family: var(--mono); font-size: 0.6rem; text-align: right; overflow-wrap: anywhere; }
.receipt-verification.verified { color: var(--accent); }
.receipt-verification.failed { color: var(--red); }

.archive-heading > p { max-width: 420px; margin: 0; color: var(--color-text-muted); font-family: var(--font-serif); font-size: var(--text-lg); line-height: var(--leading-reading); }
.archive-table-wrap { overflow-x: auto; border-top: 1px solid var(--line-strong); }
.archive-table { width: 100%; border-collapse: collapse; text-align: left; }
.archive-table th { padding: var(--space-3); border-bottom: 1px solid var(--color-border-strong); color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.archive-table td { padding: var(--space-5) var(--space-3); border-bottom: 1px solid var(--color-border); color: var(--color-text-muted); font-size: var(--text-sm); vertical-align: middle; }
.archive-table td:first-child, .archive-table th:first-child { padding-left: 0; }
.archive-table td:last-child, .archive-table th:last-child { padding-right: 0; text-align: right; }
.archive-table strong { display: block; margin-bottom: var(--space-1); color: var(--color-ink); font-family: var(--font-serif); font-size: var(--text-lg); font-weight: 400; }
.archive-profile-id, .archive-date, .archive-source-label { display: block; color: var(--color-text-faint); font-family: var(--font-mono); font-size: var(--text-xs); }
.archive-source-label { margin-bottom: var(--space-1); color: var(--blue); text-transform: uppercase; }
.archive-block-link { display: block; width: fit-content; margin-bottom: var(--space-1); color: var(--blue); font-weight: 700; text-underline-offset: var(--space-1); }
.mono { font-family: var(--mono); font-size: 0.62rem !important; }
.archive-check-counts { display: grid; gap: var(--space-1); }
.archive-check-count { overflow-wrap: anywhere; }
.archive-check-count.passed { color: var(--accent); }
.archive-check-count.failed { color: var(--red); }
.archive-check-count.incomplete, .archive-check-count.skipped { color: var(--amber); }
.receipt-cell { max-width: 230px; overflow-wrap: anywhere; }
.archive-receipt-id { display: block; max-width: 100%; color: var(--ink); font-family: var(--mono); font-size: var(--text-xs); line-height: var(--leading-normal); overflow-wrap: anywhere; }
.copy-action { margin-top: var(--space-2); padding: var(--space-1) var(--space-2); border: 1px solid var(--line-strong); color: var(--ink); background: transparent; cursor: pointer; font-size: var(--text-xs); }
.copy-action:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.copy-status { display: block; min-height: var(--space-4); margin-top: var(--space-1); color: var(--muted); font-family: var(--mono); font-size: var(--text-xs); }
.replay-action { padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border-strong); color: var(--color-ink); background: transparent; cursor: pointer; font-size: var(--text-xs); font-weight: 700; }
.replay-action:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
.archive-empty { padding: var(--space-12) var(--space-5); border: 1px solid var(--color-border); color: var(--color-text-muted); text-align: center; }

.packet-verifier-section { padding: 78px 0; border-bottom: 1px solid var(--line-strong); }
.packet-verifier-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 420px); align-items: end; gap: var(--space-16); }
.packet-verifier-heading > p { margin: 0; color: var(--color-text-muted); font-family: var(--font-serif); font-size: var(--text-lg); line-height: var(--leading-reading); }
.packet-verifier-panel { min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr); gap: var(--space-8); padding: var(--space-8) 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line); }
.packet-file-control, .packet-verification-result { min-width: 0; max-width: 100%; }
.packet-file-control { display: grid; align-content: start; gap: var(--space-3); }
.packet-file-label { min-width: 0; display: grid; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--line-strong); color: var(--ink); background: var(--surface); cursor: pointer; font-weight: 750; }
.packet-file-label:hover, .packet-file-label:focus-within { border-color: var(--accent); background: var(--accent-soft); }
.packet-file-label input { width: 100%; min-width: 0; color: var(--muted); font-family: var(--mono); font-size: var(--text-xs); }
.packet-file-label input:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); }
.packet-file-hint, .packet-verification-boundary { margin: 0; color: var(--muted); font-family: var(--mono); font-size: var(--text-xs); line-height: var(--leading-reading); }
.packet-verification-result { padding: var(--space-6); border: 1px solid var(--line); background: var(--surface); }
.packet-verification-result.valid { border-color: var(--accent); background: var(--accent-soft); }
.packet-verification-result.tampered, .packet-verification-result.malformed, .packet-verification-result.mismatched-identifiers { border-color: var(--red); background: var(--red-soft); }
.packet-verification-result.unsupported-schema, .packet-verification-result.missing-receipt, .packet-verification-result.wrong-format { border-color: var(--amber); background: var(--amber-soft); }
.packet-verification-result.pending { border-color: var(--blue); background: var(--blue-soft); }
.packet-verification-result h3 { margin-bottom: var(--space-3); font-family: var(--serif); font-size: var(--text-2xl); font-weight: 400; }
.packet-verification-message { max-width: 680px; margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: var(--leading-reading); }
.packet-verification-details { min-width: 0; max-width: 100%; display: grid; gap: var(--space-3); margin: var(--space-5) 0 0; padding-top: var(--space-5); border-top: 1px solid var(--line); }
.packet-verification-details div { min-width: 0; display: grid; grid-template-columns: minmax(140px, 0.35fr) minmax(0, 1fr); gap: var(--space-3); }
.packet-verification-details dt { color: var(--faint); font-family: var(--mono); font-size: var(--text-xs); text-transform: uppercase; }
.packet-verification-details dd { min-width: 0; margin: 0; color: var(--ink); overflow-wrap: anywhere; }
.packet-verification-boundary { max-width: 860px; margin-top: var(--space-5); }

.method-section { display: grid; grid-template-columns: minmax(260px, 0.32fr) minmax(0, 0.68fr); gap: 70px; }
.method-heading { position: sticky; top: 30px; align-self: start; }
.method-heading > p:last-child { max-width: 360px; margin-top: 18px; color: var(--muted); font-size: 0.82rem; line-height: 1.65; }
.method-list { margin: 0; padding: 0; list-style: none; counter-reset: none; border-top: 1px solid var(--line-strong); }
.method-list li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 18px; padding: 23px 0; border-bottom: 1px solid var(--line); }
.method-list li > span { color: var(--faint); font-family: var(--mono); font-size: 0.62rem; }
.method-list h3 { margin-bottom: 7px; font-family: var(--serif); font-size: 1.3rem; font-weight: 400; }
.method-list p { margin: 0; color: var(--muted); font-size: 0.76rem; line-height: 1.6; }

footer { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; padding: 28px 0 36px; color: var(--faint); font-family: var(--mono); font-size: 0.58rem; text-transform: uppercase; }
.footer-notes { display: flex; flex-wrap: wrap; gap: 24px; }
.project-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
.project-links a { color: var(--muted); font-weight: 700; letter-spacing: 0.08em; text-decoration: none; }
.project-links a:hover, .project-links a:focus-visible { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

button:focus-visible, a:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); }

@keyframes trace-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1050px) {
  .site-frame { width: min(100% - 40px, 1480px); }
  .profile-option { grid-template-columns: 40px minmax(200px, 0.8fr) minmax(240px, 1fr) auto; }
  .investigation-shell { grid-template-columns: 250px minmax(0, 1fr); }
  .detail-panel { padding: 32px 28px 40px; }
  .overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-item:nth-child(3n + 2), .overview-item:nth-child(3n + 3) { padding-left: 0; border-left: 0; }
  .overview-item:nth-child(even) { padding-left: var(--space-4); border-left: 1px solid var(--color-border); }
  .trace-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid .decision-block { grid-column: 1 / -1; }
  .check-metadata { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .site-frame { width: min(100% - 28px, 1480px); }
  .masthead { grid-template-columns: 1fr auto; min-height: 68px; }
  .primary-nav { display: none; }
  .intro { min-height: auto; grid-template-columns: 1fr; gap: 56px; padding: 74px 0 54px; }
  .intro-actions { align-items: stretch; flex-direction: column; }
  .intro-action { width: 100%; }
  .intro-action-note { max-width: 100%; }
  h1 { font-size: clamp(3rem, 16vw, 4.7rem); }
  .scope-index { margin-bottom: 26px; }
  .profile-section, .current-section, .archive-section, .method-section { padding: 54px 0; }
  .profile-heading { grid-template-columns: 1fr; gap: var(--space-5); }
  .profile-option { grid-template-columns: 32px minmax(0, 1fr); gap: var(--space-3) var(--space-4); padding: var(--space-5) 0; }
  .profile-metadata { grid-column: 2; }
  .profile-select-label { grid-column: 2; justify-self: start; margin-top: var(--space-2); }
  .section-bar, .archive-heading { align-items: flex-start; flex-direction: column; }
  .source-controls { width: 100%; align-items: stretch; flex-direction: column; }
  .failure-panel { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .investigation-shell { grid-template-columns: 1fr; }
  .case-summary { position: static; border-right: 0; border-bottom: 1px solid var(--line); }
  .case-number { margin-bottom: 24px; }
  .detail-panel { padding: 28px 18px 34px; }
  .detail-header { grid-template-columns: 1fr; }
  .badge-stack { flex-flow: row wrap; align-items: flex-start; }
  .status-caption { width: 100%; }
  .detail-empty-facts { grid-template-columns: 1fr; }
  .detail-empty-facts div + div { padding-left: 0; border-left: 0; }
  .investigation-overview { padding-top: var(--space-5); }
  .overview-grid { grid-template-columns: 1fr; }
  .overview-item, .overview-item:nth-child(even) { padding-left: 0; border-left: 0; }
  .trace-stage { grid-template-columns: 40px minmax(0, 1fr); }
  .trace-number { padding-right: 8px; padding-left: 17px; }
  .trace-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-grid { grid-template-columns: 1fr; }
  .decision-grid .decision-block { grid-column: auto; }
  .decision-grid > *, .decision-grid > * + *, .decision-grid .limitations { padding-left: 0; border-left: 0; }
  .decision-grid > * + * { border-top: 1px solid var(--color-border); }
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-item:nth-child(even) { padding-left: 0; border-left: 0; }
  .source-list { grid-template-columns: 1fr; }
  .receipt-bar { grid-template-columns: 1fr; align-items: stretch; }
  .receipt-action-row { flex-direction: column; justify-content: stretch; }
  .receipt-action-row > * { width: 100%; max-width: 100%; }
  .receipt-verification { text-align: left; }
  .archive-table-wrap { overflow: visible; border-top: 0; }
  .archive-table, .archive-table tbody, .archive-table tr, .archive-table td { display: block; width: 100%; }
  .archive-table thead { display: none; }
  .archive-table tr { margin-bottom: 14px; padding: 16px; border: 1px solid var(--line-strong); background: var(--surface); }
  .archive-table td { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); text-align: left !important; }
  .archive-table td:last-child { border-bottom: 0; }
  .archive-table td::before { content: attr(data-label); color: var(--faint); font-family: var(--mono); font-size: 0.55rem; text-transform: uppercase; }
  .archive-table strong { font-size: 0.92rem; }
  .method-section { display: block; }
  .method-heading { position: static; }
  .packet-verifier-section { padding: 54px 0; }
  .packet-verifier-heading { grid-template-columns: 1fr; gap: var(--space-5); }
  .packet-verifier-panel { grid-template-columns: 1fr; gap: var(--space-6); padding: var(--space-6) 0; }
  .packet-verification-details div { grid-template-columns: 1fr; gap: var(--space-1); }
  footer { flex-direction: column; align-items: flex-start; }
  .project-links { justify-content: flex-start; }
}

@media (max-width: 430px) {
  .system-state { font-size: 0; }
  .health-dot { display: block; }
  .profile-name { font-size: var(--text-xl); }
  .check-metadata { grid-template-columns: 1fr; }
  .trace-facts { grid-template-columns: 1fr; }
  .trace-details { display: grid; grid-template-columns: minmax(0, 1fr); }
  .trace-details li { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* 2026 product system */
:root {
  --color-bg: #f3f1eb;
  --color-surface: #f9f8f3;
  --color-surface-raised: #fffef9;
  --color-ink: #101814;
  --color-text-muted: #4f5d53;
  --color-text-faint: #59665d;
  --color-border: #d8d7ce;
  --color-border-strong: #b9bcb3;
  --color-accent: #0b5038;
  --color-accent-soft: #deebe4;
  --color-link: #285fbd;
  --color-link-soft: #e6eefc;
  --font-serif: var(--font-sans);
  --radius-sm: 10px;
  --radius-card: 22px;
  --radius-large: 34px;
  --elevation-raised: 0 22px 70px rgb(16 24 20 / 0.09);
}

html { scroll-padding-top: 92px; }
body { min-width: 320px; line-height: 1.5; }
h1, h2 { font-family: var(--font-sans); font-weight: 760; letter-spacing: -0.055em; }
h1 { max-width: none; font-size: clamp(3.1rem, 5.8vw, 6.3rem); line-height: 0.88; }
h2 { font-size: clamp(2.4rem, 4.5vw, 4.35rem); line-height: 0.96; }
.site-frame { width: min(1440px, calc(100% - 72px)); }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: #ffffff; background: var(--accent); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.section-label { margin: 0 0 54px; color: var(--faint); font-family: var(--mono); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; }

.masthead { position: sticky; z-index: 30; top: 0; min-height: auto; display: block; border-bottom: 1px solid rgb(16 24 20 / 0.12); background: rgb(243 241 235 / 0.88); backdrop-filter: blur(18px); }
.nav-frame { width: min(1440px, calc(100% - 72px)); min-height: 78px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; margin: 0 auto; }
.wordmark { font-family: var(--sans); font-size: 1.05rem; font-weight: 760; letter-spacing: -0.02em; }
.wordmark-mark { width: 28px; height: 28px; }
.primary-nav { gap: 30px; }
.primary-nav a { color: #3d4741; font-size: 0.72rem; letter-spacing: 0; text-transform: none; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 18px; }
.system-state { font-family: var(--mono); font-size: 0.62rem; }
.theme-toggle { width: 42px; height: 42px; position: relative; display: grid; place-items: center; padding: 0; border: 1px solid var(--line); border-radius: 12px; color: var(--ink); background: var(--surface-raised); cursor: pointer; transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease; }
.theme-toggle:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-1px); }
.theme-toggle span { position: absolute; font-size: 0.9rem; line-height: 1; transition: opacity 160ms ease, transform 160ms ease; }
.theme-moon { opacity: 0; transform: rotate(-45deg) scale(0.7); }
.nav-cta { min-height: 42px; display: inline-flex; align-items: center; padding: 0 17px; border-radius: 12px; color: white; background: var(--ink); font-size: 0.72rem; font-weight: 750; text-decoration: none; transition: transform 160ms ease, background 160ms ease; }
.nav-cta:hover { background: var(--accent); transform: translateY(-1px); }

.hero { padding: 78px 0 68px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr); align-items: center; gap: clamp(36px, 5vw, 88px); }
.hero-copy { min-width: 0; padding: 54px 0 30px; }
.hero-eyebrow { width: fit-content; display: flex; align-items: center; gap: 9px; margin-bottom: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-family: var(--mono); font-size: 0.65rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.base-dot { width: 9px; height: 9px; border-radius: 50%; background: #0052ff; box-shadow: 0 0 0 4px rgb(0 82 255 / 0.1); }
.hero h1 { margin-bottom: 34px; }
.hero h1 span { color: var(--accent); }
.hero-lede { max-width: 660px; margin: 0; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.22rem); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 34px; }
.primary-action { min-height: 48px; gap: 24px; padding: 10px 20px; border-radius: 12px; }
.primary-action:hover { color: white; background: #073f2b; transform: translateY(-2px); }
.text-action { display: inline-flex; align-items: center; gap: 16px; color: var(--ink); font-size: 0.82rem; font-weight: 760; text-decoration: none; }
.text-action span { transition: transform 160ms ease; }
.text-action:hover span { transform: translateX(4px); }
.trust-list { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 44px 0 0; padding: 0; color: var(--muted); font-family: var(--mono); font-size: 0.65rem; list-style: none; }
.trust-list li::before { content: "✓"; margin-right: 8px; color: var(--accent); font-weight: 900; }

.watch-field { min-width: 0; height: min(680px, 68vw); min-height: 580px; position: relative; overflow: hidden; border-radius: var(--radius-large); color: #eef7f1; background: #073f2b; box-shadow: 0 32px 90px rgb(7 63 43 / 0.2); isolation: isolate; }
.watch-field::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / 0.045) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / 0.045) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.watch-field::after { content: ""; position: absolute; inset: 20% 8% auto; height: 45%; border-radius: 50%; background: #32b675; opacity: 0.1; filter: blur(70px); }
.field-meta { position: absolute; z-index: 5; right: 28px; left: 28px; display: flex; justify-content: space-between; color: rgb(238 247 241 / 0.56); font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em; }
.field-meta strong { color: #fff; font-weight: 600; }
.field-meta-top { top: 26px; }.field-meta-bottom { bottom: 24px; }
.radar { width: 500px; height: 500px; position: absolute; top: 42px; left: 50%; border-radius: 50%; transform: translateX(-50%); }
.radar-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgb(157 240 194 / 0.24); border-radius: 50%; transform: translate(-50%, -50%); }
.ring-one { width: 170px; height: 170px; }.ring-two { width: 320px; height: 320px; }.ring-three { width: 480px; height: 480px; }
.radar::before, .radar::after { content: ""; position: absolute; top: 50%; left: 4%; width: 92%; border-top: 1px solid rgb(157 240 194 / 0.13); }
.radar::after { transform: rotate(90deg); }
.radar-sweep { width: 240px; height: 240px; position: absolute; top: 10px; left: 250px; border-left: 1px solid #80e8ad; background: conic-gradient(from 270deg, rgb(90 221 148 / 0.23), transparent 28%); transform-origin: bottom left; animation: radar-sweep 8s linear infinite; }
.tower-core { width: 116px; height: 116px; position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; place-items: center; align-content: center; gap: 9px; border: 1px solid #8be6b1; border-radius: 50%; background: #0d4b36; box-shadow: 0 0 0 12px rgb(132 231 174 / 0.06), 0 0 45px rgb(83 227 145 / 0.18); transform: translate(-50%, -50%); }
.tower-core img { width: 38px; height: 38px; filter: brightness(0) invert(1); }.tower-core span { font-family: var(--mono); font-size: 0.48rem; letter-spacing: 0.12em; }
.event-node { position: absolute; z-index: 4; display: flex; align-items: center; gap: 6px; color: rgb(238 247 241 / 0.55); font-family: var(--mono); font-size: 0.5rem; letter-spacing: 0.08em; }
.event-node i { width: 9px; height: 9px; border: 2px solid #76dca2; border-radius: 50%; background: #073f2b; }
.event-node.alert { color: #fff; }.event-node.alert i { width: 13px; height: 13px; border-color: #f0b955; background: #f0b955; box-shadow: 0 0 0 8px rgb(240 185 85 / 0.13); animation: node-pulse 2s ease-in-out infinite; }
.node-admin { top: 24%; left: 15%; }.node-upgrade { top: 23%; right: 11%; }.node-block { right: 14%; bottom: 20%; }
.signal-card { width: min(410px, calc(100% - 56px)); position: absolute; z-index: 8; right: 28px; bottom: 56px; padding: 20px; border: 1px solid rgb(255 255 255 / 0.18); border-radius: 18px; background: rgb(8 31 23 / 0.9); box-shadow: 0 20px 45px rgb(0 0 0 / 0.18); backdrop-filter: blur(12px); }
.signal-card-top, .signal-footer { display: flex; justify-content: space-between; gap: 18px; color: rgb(238 247 241 / 0.62); font-size: 0.65rem; }
.signal-risk { color: #ffd47f; font-family: var(--mono); font-weight: 800; letter-spacing: 0.08em; }
.signal-card h2 { max-width: 330px; margin: 18px 0 8px; color: #fff; font-size: 1.8rem; line-height: 1.02; letter-spacing: -0.04em; }
.signal-card > p { margin: 0; color: #91a79c; }.signal-progress { height: 3px; margin: 22px 0 12px; background: rgb(255 255 255 / 0.11); }.signal-progress span { width: 68%; height: 100%; display: block; background: #75dfa1; animation: progress-breathe 2.4s ease-in-out infinite; }
.signal-footer strong { color: white; font-family: var(--mono); }

.launcher-wrap { padding-bottom: 48px; }.launcher { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 46px; padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: var(--surface-raised); box-shadow: var(--elevation-raised); }
.launcher-copy h2 { margin: 0 0 8px; font-size: 1.8rem; letter-spacing: -0.04em; }.launcher-copy p:last-child { max-width: 500px; margin: 0; color: var(--muted); font-size: 0.78rem; }
.launcher-control { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 16px; border: 1px solid #c7cbc3; border-radius: 16px; color: var(--ink); background: var(--paper); text-decoration: none; transition: border 160ms ease, transform 160ms ease; }.launcher-control:hover { border-color: var(--accent); transform: translateY(-2px); }
.launcher-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; color: white; background: var(--accent); font-size: 1.35rem; }.launcher-control span:nth-child(2) { min-width: 0; display: grid; }.launcher-control small { color: var(--faint); font-family: var(--mono); font-size: 0.56rem; }.launcher-control strong { font-size: 0.9rem; overflow-wrap: anywhere; }.launcher-control b { font-size: 0.72rem; white-space: nowrap; }
.monitor-strip { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #ebe9e2; }.monitor-track { min-height: 64px; display: flex; align-items: center; gap: 30px; overflow-x: auto; scrollbar-width: none; }.monitor-track::-webkit-scrollbar { display: none; }.monitor-track > span { flex: 0 0 auto; color: var(--faint); font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.05em; }.monitor-track b { margin-right: 7px; color: var(--faint); }.monitor-label { color: var(--ink) !important; font-weight: 800; }.monitor-label i { width: 8px; height: 8px; display: inline-block; margin-right: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgb(11 80 56 / 0.1); animation: node-pulse 2s ease infinite; }
.monitor-track:focus-visible { outline: var(--focus-width) solid var(--focus-color); outline-offset: var(--focus-offset); }

.product-story { padding: 140px 0; }.story-grid { display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(520px, 1.22fr); align-items: center; gap: clamp(50px, 8vw, 130px); }.story-copy h2 { max-width: 620px; }.story-copy > p:not(.section-label) { max-width: 520px; margin: 30px 0; color: var(--muted); font-size: 1rem; line-height: 1.75; }
.incident-preview { overflow: hidden; border: 1px solid #cad0c9; border-radius: 26px; background: var(--surface-raised); box-shadow: var(--elevation-raised); }.incident-preview header { display: flex; justify-content: space-between; align-items: center; padding: 18px 22px; border-bottom: 1px solid var(--line); }.incident-preview header div { display: flex; align-items: center; gap: 9px; }.incident-preview small { color: var(--faint); font-family: var(--mono); font-size: 0.58rem; letter-spacing: 0.08em; }.status-mark { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }.verified-pill { padding: 6px 9px; border-radius: 999px; color: var(--accent); background: var(--accent-soft); font-family: var(--mono); font-size: 0.56rem; font-weight: 800; letter-spacing: 0.07em; }
.incident-title { display: grid; grid-template-columns: 44px 1fr; gap: 20px; padding: 34px 24px; }.incident-title > span { color: var(--faint); font-family: var(--mono); font-size: 0.7rem; }.incident-title h3 { margin: 0 0 9px; font-size: 1.65rem; }.incident-title p { max-width: 510px; margin: 0; color: var(--muted); font-size: 0.82rem; line-height: 1.6; }
.incident-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.incident-facts div { min-width: 0; padding: 16px 12px 16px 0; }.incident-facts div + div { padding-left: 12px; border-left: 1px solid var(--line); }.incident-facts dt, .incident-facts dd { font-family: var(--mono); font-size: 0.57rem; overflow-wrap: anywhere; }.incident-facts dt { margin-bottom: 5px; color: var(--faint); text-transform: uppercase; }.incident-facts dd { margin: 0; color: var(--ink); }
.mini-trace { margin: 0; padding: 24px; list-style: none; }.mini-trace li { display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: 10px; padding: 10px 0; color: var(--ink); font-size: 0.72rem; }.mini-trace li span { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }.mini-trace small { text-align: right; }.incident-preview footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 18px 24px; border-top: 1px solid var(--line); color: var(--faint); font-size: 0.62rem; }.incident-preview footer a { color: var(--accent); font-weight: 800; text-decoration: none; }

.profile-section { padding: 120px 0; border: 0; background: #e7e5dd; }.profile-heading { grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); }.profile-heading h2 { max-width: 790px; }.profile-option { grid-template-columns: 58px minmax(220px, 0.75fr) minmax(260px, 1fr) auto; margin-top: 12px; padding: 25px 24px; border: 1px solid transparent; border-radius: 18px; }.profile-option:hover { padding: 25px 24px; border-color: #bdc2ba; border-bottom-color: #bdc2ba; }.profile-option.selected { padding: 25px 24px; border-color: var(--accent); border-bottom-color: var(--accent); border-radius: 18px; box-shadow: 0 16px 36px rgb(16 24 20 / 0.08), inset 4px 0 0 var(--accent); }.profile-selector { gap: 10px; border: 0; }.profile-name { font-family: var(--sans); font-size: 1.45rem; font-weight: 760; }.profile-select-label { padding: 8px 12px; border: 1px solid var(--line-strong); border-radius: 9px; }.registry-boundary { margin-left: 24px; }

.current-section { padding: 74px 28px; border: 0; background: #073f2b; }.dashboard-frame { width: min(1540px, 100%); display: grid; grid-template-columns: 224px minmax(0, 1fr); margin: 0 auto; overflow: hidden; border-radius: 28px; background: #f7f6f1; box-shadow: 0 28px 100px rgb(0 0 0 / 0.22); }.dashboard-sidebar { min-width: 0; display: flex; flex-direction: column; padding: 24px 16px; border-right: 1px solid var(--line); background: #eeece5; }.sidebar-brand { display: flex; align-items: center; gap: 10px; padding: 4px 9px 28px; color: var(--ink); font-size: 0.84rem; font-weight: 800; text-decoration: none; }.sidebar-brand img { width: 25px; height: 25px; }.dashboard-sidebar nav { display: grid; gap: 4px; }.dashboard-sidebar nav a { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; color: var(--muted); font-size: 0.7rem; font-weight: 700; text-decoration: none; }.dashboard-sidebar nav a.active { color: var(--accent); background: #dfe8e2; }.dashboard-sidebar nav a:hover { color: var(--ink); background: #e3e1da; }.dashboard-sidebar nav span { width: 18px; color: var(--faint); text-align: center; }.sidebar-network { display: grid; gap: 6px; margin-top: auto; padding: 16px 10px 4px; border-top: 1px solid var(--line); }.sidebar-network > span, .sidebar-network small { color: var(--faint); font-family: var(--mono); font-size: 0.52rem; }.sidebar-network strong { font-size: 0.68rem; }.sidebar-network i { width: 7px; height: 7px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #0052ff; }
.dashboard-main { min-width: 0; padding: 36px; }.dashboard-topline { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.dashboard-topline h2 { margin: 0 0 10px; font-size: clamp(2rem, 3.4vw, 3.3rem); }.dashboard-topline > div:first-child > p:last-child { margin: 0; color: var(--muted); font-size: 0.75rem; }.source-controls { flex-wrap: wrap; justify-content: flex-end; }.ops-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 30px 0 16px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface-raised); }.ops-summary > div { min-width: 0; display: grid; gap: 4px; padding: 16px; }.ops-summary > div + div { border-left: 1px solid var(--line); }.ops-summary span, .ops-summary small { color: var(--faint); font-family: var(--mono); font-size: 0.52rem; text-transform: uppercase; }.ops-summary strong { font-size: 1.55rem; letter-spacing: -0.04em; }.ops-summary .ops-state strong { color: var(--accent); font-size: 1rem; }.scan-status { padding: 11px 14px; border-radius: 10px; background: #eceae3; font-family: var(--mono); font-size: 0.62rem; }
.investigation-shell { border: 1px solid #cfd2ca; border-radius: 18px; overflow: clip; box-shadow: 0 14px 36px rgb(16 24 20 / 0.07); }.case-summary { top: 92px; border-radius: 0; }.detail-panel { background: #fffef9; }.detail-header h3, .case-summary h3, .content-heading h3, .trace-top h4, .decision-explanation, .archive-table strong { font-family: var(--sans); }.detail-header h3 { font-weight: 750; }.source-badge, .detail-source, .badge { border-radius: 999px; }.secondary-action, .copy-action, .replay-action, .trace-link { border-radius: 9px; }.overview-grid, .decision-grid, .evidence-grid { border-color: #dfe0d9; }.trace-disclosure, .check-record, .source-list, .receipt-bar { border-radius: 12px; overflow: hidden; }.trace-number::before { box-shadow: 0 0 0 5px var(--surface); }.receipt-bar { border-radius: 16px; background: #e9f1ec; }

.method-section { display: block; padding: 140px 0; border: 0; }.method-grid { display: grid; grid-template-columns: minmax(280px, 0.42fr) minmax(0, 0.58fr); gap: clamp(60px, 9vw, 150px); }.method-heading { top: 110px; }.method-heading h2 { max-width: 620px; }.method-heading > p:last-child { max-width: 430px; margin-top: 28px; font-size: 0.88rem; }.method-list { border-top: 1px solid var(--ink); }.method-list li { grid-template-columns: 55px minmax(0, 1fr) auto; align-items: center; padding: 30px 0; }.method-list h3 { font-family: var(--sans); font-size: clamp(1.65rem, 3vw, 2.7rem); font-weight: 760; letter-spacing: -0.04em; }.method-list p { max-width: 480px; }.method-list b { color: var(--faint); font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.1em; }

.archive-section { padding: 130px 0; border: 0; background: #e7e5dd; }.receipt-intro { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: end; gap: 80px; }.receipt-intro h2 { max-width: 840px; }.receipt-object { min-height: 220px; display: grid; align-content: space-between; padding: 24px; border: 1px solid #aeb6af; border-radius: 22px; color: #dff7e9; background: #0b5038; box-shadow: 12px 12px 0 #cfd4cc; transform: rotate(2deg); }.receipt-object span, .receipt-object small { font-family: var(--mono); font-size: 0.56rem; letter-spacing: 0.1em; }.receipt-object strong { font-size: 2.3rem; letter-spacing: -0.05em; }.receipt-object i { height: 1px; display: block; background: rgb(255 255 255 / 0.28); }.archive-lede { max-width: 600px; margin: 34px 0 54px; color: var(--muted); }.archive-table-wrap { padding: 0 20px; border: 1px solid #c6c9c1; border-radius: 20px; background: var(--surface-raised); }.archive-table strong { font-weight: 750; }.archive-table tr:last-child td { border-bottom: 0; }

.dark-breakout { padding: 130px 0; color: #f1f6f2; background: #073f2b; }.breakout-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1.1fr); align-items: center; gap: 100px; }.dark-breakout .section-label { color: #87a897; }.dark-breakout h2 span { color: #8fe0b2; }.event-stream { overflow: hidden; border: 1px solid rgb(255 255 255 / 0.15); border-radius: 22px; background: rgb(0 0 0 / 0.12); }.event-stream > div { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 14px; padding: 21px; }.event-stream > div + div { border-top: 1px solid rgb(255 255 255 / 0.12); }.event-stream p { display: grid; gap: 3px; margin: 0; }.event-stream small, .event-stream b { color: #87a897; font-family: var(--mono); font-size: 0.54rem; letter-spacing: 0.08em; }.event-stream strong { font-size: 0.83rem; }.stream-dot { width: 9px; height: 9px; border-radius: 50%; background: #f0b955; box-shadow: 0 0 0 5px rgb(240 185 85 / 0.1); }.stream-dot.complete { background: #83dfa9; }.stream-line { width: 1px; height: 28px; margin-left: 4px; background: rgb(255 255 255 / 0.25); }
.faq-section { padding: 130px 0; border: 0; }.faq-grid { display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); align-items: start; gap: clamp(60px, 9vw, 150px); }.faq-intro { min-width: 0; }.faq-intro h2 { max-width: 520px; margin-bottom: 24px; }.faq-intro > p:not(.section-label):not(.kicker) { max-width: 410px; margin: 0; color: var(--muted); font-size: 0.9rem; line-height: 1.7; }.faq-intro .text-action { display: inline-flex; margin-top: 30px; color: var(--accent); font-size: 0.75rem; font-weight: 800; text-decoration: none; }.faq-intro .text-action:hover { text-decoration: underline; text-underline-offset: 4px; }.faq-list { min-width: 0; border-top: 1px solid var(--line-strong); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item h3 { margin: 0; }.faq-trigger { width: 100%; min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 0; border: 0; color: var(--ink); background: transparent; cursor: pointer; font-family: var(--sans); font-size: clamp(1rem, 1.5vw, 1.18rem); font-weight: 760; letter-spacing: -0.025em; text-align: left; }.faq-trigger > span:first-child { transition: color 160ms ease; }.faq-trigger:hover > span:first-child { color: var(--accent); }.faq-icon { width: 22px; height: 22px; position: relative; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 50%; }.faq-icon::before, .faq-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 9px; height: 1px; background: currentColor; transform: translate(-50%, -50%); }.faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); transition: opacity 180ms ease, transform 180ms ease; }.faq-item.is-open .faq-icon::after { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); }.faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 240ms ease, opacity 180ms ease; }.faq-answer > div { min-height: 0; overflow: hidden; }.faq-item.is-open .faq-answer { grid-template-rows: 1fr; opacity: 1; }.faq-answer p { max-width: 690px; margin: 0; padding: 0 48px 25px 0; color: var(--muted); font-size: 0.86rem; line-height: 1.7; }.faq-answer code { color: var(--ink); font-family: var(--mono); font-size: 0.9em; }
.final-cta { padding: 140px 0; text-align: center; }.final-cta-inner { display: grid; justify-items: center; }.final-cta h2 { max-width: 1000px; }.final-cta > div > p:not(.kicker) { max-width: 550px; margin: 24px 0 32px; color: var(--muted); }.final-cta-inner > div { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 26px; }
.site-footer { border-top: 1px solid var(--line); }.footer-inner { min-height: 120px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }.footer-notes { justify-content: center; }.project-links { justify-self: end; }

@keyframes radar-sweep { to { transform: rotate(360deg); } }
@keyframes node-pulse { 50% { opacity: 0.55; box-shadow: 0 0 0 10px rgb(124 225 168 / 0); } }
@keyframes progress-breathe { 50% { width: 82%; } }

html[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #111713;
  --color-surface: #171e19;
  --color-surface-raised: #1c241f;
  --color-ink: #edf2ee;
  --color-text-muted: #b8c3bb;
  --color-text-faint: #a7b4aa;
  --color-border: #303a33;
  --color-border-strong: #48554c;
  --color-accent: #74d49e;
  --color-accent-soft: #173b29;
  --color-success: #74d49e;
  --color-success-soft: #173b29;
  --color-warning: #efbd67;
  --color-warning-soft: #3a2c16;
  --color-failure: #f08c82;
  --color-failure-soft: #3c211f;
  --color-link: #82adff;
  --color-link-soft: #1c2c49;
  --focus-color: #9bc0ff;
}
html[data-theme="dark"] .skip-link { color: #073f2b; }
html[data-theme="dark"] .masthead { border-color: rgb(255 255 255 / 0.1); background: rgb(17 23 19 / 0.9); }
html[data-theme="dark"] .primary-nav a { color: #b2bcb5; }
html[data-theme="dark"] .nav-cta { color: #102018; background: #86daa9; }
html[data-theme="dark"] .nav-cta:hover { color: #102018; background: #a1e8be; }
html[data-theme="dark"] .theme-sun { opacity: 0; transform: rotate(45deg) scale(0.7); }
html[data-theme="dark"] .theme-moon { opacity: 1; transform: none; }
html[data-theme="dark"] .launcher-control { border-color: var(--line-strong); }
html[data-theme="dark"] .monitor-strip { background: #161d18; }
html[data-theme="dark"] .monitor-track > span { color: var(--faint); }
html[data-theme="dark"] .profile-section,
html[data-theme="dark"] .archive-section { background: #151c17; }
html[data-theme="dark"] .profile-option:hover { border-color: var(--line-strong); background: #1c241f; }
html[data-theme="dark"] .profile-option.selected { border-color: var(--accent); background: #173b29; }
html[data-theme="dark"] .current-section { background: #052e20; }
html[data-theme="dark"] .dashboard-frame { background: #151c17; }
html[data-theme="dark"] .dashboard-sidebar { background: #111713; }
html[data-theme="dark"] .dashboard-sidebar nav a:hover { background: #202923; }
html[data-theme="dark"] .dashboard-sidebar nav a.active { background: #173b29; }
html[data-theme="dark"] .scan-status { background: #202721; }
html[data-theme="dark"] .investigation-shell { border-color: var(--line-strong); }
html[data-theme="dark"] .detail-panel { background: #171e19; }
html[data-theme="dark"] .trace-number::before { box-shadow: 0 0 0 5px var(--surface); }
html[data-theme="dark"] .archive-table-wrap { border-color: var(--line-strong); }
html[data-theme="dark"] .receipt-object { box-shadow: 12px 12px 0 #273229; }
html[data-theme="dark"] .receipt-bar { background: #173b29; }
html[data-theme="dark"] .final-cta { background: #111713; }

@media (max-width: 1120px) {
  .nav-frame { grid-template-columns: 1fr auto; }.primary-nav { display: none; }
  .hero-grid, .story-grid { grid-template-columns: 1fr; }.hero-copy { max-width: 850px; }.watch-field { height: 650px; }.story-copy { max-width: 720px; }
  .dashboard-frame { grid-template-columns: 190px minmax(0, 1fr); }.dashboard-main { padding: 28px; }.investigation-shell { grid-template-columns: 250px minmax(0, 1fr); }
  .breakout-grid { gap: 55px; }.footer-inner { grid-template-columns: auto 1fr auto; }
}

@media (max-width: 820px) {
  .site-frame, .nav-frame { width: min(100% - 36px, 1440px); }.system-state { display: none; }
  .hero { padding-top: 34px; }.hero-copy { padding-top: 30px; }.hero-eyebrow { margin-bottom: 30px; }.watch-field { min-height: 540px; height: 70vw; }
  .launcher { grid-template-columns: 1fr; gap: 24px; }.story-grid { gap: 50px; }.product-story, .profile-section, .method-section, .archive-section, .dark-breakout, .final-cta { padding-top: 90px; padding-bottom: 90px; }
  .profile-heading, .receipt-intro, .method-grid, .breakout-grid { grid-template-columns: 1fr; }.receipt-object { width: min(100%, 390px); }.method-heading { position: static; }.section-label { margin-bottom: 34px; }
  .dashboard-frame { grid-template-columns: 1fr; }.dashboard-sidebar { display: none; }.dashboard-main { padding: 24px; }.dashboard-topline { align-items: flex-start; flex-direction: column; }.source-controls { width: 100%; justify-content: flex-start; }.ops-summary { grid-template-columns: repeat(2, 1fr); }.ops-summary > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.ops-summary > div:nth-child(4) { border-top: 1px solid var(--line); }
  .investigation-shell { grid-template-columns: 1fr; }.case-summary { position: static; border-right: 0; border-bottom: 1px solid var(--line); }.faq-grid { grid-template-columns: 1fr; gap: 52px; }.faq-intro h2 { max-width: 650px; }.faq-intro > p:not(.section-label):not(.kicker) { max-width: 600px; }.footer-inner { grid-template-columns: 1fr; justify-items: start; padding: 36px 0; }.footer-notes { justify-content: flex-start; }.project-links { justify-self: start; }
}

@media (max-width: 560px) {
  html, body { min-width: 0; }
  .site-frame, .nav-frame { width: min(100% - 28px, 1440px); }.nav-frame { min-height: 68px; }.nav-cta { min-height: 39px; padding: 0 12px; font-size: 0.64rem; }.wordmark span { display: none; }
  h1 { font-size: clamp(2.8rem, 14.5vw, 4.1rem); }.hero h1 { line-height: 0.92; }.hero-lede { font-size: 0.96rem; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .primary-action { width: 100%; }.trust-list { display: grid; }
  .watch-field { min-height: 470px; height: 128vw; max-height: 560px; border-radius: 24px; }.radar { width: 400px; height: 400px; top: 42px; }.ring-one { width: 135px; height: 135px; }.ring-two { width: 260px; height: 260px; }.ring-three { width: 390px; height: 390px; }.radar-sweep { width: 195px; height: 195px; left: 200px; }.tower-core { width: 92px; height: 92px; }.node-admin { left: 11%; }.node-upgrade { right: 8%; }.node-block { right: 10%; }.signal-card { right: 16px; bottom: 49px; width: calc(100% - 32px); }.signal-card h2 { font-size: 1.45rem; }.field-meta { right: 16px; left: 16px; }
  .launcher { padding: 20px; border-radius: 18px; }.launcher-control { grid-template-columns: auto minmax(0, 1fr); }.launcher-control b { grid-column: 2; white-space: normal; }.product-story { padding-top: 80px; }.story-copy h2 { font-size: 2.7rem; }.incident-facts { grid-template-columns: repeat(2, 1fr); }.incident-facts div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.incident-facts div:nth-child(4) { border-top: 1px solid var(--line); }.mini-trace li { grid-template-columns: 16px 1fr; }.mini-trace small { grid-column: 2; text-align: left; }
  .profile-option { grid-template-columns: 34px minmax(0, 1fr); padding: 20px 14px; }.profile-option:hover, .profile-option.selected { padding: 20px 14px; }.profile-metadata, .profile-select-label { grid-column: 2; }.registry-boundary { margin-left: 0; }
  .current-section { padding: 42px 12px; }.dashboard-main { padding: 18px 12px; }.ops-summary { grid-template-columns: 1fr 1fr; }.ops-summary > div { padding: 12px; }.source-controls { align-items: stretch; flex-direction: column; }.source-controls .primary-action { width: 100%; }.detail-panel { padding: 26px 15px 32px; }.case-summary { padding: 24px 18px; }.detail-header { grid-template-columns: 1fr; }.badge-stack { align-items: flex-start; }.overview-grid { grid-template-columns: 1fr; }.overview-item, .overview-item:nth-child(even), .overview-item:nth-child(3n + 2), .overview-item:nth-child(3n + 3) { padding-left: 0; border-left: 0; }.trace-facts, .trace-evidence-grid, .decision-grid, .check-metadata, .evidence-grid, .source-list, .receipt-bar { grid-template-columns: 1fr; }.decision-grid > *, .decision-grid > * + *, .decision-grid .limitations, .evidence-item:nth-child(even) { padding-left: 0; border-left: 0; }.receipt-action-row { align-items: stretch; flex-direction: column; }.receipt-action-row > * { width: 100%; }.receipt-verification { text-align: left; }
  .method-list li { grid-template-columns: 36px minmax(0, 1fr); }.method-list li > b { grid-column: 2; }.receipt-object { min-height: 190px; }.archive-table-wrap { padding: 0; border: 0; background: transparent; }.archive-table, .archive-table tbody, .archive-table tr, .archive-table td { display: block; width: 100%; }.archive-table thead { display: none; }.archive-table tr { margin-bottom: 14px; padding: 16px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--surface-raised); }.archive-table td { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 10px; padding: 9px 0; text-align: left !important; }.archive-table td::before { content: attr(data-label); color: var(--faint); font-family: var(--mono); font-size: 0.53rem; text-transform: uppercase; }.event-stream > div { grid-template-columns: 16px 1fr; }.event-stream > div > b { grid-column: 2; }.faq-section { padding: 90px 0; }.faq-trigger { min-height: 74px; font-size: 1rem; }.faq-answer p { padding-right: 24px; }
  .final-cta h2 { font-size: 2.7rem; }.final-cta-inner > div { flex-direction: column; }.final-cta-inner .primary-action { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .radar-sweep, .event-node.alert i, .monitor-label i, .signal-progress span { animation: none; }.faq-trigger > span:first-child, .faq-icon::after, .faq-answer { transition-duration: 0.01ms; }
}

/* Investigation workspace refinement */
.case-summary-disposition { margin: 0 0 var(--space-4); }
.case-disposition-badge { padding: 8px 11px; font-size: var(--text-sm); letter-spacing: 0.08em; }
.case-summary-brief { max-width: 34ch; margin: 0 0 var(--space-5); color: var(--muted); font-size: var(--text-sm); line-height: var(--leading-reading); }
.case-summary-actions { display: none; }
.agent-panel { min-width: 0; max-width: 100%; display: grid; gap: var(--space-5); margin-top: var(--space-8); padding: var(--space-6); border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.agent-panel-heading { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-5); }
.agent-panel-heading > div { min-width: 0; }
.agent-panel-heading h3 { margin: 0; font-family: var(--sans); font-size: var(--text-xl); font-weight: 760; letter-spacing: -0.03em; }
.agent-panel-status { flex: 0 0 auto; }
.agent-panel-source { max-width: 72ch; margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: var(--leading-reading); }
.agent-panel-meta { min-width: 0; max-width: 100%; display: grid; grid-template-columns: 0.8fr 1.35fr 0.85fr; gap: var(--space-4); margin: 0; padding: var(--space-4) 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.agent-panel-meta div { min-width: 0; }
.agent-panel-meta dt { margin-bottom: var(--space-1); color: var(--faint); font-family: var(--mono); font-size: 0.55rem; letter-spacing: 0.05em; text-transform: uppercase; }
.agent-panel-meta dd { min-width: 0; margin: 0; color: var(--ink); font-family: var(--mono); font-size: var(--text-xs); line-height: var(--leading-reading); overflow-wrap: anywhere; }
.agent-panel-notes { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
.agent-panel-note { min-width: 0; }
.agent-panel-note .kicker { margin-bottom: var(--space-2); }
.agent-panel-note > p:last-child { margin: 0; color: var(--muted); font-size: var(--text-sm); line-height: var(--leading-reading); overflow-wrap: anywhere; }
.agent-panel-note.planning > p:last-child { color: var(--ink); font-family: var(--serif); font-size: var(--text-lg); }
.agent-panel-boundary { margin: 0; padding-top: var(--space-4); border-top: 1px solid var(--line); color: var(--faint); font-family: var(--mono); font-size: var(--text-xs); line-height: var(--leading-reading); }
#profiles, #investigation, #method, #receipts, #packet-verifier { scroll-margin-top: 92px; }

@media (max-width: 720px) {
  .dashboard-main { display: flex; flex-direction: column; }
  .dashboard-topline { order: -2; }
  .investigation-shell { order: -1; }
  .ops-summary { order: 0; }
  .scan-status { order: 1; }
  .failure-panel { order: 2; }
  .case-summary { padding: 22px 18px 18px; }
  .case-number { margin-bottom: 14px; }
  .case-summary h3 { font-size: 1.5rem; }
  .case-target { margin-bottom: 14px; font-size: var(--text-sm); }
  .case-summary-brief { max-width: none; margin-bottom: var(--space-4); }
  .case-summary-actions { display: grid; margin-top: var(--space-5); }
  .case-summary-actions .primary-action { width: 100%; }
  .detail-panel { display: flex; flex-direction: column; }
  .detail-header { order: 0; }
  .investigation-overview { order: 1; }
  .decision-section { order: 2; }
  .receipt-bar { order: 3; margin-top: var(--space-5); }
  .trace-section { order: 4; }
  .ledger-section { order: 5; }
  .evidence-errors { order: 6; }
  .evidence-section { order: 7; }
  .sources-section { order: 8; }
  .agent-panel { order: 9; margin-top: var(--space-6); padding: var(--space-5); }
  .trace-stage:not(.trace-stage-expanded) .trace-facts,
  .trace-stage:not(.trace-stage-expanded) .trace-links { display: none; }
  .trace-disclosure-summary { min-height: 48px; }
  .agent-panel-heading { flex-wrap: wrap; gap: var(--space-3); }
  .agent-panel-meta, .agent-panel-notes { grid-template-columns: 1fr; }
  .agent-panel-notes { gap: var(--space-4); }
  .agent-panel-boundary { padding-top: var(--space-3); }
}

@media (max-width: 430px) {
  .case-disposition-badge { font-size: var(--text-xs); }
  .agent-panel-heading h3 { font-size: var(--text-lg); }
}