:root {
  --ink: #eff5ff;
  --muted: #93a5bc;
  --faint: #60728a;
  --night: #07111d;
  --panel: rgba(14, 28, 45, 0.78);
  --panel-solid: #0d1c2d;
  --line: rgba(153, 188, 224, 0.16);
  --cyan: #4dd9ff;
  --blue: #2c77ff;
  --mint: #49e2b7;
  --amber: #f7bd5b;
  --red: #ff6f79;
  --radius: 18px;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background:
    radial-gradient(circle at 50% -20%, rgba(35, 100, 168, 0.22), transparent 42rem),
    linear-gradient(180deg, #07111d 0%, #08131f 52%, #050d16 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

.ambient { position: fixed; pointer-events: none; filter: blur(90px); opacity: .13; z-index: -1; }
.ambient-a { width: 380px; height: 380px; border-radius: 50%; background: var(--blue); top: 18%; left: -190px; }
.ambient-b { width: 420px; height: 420px; border-radius: 50%; background: var(--cyan); top: 58%; right: -260px; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 72px;
  padding: 0 max(24px, calc((100vw - 1240px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  background: rgba(6, 16, 27, .82);
  backdrop-filter: blur(18px);
}

.brand { display: flex; align-items: center; gap: 13px; color: var(--ink); text-decoration: none; letter-spacing: .09em; }
.brand b { display: block; font-size: .95rem; }
.brand small { display: block; color: var(--muted); letter-spacing: .03em; font-size: .73rem; }
.brand-mark { width: 35px; height: 35px; display: grid; place-items: center; position: relative; transform: rotate(-14deg); }
.brand-mark i { position: absolute; width: 26px; height: 5px; border-radius: 100%; border-top: 2px solid var(--cyan); }
.brand-mark i:nth-child(1) { transform: rotate(0deg) translateY(-5px); }
.brand-mark i:nth-child(2) { transform: rotate(38deg) translateY(0); }
.brand-mark i:nth-child(3) { transform: rotate(-38deg) translateY(5px); }
.top-actions { display: flex; align-items: center; gap: 12px; }
.quiet-button { color: var(--ink); background: rgba(255,255,255,.045); border: 1px solid var(--line); border-radius: 10px; padding: 9px 13px; cursor: pointer; }
.quiet-button:hover { border-color: rgba(77,217,255,.5); background: rgba(77,217,255,.08); }
.integrity-pill { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: .78rem; letter-spacing: .035em; }
.integrity-pill span { width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 14px var(--amber); }
.integrity-pill.ready span { background: var(--mint); box-shadow: 0 0 14px var(--mint); }
.integrity-pill.failed span { background: var(--red); box-shadow: 0 0 14px var(--red); }

main { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.hero { min-height: 570px; padding: 98px 0 76px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 72px; align-items: center; }
.eyebrow { color: var(--cyan); font-size: .72rem; line-height: 1.2; letter-spacing: .16em; text-transform: uppercase; font-weight: 750; margin: 0 0 14px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; max-width: 820px; font-size: clamp(2.9rem, 5.2vw, 5.4rem); line-height: .98; letter-spacing: -.055em; font-weight: 670; }
h1 span { color: transparent; background: linear-gradient(90deg, #7d91aa, #dbe9f8); -webkit-background-clip: text; background-clip: text; }
h2 { margin-bottom: 8px; font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.08; letter-spacing: -.035em; font-weight: 640; }
h3 { margin-bottom: 8px; font-size: 1.05rem; letter-spacing: -.015em; }
.hero-lede { max-width: 720px; color: #b7c5d6; font-size: 1.12rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.hero-action { min-height:44px; padding:10px 15px; color:var(--cyan); border:1px solid rgba(77,217,255,.35); border-radius:10px; background:rgba(77,217,255,.07); font-weight:750; cursor:pointer; }
.hero-action.primary { color:#061a18; border-color:var(--mint); background:var(--mint); }
.hero-action:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.hero-outcome { max-width:760px; margin:24px 0 0; padding-left:16px; color:#aebfd0; border-left:2px solid rgba(77,217,255,.4); font-size:.84rem; }
.hero-outcome strong { color:var(--ink); }
.hero-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.status, .state-chip { display: inline-flex; align-items: center; border: 1px solid; border-radius: 999px; padding: 7px 11px; font-size: .72rem; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.accepted { color: var(--mint); border-color: rgba(73,226,183,.32); background: rgba(73,226,183,.08); }
.blocked { color: var(--amber); border-color: rgba(247,189,91,.32); background: rgba(247,189,91,.08); }
.pending { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.025); }
.pathway { color:var(--cyan); border-color:rgba(77,217,255,.34); background:rgba(77,217,255,.075); }
.not-started { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.025); }

.authority-card { position: relative; overflow: hidden; min-height: 360px; padding: 30px; border: 1px solid rgba(77,217,255,.23); border-radius: 28px; background: linear-gradient(145deg, rgba(16,44,70,.92), rgba(10,24,40,.84)); box-shadow: var(--shadow); }
.authority-card h2 { max-width: 330px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.05rem; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.authority-card > p:not(.eyebrow) { color: var(--muted); position: relative; z-index: 1; }
.authority-card dl { margin: 30px 0 0; position: relative; z-index: 1; }
.authority-card dl div { padding: 11px 0; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); }
.authority-card dt { color: var(--muted); font-size: .78rem; }
.authority-card dd { margin: 0; text-align: right; font-size: .78rem; font-weight: 700; }
.authority-orbit { position: absolute; width: 250px; height: 250px; border: 1px solid rgba(77,217,255,.15); border-radius: 50%; top: -85px; right: -75px; }
.authority-orbit::before, .authority-orbit::after { content: ""; position: absolute; inset: 23px; border: 1px solid rgba(77,217,255,.11); border-radius: 50%; }
.authority-orbit::after { inset: 54px; }
.authority-orbit span { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--cyan); top: 53%; left: 0; box-shadow: 0 0 20px var(--cyan); }

.section { padding: 86px 0; border-top: 1px solid var(--line); }
.section-heading { margin-bottom: 34px; display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.section-heading > p { max-width: 510px; color: var(--muted); margin-bottom: 4px; }
.section-heading em { color: var(--ink); font-style: normal; }

.milestone-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
.milestone-card { min-height: 190px; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.milestone-card.accepted-card { border-color: rgba(73,226,183,.32); background: linear-gradient(180deg, rgba(73,226,183,.085), rgba(255,255,255,.02)); }
.milestone-card.blocked-card { border-color: rgba(247,189,91,.28); background: linear-gradient(180deg, rgba(247,189,91,.07), rgba(255,255,255,.02)); }
.milestone-number { color: var(--faint); font: 750 .7rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.milestone-card h3 { margin-top: 28px; font-size: .95rem; min-height: 44px; }
.milestone-card p { color: var(--muted); font-size: .75rem; line-height: 1.45; overflow-wrap: anywhere; }

.profile-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.profile-card { position: relative; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.profile-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--cyan); opacity: .7; }
.profile-card.plot::before { background: #8f8cff; }
.profile-kicker { display: flex; justify-content: space-between; gap: 10px; align-items: center; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .09em; }
.profile-card h3 { margin: 28px 0 5px; font-size: 1.36rem; }
.profile-id { margin-bottom: 24px; color: var(--faint); font: .68rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.parameter-row { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.parameter { padding: 14px 12px; border-right: 1px solid var(--line); }
.parameter:last-child { border-right: 0; }
.parameter span { display: block; color: var(--muted); font-size: .68rem; }
.parameter strong { display: block; margin-top: 4px; font: 700 .98rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.nu-line { margin: 18px 0; padding: 14px 15px; color: #d9efff; border-radius: 10px; background: rgba(77,217,255,.06); font: .86rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.profile-card.plot .nu-line { background: rgba(143,140,255,.08); }
.claim-limit { color: var(--muted); font-size: .84rem; margin-bottom: 0; }
.tag-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.provenance-tag { padding: 5px 8px; color: #a9bfd7; border: 1px solid var(--line); border-radius: 6px; font: 650 .62rem/1.25 ui-monospace, SFMono-Regular, Consolas, monospace; }
.equivalence-strip { margin-top: 18px; padding: 21px 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border: 1px solid rgba(77,217,255,.22); border-radius: 14px; background: linear-gradient(90deg, rgba(77,217,255,.08), rgba(44,119,255,.035)); }
.equivalence-strip div { display: flex; align-items: baseline; gap: 17px; white-space: nowrap; }
.equivalence-strip span, .equivalence-strip p { color: var(--muted); font-size: .8rem; margin: 0; }
.equivalence-strip strong { font-size: 1.18rem; }
.fourier-card { margin-top: 18px; display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.025); }
.fourier-card p:last-child { color: #bdcada; margin-bottom: 0; }
.mode-art { height: 130px; position: relative; overflow: hidden; border-radius: 12px; background: linear-gradient(135deg, rgba(44,119,255,.13), rgba(77,217,255,.04)); }
.mode-art span { position: absolute; width: 180px; height: 90px; border: 2px solid var(--cyan); border-left-color: transparent; border-right-color: transparent; border-radius: 50%; transform: rotate(-16deg); opacity: .55; }
.mode-art span:nth-child(1) { left: -38px; top: 18px; }
.mode-art span:nth-child(2) { left: 24px; top: 18px; opacity: .4; }
.mode-art span:nth-child(3) { left: 86px; top: 18px; opacity: .3; }
.mode-art span:nth-child(4) { left: 146px; top: 18px; opacity: .2; }
.literal-card { margin-top: 18px; padding: 28px; border: 1px solid rgba(247,189,91,.3); border-radius: var(--radius); background: rgba(247,189,91,.055); }
.literal-head { display: flex; justify-content: space-between; gap: 20px; }
.literal-card p { color: #c5bfaf; }
.literal-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 22px; }
.literal-stats div { padding: 14px; border-radius: 10px; background: rgba(0,0,0,.16); }
.literal-stats span { display: block; color: #ac9d80; font-size: .68rem; }
.literal-stats strong { display: block; margin-top: 4px; font: .88rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; }

.metric-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.metric { padding: 19px 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.metric strong { display: block; color: var(--mint); font-size: 1.45rem; line-height: 1; }
.metric span { display: block; color: var(--muted); font-size: .7rem; margin-top: 10px; line-height: 1.35; }
.metric small { display: block; color: #7f93aa; font-size: .64rem; margin-top: 5px; line-height: 1.35; }
.criteria-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.criterion { padding: 8px 10px; color: #9adbc8; border: 1px solid rgba(73,226,183,.22); border-radius: 8px; background: rgba(73,226,183,.04); font: 650 .65rem/1.25 ui-monospace, SFMono-Regular, Consolas, monospace; }

.m2-section { margin: 56px 0; padding: 40px; border: 1px solid rgba(247,189,91,.28); border-radius: 24px; background: linear-gradient(145deg, rgba(60,43,18,.32), rgba(18,27,39,.55)); }
.m2-header { display: flex; justify-content: space-between; align-items: start; gap: 30px; }
.no-results { color: var(--amber); border: 1px solid rgba(247,189,91,.3); border-radius: 999px; padding: 7px 11px; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.blocker-code { display: block; margin: 24px 0 28px; padding: 14px 16px; color: #ffe0a7; border-radius: 10px; background: rgba(0,0,0,.2); font-size: .8rem; overflow-wrap: anywhere; }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.two-column h3 { color: #eadbc1; }
.two-column ul, .two-column ol { padding-left: 20px; margin-bottom: 0; color: #bdb3a3; font-size: .84rem; }
.two-column li { margin-bottom: 8px; }

.registry-heading { align-items: center; }
.filters { display: flex; gap: 8px; }
.filters input, .filters select { min-height: 40px; color: var(--ink); border: 1px solid var(--line); border-radius: 9px; background: var(--panel-solid); padding: 8px 11px; }
.filters input { width: 220px; }
.filters input::placeholder { color: var(--faint); }
.result-count { color: var(--muted); font-size: .78rem; }
.assumption-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.assumption-card { display: flex; flex-direction: column; min-height: 230px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); }
.assumption-top { display: flex; justify-content: space-between; gap: 10px; }
.assumption-id { color: var(--cyan); font: 750 .75rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; }
.assumption-status { font: 700 .62rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .06em; }
.assumption-status.open { color: var(--amber); }
.assumption-status.narrowed { color: #9fa8ff; }
.assumption-status.closed { color: var(--mint); }
.assumption-card h3 { margin: 18px 0 8px; font-size: .9rem; }
.assumption-card > p { color: var(--muted); font-size: .79rem; }
.assumption-card details { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }
.assumption-card summary { color: #a8bfd8; cursor: pointer; font-size: .72rem; }
.assumption-card details p { color: var(--muted); font-size: .72rem; margin: 10px 0 0; }
.assumption-card code { color: var(--faint); font-size: .62rem; overflow-wrap: anywhere; }

.conflict-list { counter-reset: conflict; }
.conflict { display: grid; grid-template-columns: 58px 1fr 1fr; gap: 24px; padding: 21px 0; border-top: 1px solid var(--line); }
.conflict:last-child { border-bottom: 1px solid var(--line); }
.conflict-id { color: var(--amber); font: 750 .78rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.conflict h3 { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .09em; }
.conflict p { margin: 0; color: #b9c6d5; font-size: .84rem; }
.conflict .handling p { color: #d8e4ef; }

.provenance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.provenance-card { padding: 21px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); }
.provenance-card code { display: block; color: var(--cyan); font-size: .67rem; overflow-wrap: anywhere; }
.provenance-card h3 { margin-top: 18px; }
.provenance-card p { color: var(--muted); font-size: .78rem; margin-bottom: 0; }
.source-details { margin-top: 22px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.source-details summary { padding: 18px 20px; cursor: pointer; font-weight: 650; }
.source-details summary span { color: var(--muted); font-size: .75rem; margin-left: 8px; }
.source-list { border-top: 1px solid var(--line); }
.source-row { display: grid; grid-template-columns: 175px 1fr 165px; gap: 18px; padding: 13px 20px; border-top: 1px solid rgba(153,188,224,.08); font-size: .7rem; }
.source-row:first-child { border-top: 0; }
.source-row strong { color: #b7cee5; }
.source-row code { color: var(--faint); overflow-wrap: anywhere; }
.source-row span { color: #8fb7c7; text-align: right; overflow-wrap: anywhere; }

.fail-closed { margin: 90px 0; padding: 42px; border: 1px solid rgba(255,111,121,.35); border-radius: 20px; background: rgba(255,111,121,.07); }
.fail-closed h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); }
.fail-closed p { max-width: 760px; color: #d6b0b4; }

footer { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 34px 0 46px; display: flex; justify-content: space-between; gap: 30px; color: var(--faint); border-top: 1px solid var(--line); font-size: .7rem; }
footer strong { display: block; color: #8ea1b7; }
footer span { display: block; }
.footer-meta { text-align: right; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }

@media (max-width: 1040px) {
  .milestone-grid { grid-template-columns: repeat(4, 1fr); }
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .assumption-grid { grid-template-columns: repeat(2, 1fr); }
  .provenance-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  main, footer { width: min(100% - 28px, 1240px); }
  .topbar { padding: 0 14px; }
  .integrity-pill { display: none; }
  .hero { grid-template-columns: 1fr; gap: 26px; padding: 70px 0 54px; }
  .hero h1 { font-size: clamp(3rem, 14vw, 5rem); }
  .authority-card { min-height: auto; }
  .section { padding: 62px 0; }
  .section-heading, .m2-header { display: block; }
  .section-heading > p { margin-top: 15px; }
  .milestone-grid { grid-template-columns: repeat(2, 1fr); }
  .profile-grid, .two-column { grid-template-columns: 1fr; }
  .parameter-row { grid-template-columns: repeat(2, 1fr); }
  .parameter:nth-child(2) { border-right: 0; }
  .parameter:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .equivalence-strip, .equivalence-strip div { display: block; }
  .equivalence-strip p { margin-top: 10px; }
  .fourier-card { grid-template-columns: 1fr; }
  .literal-stats { grid-template-columns: repeat(2, 1fr); }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .m2-section { margin: 30px 0; padding: 25px; }
  .no-results { display: inline-flex; margin-top: 10px; }
  .registry-heading { display: block; }
  .filters { margin-top: 20px; }
  .filters input { width: 100%; }
  .assumption-grid, .provenance-grid { grid-template-columns: 1fr; }
  .conflict { grid-template-columns: 48px 1fr; }
  .conflict .handling { grid-column: 2; }
  .source-row { grid-template-columns: 1fr; gap: 3px; }
  .source-row span { text-align: left; }
  footer { display: block; }
  .footer-meta { margin-top: 18px; text-align: left; }
}

@media (prefers-reduced-motion: no-preference) {
  .authority-orbit { animation: orbit 18s linear infinite; }
  @keyframes orbit { to { transform: rotate(360deg); } }
}

/* M2 accepted projection */
.accepted-m2 { border-color: rgba(73,226,183,.28); background: linear-gradient(145deg, rgba(20,65,57,.28), rgba(14,28,45,.72)); }
.accepted-m2 .m2-summary { max-width: 980px; margin: 18px 0 28px; color: #c5d6df; font-size: .98rem; }
.m2-metrics { margin-bottom: 18px; }
.m2-contract-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 14px; }
.contract-panel { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(5,15,24,.28); }
.contract-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.contract-tag { padding: 7px 9px; color: #bcebdd; border: 1px solid rgba(73,226,183,.22); border-radius: 7px; background: rgba(73,226,183,.05); font: 650 .65rem/1.25 ui-monospace, SFMono-Regular, Consolas, monospace; }
.contract-panel dl { margin: 18px 0 0; }
.contract-panel dl div { display: grid; grid-template-columns: 138px 1fr; gap: 14px; padding: 9px 0; border-top: 1px solid var(--line); }
.contract-panel dt { color: var(--muted); font-size: .72rem; }
.contract-panel dd { margin: 0; color: #d7e3ec; font-size: .76rem; }
.m2-history-block { margin-top: 34px; }
.compact-heading { margin-bottom: 16px; }
.compact-heading h3 { font-size: 1.22rem; }
.compact-heading > p { font-size: .8rem; }
.m2-history { display: grid; grid-template-columns: repeat(8, minmax(150px, 1fr)); gap: 9px; overflow-x: auto; padding-bottom: 8px; }
.history-step { min-height: 172px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: rgba(5,15,24,.28); }
.history-step.revise { border-color: rgba(247,189,91,.28); }
.history-step.blocked { border-color: rgba(255,111,121,.24); }
.history-step.pass, .history-step.accepted { border-color: rgba(73,226,183,.28); }
.history-state { color: var(--muted); font: 750 .62rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; }
.history-step.revise .history-state { color: var(--amber); }
.history-step.blocked .history-state { color: var(--red); }
.history-step.pass .history-state, .history-step.accepted .history-state { color: var(--mint); }
.history-step h4 { margin: 22px 0 7px; font-size: .83rem; }
.history-step p { min-height: 51px; margin-bottom: 12px; color: var(--muted); font-size: .68rem; line-height: 1.35; }
.history-step code { color: var(--faint); font-size: .6rem; }
.m2-boundaries { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--line); }
.m2-boundaries ul { color: #b9c8d4; }
.m3-callout { padding: 23px; border: 1px solid rgba(247,189,91,.25); border-radius: 14px; background: rgba(247,189,91,.045); }
.m3-callout h3 { color: #f1d39d; font: 750 .85rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.m3-callout p:last-child { color: #b9ab94; font-size: .8rem; margin-bottom: 0; }

@media (max-width: 900px) {
  .m2-contract-grid { grid-template-columns: 1fr; }
  .m2-history { grid-template-columns: repeat(8, 180px); }
}

@media (max-width: 760px) {
  .contract-panel dl div { grid-template-columns: 1fr; gap: 3px; }
}
/* Explorer navigation and milestone workspace */
.primary-nav { display:flex; align-items:center; gap:3px; padding:4px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); }
.nav-item { min-height:34px; padding:7px 11px; color:var(--muted); border:0; border-radius:7px; background:transparent; font:650 .72rem/1 system-ui,sans-serif; cursor:pointer; white-space:nowrap; }
.nav-item:hover { color:var(--ink); background:rgba(255,255,255,.045); }
.nav-item.active { color:#e9fbff; background:rgba(77,217,255,.12); box-shadow:inset 0 0 0 1px rgba(77,217,255,.18); }
.app-view { display:none; }
.app-view.active { display:block; }
.hero.app-view.active { display:grid; }
.hero.app-view { min-height:calc(100vh - 120px); }
.view-stack > .section:first-child { border-top:0; }
.milestone-workspace { display:grid; grid-template-columns:270px minmax(0,1fr); gap:18px; align-items:start; }
.milestone-workspace .milestone-grid { display:grid; grid-template-columns:1fr; gap:7px; }
.milestone-workspace .milestone-card { width:100%; min-height:0; padding:14px; display:grid; grid-template-columns:34px 1fr; column-gap:9px; row-gap:6px; color:var(--ink); text-align:left; font:inherit; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.milestone-workspace .milestone-card:hover { transform:translateX(2px); border-color:rgba(77,217,255,.34); }
.milestone-workspace .milestone-card.selected { border-color:var(--cyan); background:linear-gradient(110deg,rgba(77,217,255,.12),rgba(255,255,255,.025)); box-shadow:0 10px 32px rgba(0,0,0,.18); }
.milestone-workspace .milestone-card h3 { grid-column:2; grid-row:1; min-height:0; margin:0; align-self:center; font-size:.84rem; }
.milestone-workspace .milestone-card .milestone-number { grid-column:1; grid-row:1; align-self:center; color:var(--cyan); }
.milestone-workspace .milestone-card .state-chip { grid-column:2; justify-self:start; max-width:100%; padding:4px 7px; font-size:.56rem; line-height:1.25; }
.milestone-workspace .milestone-card > p { display:none; }
.milestone-detail { min-height:540px; padding:34px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(15,34,53,.88),rgba(9,22,36,.82)); box-shadow:var(--shadow); }
.milestone-detail-header { display:flex; align-items:start; justify-content:space-between; gap:28px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.milestone-detail-header h2 { max-width:700px; margin-bottom:0; }
.milestone-detail-header .state-chip { flex:0 0 auto; margin-top:4px; }
.milestone-detail-lede { max-width:820px; margin:23px 0 30px; color:#bdcada; font-size:1rem; }
.milestone-story { padding:25px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.025); }
.detail-label { margin:0 0 7px; color:var(--mint); font-size:.66rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.milestone-story > p:not(.detail-label):not(.detail-note) { max-width:820px; color:#b8c7d5; font-size:.86rem; }
.detail-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:22px 0 16px; }
.detail-stat { padding:15px; border-radius:10px; background:rgba(0,0,0,.16); }
.detail-stat strong { display:block; color:#eaf7ff; font-size:1.02rem; }
.detail-stat span { display:block; margin-top:4px; color:var(--muted); font-size:.68rem; line-height:1.35; }
.detail-note { margin:0 0 19px; color:#9fc1bd; font-size:.78rem; }
.detail-action { padding:9px 12px; color:var(--cyan); border:1px solid rgba(77,217,255,.28); border-radius:8px; background:rgba(77,217,255,.07); font-weight:700; cursor:pointer; }
.detail-action:hover { background:rgba(77,217,255,.13); }
.canonical-trace { margin:18px 0 0; padding:16px 20px; border:1px solid var(--line); border-radius:13px; }
.canonical-trace div { display:grid; grid-template-columns:145px minmax(0,1fr); gap:18px; padding:7px 0; border-top:1px solid rgba(153,188,224,.08); }
.canonical-trace div:first-child { border-top:0; }
.canonical-trace dt { color:var(--muted); font-size:.7rem; }
.canonical-trace dd { margin:0; color:#c9d8e5; font:.69rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.future-story { border-color:rgba(247,189,91,.22); background:rgba(247,189,91,.035); }
.future-story .detail-label { color:var(--amber); }
.future-boundary { margin-top:23px; padding:16px; display:grid; grid-template-columns:120px 1fr; gap:18px; border-radius:10px; background:rgba(0,0,0,.16); }
.future-boundary strong { color:var(--amber); font-size:.78rem; text-transform:uppercase; }
.future-boundary span { color:var(--muted); font-size:.76rem; }

@media (max-width:1100px) {
  .topbar { flex-wrap:wrap; padding-top:10px; padding-bottom:10px; gap:8px; }
  .primary-nav { order:3; width:100%; justify-content:center; }
  .hero.app-view { min-height:calc(100vh - 170px); }
}
@media (max-width:760px) {
  .top-actions .quiet-button { padding:8px 9px; font-size:.68rem; }
  .primary-nav { justify-content:flex-start; overflow-x:auto; }
  .milestone-workspace { grid-template-columns:1fr; }
  .milestone-workspace .milestone-grid { display:flex; overflow-x:auto; padding-bottom:7px; }
  .milestone-workspace .milestone-card { flex:0 0 190px; }
  .milestone-detail { min-height:0; padding:22px; }
  .milestone-detail-header { display:block; }
  .milestone-detail-header .state-chip { margin-top:12px; }
  .detail-stats { grid-template-columns:repeat(2,1fr); }
  .canonical-trace div,.future-boundary { grid-template-columns:1fr; gap:4px; }
}
/* Responsive explorer navigation */
@media (max-width: 1280px) {
  .topbar { flex-wrap: wrap; gap: 8px 16px; padding-top: 8px; padding-bottom: 8px; }
  .primary-nav { order: 3; width: 100%; overflow-x: auto; scrollbar-width: thin; }
}
@media (max-width: 760px) {
  .top-actions { gap: 6px; }
  .quiet-button { padding: 8px 9px; font-size: .68rem; }
  .milestone-workspace { grid-template-columns: 1fr; }
  .milestone-workspace .milestone-grid { grid-template-columns: repeat(7, minmax(155px, 1fr)); overflow-x: auto; padding-bottom: 8px; }
  .milestone-workspace .milestone-card:hover { transform: none; }
  .milestone-detail { min-height: 0; padding: 22px; }
  .milestone-detail-header { display: block; }
  .milestone-detail-header .state-chip { margin-top: 12px; }
  .detail-stats { grid-template-columns: repeat(2, 1fr); }
  .canonical-trace div { grid-template-columns: 1fr; gap: 2px; }
}
/* M3 accepted projection */
.m3-section { padding: 48px; margin: 46px 0; border: 1px solid rgba(73,226,183,.28); border-radius: 24px; background: linear-gradient(145deg,rgba(20,65,57,.24),rgba(14,28,45,.72)); }
.m3-header { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.m3-summary { max-width: 980px; margin: 20px 0 28px; color: #c5d6df; font-size: 1rem; }
.m3-metrics { margin-bottom: 18px; }
.m3-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.capability-list { margin: 18px 0 0; padding-left: 19px; color: #c6d4df; }
.capability-list li { margin: 8px 0; font-size: .78rem; }
.effect-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 18px; }
.effect { padding: 14px; border: 1px solid rgba(73,226,183,.14); border-radius: 10px; background: rgba(73,226,183,.035); }
.effect strong { display: block; color: var(--mint); font-size: 1rem; }
.effect span { display: block; margin-top: 4px; color: var(--muted); font-size: .66rem; }
.m3-corrections { margin-top: 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.m3-corrections summary { padding: 17px 20px; cursor: pointer; font-weight: 650; }
.m3-corrections ul { margin: 0; padding: 0 38px 20px; color: var(--muted); font-size: .75rem; }
.m3-corrections ol { margin: 0; padding: 0 40px 20px; color: var(--muted); font-size: .78rem; }
.m3-corrections li { margin: 8px 0; }
.m4-boundary { margin-top: 18px; padding: 25px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 30px; border: 1px solid rgba(247,189,91,.28); border-radius: 15px; background: rgba(247,189,91,.05); }
.m4-boundary h3 { color: #f1d39d; font: 750 .86rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap: anywhere; }
.m4-boundary p:not(.eyebrow):not(.detail-label), .m4-boundary ul { color: #b9ab94; font-size: .78rem; }
@media (max-width: 900px) {
  .m3-grid, .m4-boundary { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .m3-section { margin: 28px 0; padding: 24px; }
  .m3-header { display: block; }
  .m3-header .status { margin-top: 12px; }
  .effect-grid { grid-template-columns: repeat(2,1fr); }
}
/* M4 canonical fields and exploratory local simulation */
.m4-section { margin: 42px 0; padding: 48px; border: 1px solid rgba(73,226,183,.3); border-radius: 24px; background: linear-gradient(145deg,rgba(18,59,57,.28),rgba(10,24,40,.78)); }
.m4-header { display:flex; align-items:end; justify-content:space-between; gap:30px; }
.m4-summary { max-width:980px; margin:20px 0 22px; color:#c5d6df; font-size:1rem; }
.scope-statement { margin:0 0 24px; padding:17px 20px; color:#dffbf3; border:1px solid rgba(73,226,183,.36); border-left:4px solid var(--mint); border-radius:11px; background:rgba(73,226,183,.065); font-weight:720; line-height:1.5; }
.m4-metrics { margin-bottom:28px; }
.flow-workbench { padding:28px; border:1px solid rgba(77,217,255,.25); border-radius:19px; background:rgba(4,14,25,.62); box-shadow:var(--shadow); }
.flow-workbench-head { display:flex; align-items:start; justify-content:space-between; gap:24px; }
.flow-workbench-head h3 { font-size:1.35rem; }
.viewer-guide { margin:20px 0 6px; padding:18px 20px; border-left:3px solid var(--cyan); background:rgba(77,217,255,.045); }
.viewer-guide > p { max-width:950px; margin-bottom:14px; color:#c9dce8; font-size:.86rem; }
.viewer-guide dl { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:0; }
.viewer-guide dl div { min-width:0; }
.viewer-guide dt { color:var(--cyan); font-size:.66rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.viewer-guide dd { margin:4px 0 0; color:var(--muted); font-size:.75rem; }
.flow-classification { display:inline-flex; flex:0 0 auto; padding:7px 10px; border-radius:999px; font:750 .64rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; text-transform:uppercase; }
.flow-classification.canonical { color:var(--mint); border:1px solid rgba(73,226,183,.32); background:rgba(73,226,183,.075); }
.flow-classification.exploratory { color:#e4c0ff; border:1px solid rgba(192,115,255,.38); background:rgba(192,115,255,.09); }
.flow-controls,.simulation-controls { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:24px 0 16px; }
.simulation-controls { grid-template-columns:repeat(3,minmax(0,1fr)); }
.flow-controls label,.simulation-controls label { display:flex; flex-direction:column; gap:7px; color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.flow-controls select,.simulation-controls select,.simulation-controls input { min-width:0; min-height:43px; padding:8px 10px; color:var(--ink); border:1px solid var(--line); border-radius:9px; background:var(--panel-solid); font:650 .76rem/1.2 system-ui,sans-serif; }
.flow-controls select:focus-visible,.simulation-controls select:focus-visible,.simulation-controls input:focus-visible,.play-button:focus-visible,.run-button:focus-visible,.download-button:focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
.time-control { display:grid; grid-template-columns:auto 170px minmax(180px,1fr); align-items:center; gap:13px; margin:17px 0 5px; }
.time-control label { color:var(--muted); font-size:.72rem; }
.time-control label strong { display:block; color:var(--ink); font:750 .82rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.time-control input { width:100%; accent-color:var(--cyan); }
.time-ticks { grid-column:3; display:flex; justify-content:space-between; margin-top:-7px; color:var(--faint); font:.62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.play-button,.run-button,.download-button { min-height:42px; padding:9px 13px; border-radius:9px; cursor:pointer; font-weight:750; text-decoration:none; }
.play-button { color:var(--cyan); border:1px solid rgba(77,217,255,.3); background:rgba(77,217,255,.08); }
.run-button { color:#061a18; border:1px solid var(--mint); background:var(--mint); }
.run-button:hover { filter:brightness(1.06); }
.play-button:disabled,.run-button:disabled,.quiet-button:disabled { opacity:.46; cursor:not-allowed; }
.case-strip,.simulation-config { margin:15px 0; padding:11px 13px; color:#bcd2e2; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.025); font:.7rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.flow-stage { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.flow-stage.single-stage { grid-template-columns:minmax(0,620px); justify-content:center; }
.flow-panel { margin:0; overflow:hidden; border:1px solid var(--line); border-radius:13px; background:#071522; }
.flow-panel[hidden] { display:none; }
.flow-panel figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; color:#dbeaf4; border-bottom:1px solid var(--line); font-size:.76rem; font-weight:700; }
.flow-panel figcaption span { color:var(--muted); font-size:.64rem; font-weight:600; }
.flow-panel canvas { display:block; width:100%; height:auto; aspect-ratio:1; background:#071936; }
.legend-row { display:grid; grid-template-columns:auto minmax(160px,1fr) auto auto; align-items:center; gap:10px; margin:17px 2px 0; color:var(--muted); font:.67rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.legend-row strong { color:#b9cbd8; font-weight:600; }
.legend-bar { height:10px; border-radius:999px; border:1px solid rgba(255,255,255,.13); }
.legend-bar.sequential { background:linear-gradient(90deg,#071934,#1db5cf,#fac65c); }
.legend-bar.diverging { background:linear-gradient(90deg,#2258ae,#e2ebf0,#db4c5b); }
.display-note,.accessible-summary { margin:12px 0 0; color:var(--muted); font-size:.7rem; }
.accessible-summary { padding-top:10px; border-top:1px solid var(--line); color:#a9c5d1; }
.m4-chronology { margin-top:18px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.02); }
.m4-chronology summary { padding:17px 20px; cursor:pointer; font-weight:650; }
.m4-history { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:0 18px 18px; }
.m4-history .history-step { min-height:150px; }
.m4-history .history-step.corrected { border-color:rgba(77,217,255,.27); }
.m4-history .history-step.corrected .history-state { color:var(--cyan); }
.m5-boundary { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:18px; padding:23px; border:1px solid rgba(247,189,91,.3); border-radius:14px; background:rgba(247,189,91,.05); }
.m5-boundary h3 { color:#f1d39d; font:750 .87rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; }
.m5-boundary p:last-child { max-width:800px; margin-bottom:0; color:#b9ab94; font-size:.78rem; }
.m5-section { margin:42px 0; padding:48px; border:1px solid rgba(73,226,183,.3); border-radius:24px; background:linear-gradient(145deg,rgba(20,65,57,.24),rgba(14,28,45,.72)); }
.m6-section { margin:42px 0; padding:48px; border:1px solid rgba(247,189,91,.36); border-radius:24px; background:linear-gradient(145deg,rgba(77,54,20,.24),rgba(14,28,45,.76)); }
.quantum-section { margin:42px 0; padding:48px; border:1px solid rgba(77,217,255,.3); border-radius:24px; background:linear-gradient(145deg,rgba(13,54,74,.36),rgba(10,24,40,.78)); }
.quantum-header { display:flex; align-items:end; justify-content:space-between; gap:30px; }
.quantum-lede { max-width:920px; margin:20px 0; color:#c7dbe7; font-size:1.05rem; }
.quantum-position { margin:0 0 22px; padding:18px 20px; border-left:4px solid var(--cyan); background:rgba(77,217,255,.055); }
.quantum-position strong { display:block; color:var(--cyan); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.quantum-position p { max-width:920px; margin:6px 0 0; color:#b8cad6; }
.quantum-candidates { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.quantum-candidate { min-width:0; padding:22px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.025); }
.candidate-id { color:var(--cyan); font:750 .68rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; }
.quantum-candidate h3 { margin-top:12px; }
.quantum-candidate > p { color:var(--muted); font-size:.78rem; }
.quantum-candidate .canonical-trace { padding:10px 0 0; border:0; border-top:1px solid var(--line); border-radius:0; }
.quantum-candidate .canonical-trace div { grid-template-columns:1fr; gap:3px; }
.quantum-candidate .canonical-trace dd { font-family:inherit; color:#b8cad6; }
.quantum-boundaries { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; }
.quantum-boundaries article { padding:22px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.02); }
.quantum-boundaries article > p:not(.eyebrow) { color:var(--muted); font-size:.82rem; }
.terminal-disposition { margin:0 0 24px; padding:20px; border:1px solid rgba(247,189,91,.4); border-left:4px solid var(--amber); border-radius:12px; background:rgba(247,189,91,.07); }
.terminal-disposition span { display:block; color:var(--amber); font-size:.68rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.terminal-disposition strong { display:block; margin-top:8px; color:#ffe0a7; font:.92rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.terminal-disposition p { margin:10px 0 0; color:#c6b99f; font-size:.8rem; }
.exploratory-sandbox { margin-top:34px; padding:28px; border:1px dashed rgba(192,115,255,.46); border-radius:19px; background:linear-gradient(145deg,rgba(74,32,100,.18),rgba(5,15,27,.72)); }
.exploratory-scope { color:#ecd9fb; border-color:rgba(192,115,255,.38); border-left-color:#c073ff; background:rgba(192,115,255,.07); }
.sandbox-intro { max-width:900px; color:#c5b9ce; font-size:.84rem; }
.simulation-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:14px 0; }
.download-button { display:inline-flex; align-items:center; color:#e6c9fb; border:1px solid rgba(192,115,255,.35); background:rgba(192,115,255,.08); }
.download-button[hidden] { display:none; }
.simulation-status { display:flex; align-items:center; gap:13px; margin:14px 0 0; padding:14px 16px; border:1px solid var(--line); border-radius:11px; background:rgba(0,0,0,.14); }
.simulation-status strong { min-width:84px; color:var(--muted); text-transform:uppercase; font:.7rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; }
.simulation-status span { color:#b8c7d4; font-size:.76rem; }
.simulation-status.queued,.simulation-status.running,.simulation-status.cancelling { border-color:rgba(77,217,255,.3); }
.simulation-status.queued strong,.simulation-status.running strong,.simulation-status.cancelling strong { color:var(--cyan); }
.simulation-status.completed { border-color:rgba(73,226,183,.34); }
.simulation-status.completed strong { color:var(--mint); }
.simulation-status.failed,.simulation-status.cancelled { border-color:rgba(255,111,121,.35); }
.simulation-status.failed strong,.simulation-status.cancelled strong { color:var(--red); }
.simulation-results { margin-top:20px; padding-top:18px; border-top:1px dashed rgba(192,115,255,.35); }
.result-separator { display:flex; justify-content:space-between; gap:20px; color:#e7d4f5; font-size:.76rem; }
.result-separator strong { color:var(--mint); font-size:.68rem; text-transform:uppercase; }
.compact-controls { grid-template-columns:minmax(220px,360px); }
.exploratory-panel { border-color:rgba(192,115,255,.3); }

@media (max-width: 900px) {
  .flow-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .simulation-controls { grid-template-columns:1fr; }
  .flow-stage { grid-template-columns:1fr; }
  .m4-history { grid-template-columns:1fr; }
  .viewer-guide dl,.quantum-candidates,.quantum-boundaries { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .m4-section,.m5-section,.m6-section,.quantum-section { margin:28px 0; padding:22px; }
  .m4-header,.flow-workbench-head,.m5-boundary,.quantum-header { display:block; }
  .m4-header .status,.flow-classification,.m5-boundary .status { margin-top:12px; }
  .flow-workbench,.exploratory-sandbox { padding:18px; }
  .flow-controls { grid-template-columns:1fr; }
  .time-control { grid-template-columns:1fr; }
  .time-ticks { grid-column:1; }
  .legend-row { grid-template-columns:auto minmax(100px,1fr) auto; }
  .legend-row strong { grid-column:1/-1; }
  .simulation-status,.result-separator { align-items:flex-start; flex-direction:column; gap:6px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
}

@media (prefers-color-scheme: light) {
  :root { --ink:#102235; --muted:#52677c; --faint:#718398; --night:#edf4f8; --panel:rgba(255,255,255,.88); --panel-solid:#f5f9fc; --line:rgba(37,78,112,.18); --shadow:0 22px 60px rgba(34,66,92,.14); }
  body { background:radial-gradient(circle at 50% -20%,rgba(44,119,255,.12),transparent 42rem),linear-gradient(180deg,#f4f9fc 0%,#eaf2f7 100%); }
  .topbar { background:rgba(244,249,252,.88); }
  .m4-section { background:linear-gradient(145deg,rgba(223,247,241,.74),rgba(238,246,252,.9)); }
  .m5-section { background:linear-gradient(145deg,rgba(223,247,241,.74),rgba(238,246,252,.9)); }
  .m6-section { background:linear-gradient(145deg,rgba(255,244,218,.72),rgba(238,246,252,.9)); }
  .quantum-section { background:linear-gradient(145deg,rgba(221,245,250,.78),rgba(238,246,252,.9)); }
  .terminal-disposition strong { color:#6c4a0d; }
  .terminal-disposition p { color:#66583e; }
  .m4-summary,.sandbox-intro { color:#3d5367; }
  .scope-statement { color:#164c42; background:rgba(36,164,126,.08); }
  .flow-workbench { background:rgba(255,255,255,.74); }
  .flow-controls select,.simulation-controls select,.simulation-controls input { color:var(--ink); background:#fff; }
  .case-strip,.simulation-config { color:#36556b; background:rgba(255,255,255,.72); }
  .flow-panel figcaption { color:#dbeaf4; background:#10273b; }
  .exploratory-sandbox { background:linear-gradient(145deg,rgba(242,226,252,.62),rgba(255,255,255,.8)); }
  .exploratory-scope { color:#55336e; background:rgba(146,68,202,.06); }
  .simulation-status { background:rgba(255,255,255,.72); }
  .simulation-status span,.accessible-summary { color:#456176; }
  .hero-outcome,.viewer-guide > p,.quantum-position p,.quantum-lede { color:#415b70; }
}
/* Narrow viewport containment */
.scope-statement,.m4-summary,.sandbox-intro { overflow-wrap:anywhere; }
@media (max-width: 480px) {
  html,body { max-width:100%; overflow-x:hidden; }
  .topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; max-width:100%; }
  .primary-nav { grid-column:1/-1; width:100%; min-width:0; max-width:100%; }
  .top-actions { justify-self:end; min-width:0; }
  .top-actions .quiet-button { font-size:0; white-space:nowrap; }
  .top-actions .quiet-button::after { content:"Refresh"; font-size:.68rem; }
  .m4-section { min-width:0; overflow:hidden; }
  .metric-grid { min-width:0; }
  .metric { min-width:0; }
}