/* Public Site System v1: shared shell and page-family contract. */
:root {
  --realpg-public-background: #06111d;
  --realpg-public-surface: #0d2334;
  --realpg-public-text: #e8f3f8;
  --realpg-public-muted: #98b8c7;
  --realpg-public-signal: #67e8f9;
  --realpg-public-link: #8fe4ff;
  --realpg-public-border: rgba(103, 232, 249, .28);
  --realpg-public-shell-width: 80rem;
  --realpg-public-index-width: 64rem;
  --realpg-public-reading-width: 50rem;
  --realpg-public-wide-width: 72rem;
  --realpg-public-display: ui-serif, Georgia, serif;
  --realpg-public-body: ui-sans-serif, system-ui, sans-serif;
  --realpg-public-label: ui-monospace, SFMono-Regular, Menlo, monospace;
  --realpg-public-space-1: .5rem;
  --realpg-public-space-2: 1rem;
  --realpg-public-space-3: 1.5rem;
  --realpg-public-space-4: 2.5rem;
  --realpg-public-space-5: 4rem;
}
body:has(.realpg-public-shell__header) { margin: 0; background: var(--realpg-public-background); color: var(--realpg-public-text); font: 16px/1.7 var(--realpg-public-body); }
.realpg-public-shell__header, .realpg-public-shell__footer { box-sizing: border-box; display: flex; align-items: center; gap: var(--realpg-public-space-2); flex-wrap: wrap; width: min(100%, var(--realpg-public-shell-width)); margin: auto; padding: var(--realpg-public-space-2) max(1.25rem, env(safe-area-inset-left)); }
.realpg-public-shell__header { border-bottom: 1px solid var(--realpg-public-border); }
.realpg-public-shell__footer { margin-top: var(--realpg-public-space-5); border-top: 1px solid var(--realpg-public-border); }
.realpg-public-shell__brand { display: inline-flex; align-items: center; gap: var(--realpg-public-space-1); color: #f1fbff; font-weight: 700; text-decoration: none; }
.realpg-public-brand-mark { width: 42px; height: 42px; flex: none; object-fit: cover; border-radius: 50%; }
.realpg-public-shell__footer .realpg-public-brand-mark { width: 52px; height: 52px; object-fit: contain; border-radius: 0; }
.realpg-public-shell__nav { display: flex; flex-wrap: wrap; gap: .45rem var(--realpg-public-space-2); }
.realpg-public-shell__nav a, .realpg-public-page a { color: var(--realpg-public-link); }
.realpg-public-shell__nav a[aria-current="page"] { color: #f1fbff; font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: .28em; }
.realpg-public-language { display: inline-flex; gap: .2rem; margin-left: auto; padding: 3px; border: 1px solid var(--realpg-public-border); border-radius: 999px; background: rgba(3, 9, 22, .48); }
.realpg-public-language button { border: 0; border-radius: 999px; padding: .45rem .68rem; color: var(--realpg-public-muted); background: transparent; font: 650 .72rem/1 var(--realpg-public-label); cursor: pointer; }
.realpg-public-language button[aria-pressed="true"] { background: #c7f6ff; color: #072031; }
.realpg-public-shell__header a:focus-visible, .realpg-public-shell__footer a:focus-visible, .miragePublicHeader a:focus-visible, .miragePublicFooter a:focus-visible, .realpg-public-page a:focus-visible, .lang button:focus-visible, .miragePublicLanguage button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.realpg-public-page { box-sizing: border-box; width: min(var(--realpg-public-reading-width), calc(100% - 2.5rem)); margin: auto; padding: var(--realpg-public-space-4) 0 var(--realpg-public-space-5); }
.realpg-public-page--landing { width: min(var(--realpg-public-shell-width), calc(100% - 2.5rem)); }
.realpg-public-page--index { width: min(var(--realpg-public-index-width), calc(100% - 2.5rem)); }
.realpg-public-page--article { width: min(var(--realpg-public-reading-width), calc(100% - 2.5rem)); }
.realpg-public-page--evidence { width: min(var(--realpg-public-reading-width), calc(100% - 2.5rem)); overflow-wrap: anywhere; }
.realpg-public-page--tool { width: min(var(--realpg-public-shell-width), calc(100% - 2.5rem)); }
.realpg-public-page--proof { width: min(var(--realpg-public-reading-width), calc(100% - 2.5rem)); }
.realpg-public-wide { width: min(var(--realpg-public-wide-width), 100%); margin-inline: auto; }
.realpg-public-shell__header + main { box-sizing: border-box; width: min(var(--realpg-public-index-width), calc(100% - 2.5rem)); margin: auto; padding: var(--realpg-public-space-4) 0 var(--realpg-public-space-5); }
.realpg-public-page h1, .realpg-public-page h2, .realpg-public-page h3 { color: #f4fbff; font-family: var(--realpg-public-display); line-height: 1.16; }
.realpg-public-page h1 { margin: .25rem 0 var(--realpg-public-space-2); font-size: clamp(2.4rem, 7vw, 4.5rem); }
.realpg-public-page h2 { margin-top: var(--realpg-public-space-4); }
.realpg-public-page h3 { margin: .2rem 0 .55rem; font-size: 1.25rem; }
.realpg-public-panel, .card { margin: var(--realpg-public-space-3) 0; padding: var(--realpg-public-space-2) 1.25rem; border: 1px solid var(--realpg-public-border); background: color-mix(in srgb, var(--realpg-public-surface) 70%, transparent); }
.realpg-public-eyebrow, .eyebrow, .meta { color: var(--realpg-public-muted); font: .78rem/1.45 var(--realpg-public-label); letter-spacing: .06em; }
.eyebrow { color: var(--realpg-public-signal); }
.rail { margin: 1.3rem 0; padding: 0; list-style: none; }
.rail li { margin: 0; padding: .3rem 0 1.7rem 1.25rem; border-left: 2px solid var(--realpg-public-signal); }
code { overflow-wrap: anywhere; }

/* Research Chronicle current frontier. */
.research-frontier__list { margin: var(--realpg-public-space-2) 0 0; }
.research-frontier__item { display: grid; grid-template-columns: minmax(9rem, .72fr) minmax(0, 2.28fr); gap: .35rem var(--realpg-public-space-2); padding: .9rem 0; border-top: 1px solid rgba(103, 232, 249, .18); }
.research-frontier__item:first-child { border-top: 0; }
.research-frontier__item dt { color: var(--realpg-public-link); font: .78rem/1.45 var(--realpg-public-label); letter-spacing: .06em; }
.research-frontier__item dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.research-frontier__item--unknown { border-left: 2px solid rgba(245, 197, 112, .72); padding-left: var(--realpg-public-space-2); }
@media (max-width: 42rem) { .research-frontier__item { grid-template-columns: minmax(0, 1fr); gap: .3rem; } }

/* Research Chronicle human-reading v1 */
.realpg-public-page--index > [data-pl-language] > header { margin-bottom: var(--realpg-public-space-3); }
.realpg-public-page--index > [data-pl-language] > header > p { max-width: 46rem; font-size: clamp(1.08rem, 2vw, 1.28rem); color: #d9edf5; }
.realpg-public-page--index > [data-pl-language] > section { border-top: 1px solid var(--realpg-public-border); padding: var(--realpg-public-space-2) 0; }
.realpg-public-page--article.research-episode { width: min(var(--realpg-public-reading-width), calc(100% - 2.5rem)); }
.research-episode > section { max-width: var(--realpg-public-reading-width); margin-inline: auto; padding-block: clamp(1.75rem, 4vw, 3.25rem); }
.research-episode > section > h1 { max-width: 46rem; margin-bottom: .7rem; }
.research-episode__primary { max-width: 48rem; font-size: 1.01rem; line-height: 1.78; }
.research-episode__primary h2 { margin-top: 2.8rem; padding-top: .25rem; }
.research-episode__primary h2:first-child { margin-top: 0; }
.research-episode__primary p { margin-block: .65rem 1.15rem; }
.research-episode__technical { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--realpg-public-border); }
.research-episode__technical > summary { cursor: pointer; color: #bfefff; font: .82rem/1.35 var(--realpg-public-label); }
.research-episode__hero { margin-bottom: 1.6rem; }
.research-episode__hero h2 { margin: .25rem 0 var(--realpg-public-space-2); font-size: clamp(2rem, 5vw, 3.3rem); }
.research-episode__deck { max-width: 46rem; font-size: clamp(1.08rem, 2vw, 1.28rem); line-height: 1.72; color: #d9edf5; }
.research-episode__narrative { max-width: 48rem; line-height: 1.85; }
.research-episode__glance { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .6rem; margin: 1.7rem 0 2.2rem; }
.research-episode__glance div { padding: .8rem .9rem; border: 1px solid rgba(103,232,249,.24); background: rgba(13,35,52,.45); }
.research-episode__glance span { display:block; color:var(--realpg-public-muted); font-size:.78rem; margin-bottom:.18rem; }
.research-episode__glance strong { overflow-wrap:anywhere; }
.research-episode__related { margin-top: 2.25rem; padding: 1rem 0; border-top: 1px solid var(--realpg-public-border); }
.research-episode__related h2 { margin: 0 0 .55rem; font-size: .84rem; color: var(--realpg-public-muted); }
.research-episode__related p { margin: 0; }
.research-episode__hero:focus-within, .research-episode__glance a:focus-visible, .research-episode__related a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.research-episode__body { font-size: 1.01rem; line-height: 1.78; }
.research-episode__body h2 { margin-top: 2.8rem; padding-top: .25rem; }
.research-episode__body h3 { color:#b8d7e4; font-family:var(--realpg-public-body); font-size:.92rem; text-transform:none; }
.research-episode__section-note { color:#b8d7e4; border-left:2px solid rgba(143,228,255,.45); padding-left:.85rem; }
.research-episode__list { padding-left: 1.35rem; }
.research-episode__list li { margin:.58rem 0; }
.research-episode__list--observed { border-left: 2px solid var(--realpg-public-signal); padding-left: 1.45rem; }
.research-episode__list--inferred { border-left: 2px dashed rgba(184,215,228,.65); padding-left: 1.45rem; }
.research-episode__list--unknown { border-left: 2px solid rgba(245,197,112,.72); padding-left: 1.45rem; }
.research-episode__list--counter { color:#c9dbe3; }
.research-episode__causal { list-style:none; padding:0; counter-reset:episode-step; }
.research-episode__causal li { position:relative; display:grid; grid-template-columns:minmax(8.5rem,.8fr) minmax(12rem,1.5fr); gap:.35rem 1rem; margin:0; padding:.4rem 0 1.3rem 1.35rem; border-left:2px solid rgba(103,232,249,.5); }
.research-episode__causal li::before { counter-increment:episode-step; content:counter(episode-step); position:absolute; left:-.72rem; top:.25rem; width:1.35rem; height:1.35rem; border-radius:50%; display:grid; place-items:center; background:var(--realpg-public-background); border:1px solid var(--realpg-public-signal); color:#dffaff; font: .72rem/1 var(--realpg-public-label); }
.research-episode__causal strong { color:var(--realpg-public-link); font: .82rem/1.35 var(--realpg-public-label); overflow-wrap:anywhere; }
.research-episode__causal span { color:#d9edf5; min-width:0; overflow-wrap:anywhere; }
.research-episode__causal code { grid-column:1/-1; color:#829daa; font-size:.75rem; }
.research-episode__evidence { margin-top:2.3rem; padding:1rem 1.1rem; border:1px solid rgba(103,232,249,.22); background:rgba(13,35,52,.35); }
.research-episode__evidence summary { cursor:pointer; color:#bfefff; font-weight:650; }
.research-episode__evidence li { margin:.35rem 0; }
.research-episode__resources { max-width:var(--realpg-public-reading-width); margin:2.5rem auto 0; }
.research-episode__status-note { color:#b8d7e4; }
@media (max-width: 42rem) { .realpg-public-shell__header, .realpg-public-shell__footer, .miragePublicHeader, .miragePublicFooter { align-items: flex-start; } .realpg-public-language, .lang, .miragePublicLanguage { margin-left: 0; } .research-episode { width:calc(100% - 1.5rem); padding-top:1.4rem; } .research-episode__glance { grid-template-columns:1fr 1fr; } .research-episode__causal li { grid-template-columns:1fr; } .research-episode__causal code { grid-column:1; } }
@media (prefers-reduced-motion: reduce) { .research-episode * { scroll-behavior:auto !important; } }

/* Shared semantic presentation primitives. Family rules may compose these without
   reintroducing another public shell. */
:root { --realpg-public-counter: #f5c570; --realpg-public-radius: .25rem; --realpg-public-focus: #fff; --realpg-public-button-padding: .72rem 1rem; }
.realpg-public-skip-link { position: fixed; z-index: 20; left: 1rem; top: -4rem; padding: .65rem .9rem; color: #062032; background: #fff; border-radius: var(--realpg-public-radius); font: 700 .8rem/1 var(--realpg-public-label); }
.realpg-public-skip-link:focus { top: 1rem; outline: 2px solid var(--realpg-public-focus); outline-offset: 3px; }
.realpg-public-hero { margin-block: var(--realpg-public-space-3) var(--realpg-public-space-4); }
.realpg-public-deck { max-width: 46rem; color: #d9edf5; font-size: clamp(1.08rem, 2vw, 1.28rem); line-height: 1.72; }
.realpg-public-section { margin-top: var(--realpg-public-space-4); padding-top: var(--realpg-public-space-2); border-top: 1px solid var(--realpg-public-border); }
.realpg-public-card { padding: var(--realpg-public-space-2); border: 1px solid var(--realpg-public-border); background: color-mix(in srgb, var(--realpg-public-surface) 70%, transparent); }
.realpg-public-meta, .realpg-public-status { color: var(--realpg-public-muted); font: .78rem/1.45 var(--realpg-public-label); letter-spacing: .06em; }
.realpg-public-actions { display: flex; flex-wrap: wrap; gap: var(--realpg-public-space-2); }
.realpg-public-button { display: inline-block; border: 1px solid var(--realpg-public-border); border-radius: 999px; padding: var(--realpg-public-button-padding); color: var(--realpg-public-text); background: transparent; font: 700 .82rem/1 var(--realpg-public-body); text-decoration: none; }
.realpg-public-button--primary { color: #062032; background: var(--realpg-public-signal); border-color: var(--realpg-public-signal); }
.realpg-public-button--secondary { color: var(--realpg-public-text); background: transparent; }
.realpg-public-text-link { color: var(--realpg-public-link); text-decoration-thickness: 1px; text-underline-offset: .25em; }
:where(.realpg-public-page, .realpg-public-shell__header, .realpg-public-shell__footer, .realpg-public-button, .realpg-public-text-link, .realpg-public-language button, .mirageProblemRunSurface button, .mirageProblemRunSurface a):focus-visible { outline: 2px solid var(--realpg-public-focus); outline-offset: 3px; }
@media (max-width: 42rem) { .realpg-public-shell__header { align-items: flex-start; } .realpg-public-shell__nav { order: 3; flex-basis: 100%; } .realpg-public-language { margin-left: auto; } }


/* React landing and Problem Run families. Kept here so public presentation is one static, cacheable system. */
.miragePublicHome { --ink:#030916; --panel:#071426; --signal:#67e8f9; --sky:#38bdf8; width:100%; min-height:100svh; overflow:hidden; background:var(--ink); color:#eaf8ff; font-family:ui-sans-serif,system-ui,sans-serif; text-align:left; } .miragePublicHome * { box-sizing:border-box; } .miragePublicHome a { color:inherit; } .miragePublicShell { max-width:1280px; margin:auto; padding:26px clamp(20px,5vw,78px) 96px; } .miragePublicHeader { display:flex; align-items:center; justify-content:space-between; gap:18px; position:relative; z-index:3; } .miragePublicMark { font-weight:760; letter-spacing:-.05em; } .miragePublicLanguage { display:inline-flex; padding:3px; border:1px solid rgba(103,232,249,.3); border-radius:999px; background:rgba(3,9,22,.48); } .miragePublicLanguage button { border:0; border-radius:999px; padding:7px 10px; background:transparent; color:#a5c9dc; font:650 11px/1 ui-sans-serif,system-ui; cursor:pointer; } .miragePublicLanguage button:focus-visible, .miragePublicButton:focus-visible { outline:2px solid white; outline-offset:3px; } .miragePublicLanguage button[aria-pressed="true"] { background:#c7f6ff; color:#072031; } .miragePublicHero { position:relative; min-height:min(700px,calc(100svh - 60px)); padding:clamp(94px,12vw,150px) 0 96px; isolation:isolate; } .miragePublicHero:before { content:""; position:absolute; z-index:-2; inset:-100px -24vw 0 34%; background:radial-gradient(circle at 56% 43%,rgba(34,211,238,.15),transparent 27%),radial-gradient(circle at 78% 60%,rgba(56,189,248,.11),transparent 31%); pointer-events:none; } .miragePublicHeroCopy { position:relative; z-index:2; width:min(65%,760px); } .miragePublicHeroField { position:absolute; z-index:-1; right:-9%; top:6%; width:min(760px,68vw); height:82%; opacity:.94; pointer-events:none; } .miragePublicHeroField:after { content:""; position:absolute; inset:17% 3% 4% 8%; background:repeating-linear-gradient(90deg,rgba(103,232,249,.11) 0 1px,transparent 1px 58px),repeating-linear-gradient(0deg,rgba(103,232,249,.09) 0 1px,transparent 1px 42px); transform:perspective(540px) rotateX(59deg) rotateZ(-8deg); transform-origin:center bottom; mask-image:linear-gradient(to bottom,transparent,black 31%,transparent 87%); } .miragePublicHeroField svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; } .miragePublicEyebrow, .miragePublicKicker { margin:0 0 17px; color:var(--signal); font:700 11px/1.4 ui-sans-serif,system-ui; letter-spacing:.12em; } .miragePublicHero h1 { max-width:850px; margin:0; color:#f1fbff; font:500 clamp(54px,7.5vw,104px)/.91 ui-serif,Georgia,serif; letter-spacing:-.072em; text-wrap:balance; } .miragePublicLead { max-width:740px; margin:30px 0 0; color:#bad2e1; font-size:clamp(18px,2vw,25px); line-height:1.52; letter-spacing:-.025em; } .miragePublicActions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; } .miragePublicButton { display:inline-block; border:1px solid rgba(103,232,249,.55); border-radius:999px; padding:12px 17px; color:#dffaff; font:700 13px/1 ui-sans-serif,system-ui; text-decoration:none; } .miragePublicButton--solid { background:var(--signal); color:#062032; } .miragePublicFieldLabel { position:absolute; right:4%; bottom:5%; color:rgba(185,231,243,.68); font:600 10px/1 ui-monospace,SFMono-Regular,monospace; letter-spacing:.12em; } .miragePublicSystem { padding:82px 0; border-top:1px solid rgba(148,196,220,.19); } .miragePublicSystem h2, .miragePublicSection h2 { max-width:740px; margin:0; color:#effaff; font:500 clamp(34px,5vw,61px)/1 ui-serif,Georgia,serif; letter-spacing:-.055em; } .miragePublicSystemLead { max-width:650px; color:#a6c1d2; line-height:1.55; } .miragePublicConstellation { position:relative; min-height:540px; margin-top:38px; border:1px solid rgba(103,232,249,.24); border-radius:3px; background:radial-gradient(ellipse at 52% 47%,rgba(34,211,238,.18),transparent 25%),linear-gradient(133deg,#091a30,#030916 70%); overflow:hidden; } .miragePublicConstellation:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 49.8%,rgba(103,232,249,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(103,232,249,.1) 50%,transparent 50.2%); opacity:.6; } .miragePublicConstellation svg { position:absolute; inset:0; width:100%; height:100%; } .miragePublicOrbit { fill:none; stroke:rgba(103,232,249,.28); stroke-width:1; stroke-dasharray:4 6; } .miragePublicPaths { fill:none; stroke:rgba(56,189,248,.58); stroke-width:1.4; } .miragePublicRoute { fill:none; stroke:var(--signal); stroke-width:1.6; stroke-dasharray:7 18; } .miragePublicCore { position:absolute; left:50%; top:50%; width:132px; height:132px; transform:translate(-50%,-50%); display:grid; place-items:center; border:1px solid var(--signal); border-radius:50%; color:#dffaff; text-align:center; white-space:pre-line; font:750 11px/1.25 ui-sans-serif,system-ui; letter-spacing:.1em; box-shadow:0 0 52px rgba(34,211,238,.34); } .miragePublicNode { position:absolute; width:158px; transform:translate(-50%,-50%); } .miragePublicNodeDot { width:13px; height:13px; margin-bottom:8px; border-radius:50%; background:var(--signal); box-shadow:0 0 18px #22d3ee; } .miragePublicNode strong { display:block; color:#effaff; font-size:15px; } .miragePublicNode span { display:block; margin-top:4px; color:#a7c5d5; font-size:12px; line-height:1.35; } .miragePublicSection { padding:76px 0; border-top:1px solid rgba(148,196,220,.19); } .miragePublicGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:34px; } .miragePublicCard { padding:25px 0; border-top:1px solid rgba(148,196,220,.28); background:transparent; } .miragePublicCard h3 { margin:0 0 13px; color:var(--signal); font-size:13px; letter-spacing:.08em; text-transform:uppercase; } .miragePublicCard p, .miragePublicTopics li { margin:0; color:#bdd1de; font-size:16px; line-height:1.6; } .miragePublicTopics { counter-reset:trace; margin:32px 0 0; padding:0 0 0 30px; list-style:none; border-left:1px solid rgba(103,232,249,.42); } .miragePublicTopics li { counter-increment:trace; padding:0 0 26px 30px; border:0; position:relative; } .miragePublicTopics li:before { content:counter(trace,decimal-leading-zero); position:absolute; left:-54px; top:0; width:45px; color:var(--signal); font:600 10px/1.7 ui-monospace,SFMono-Regular,monospace; letter-spacing:.07em; } .miragePublicTopics li:after { content:""; position:absolute; left:-35px; top:5px; width:9px; height:9px; border:1px solid var(--signal); border-radius:50%; background:var(--ink); } .miragePublicFooter { padding-top:38px; color:#91afc1; font-size:14px; } .miragePublicFooter a { color:var(--signal); } @media (prefers-reduced-motion:no-preference) { .miragePublicSignal { animation:miragePublicSignal 14s linear infinite; } .miragePublicRoute { animation:miragePublicRoute 18s linear infinite; } .miragePublicNodeDot { animation:miragePublicPulse 11s ease-in-out infinite; } } @keyframes miragePublicSignal { to { stroke-dashoffset:-180; } } @keyframes miragePublicRoute { to { stroke-dashoffset:-150; } } @keyframes miragePublicPulse { 50% { opacity:.58; } } @media (max-width:700px) { .miragePublicShell { padding:20px 20px 56px; } .miragePublicHero { min-height:650px; padding-top:76px; } .miragePublicHeroCopy { width:100%; } .miragePublicHeroField { top:auto; right:-24%; bottom:0; width:144%; height:42%; opacity:.48; } .miragePublicHero h1 { font-size:clamp(48px,14vw,68px); } .miragePublicHero:before { inset:30% -80% 0 0; } .miragePublicConstellation { min-height:auto; padding:20px 18px; display:grid; gap:16px; border-radius:2px; } .miragePublicConstellation svg, .miragePublicCore { display:none; } .miragePublicNode { position:relative; inset:auto !important; width:auto; transform:none; display:grid; grid-template-columns:21px 1fr; column-gap:10px; } .miragePublicNodeDot { grid-row:span 2; margin-top:3px; } .miragePublicNode strong { font-size:15px; } .miragePublicNode span { margin:0; font-size:13px; } .miragePublicGrid { grid-template-columns:1fr; gap:12px; } }

.miragePublicBrand{display:inline-flex;align-items:center;gap:8px;font-weight:760;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.miragePublicNav{display:flex;flex:1;justify-content:center;gap:14px}.miragePublicNav a{color:#a5c9dc;font-size:12px;text-decoration:none}.miragePublicNav a[aria-current="page"]{color:var(--signal);text-decoration:underline;text-underline-offset:4px}.miragePublicHero{min-height:min(640px,calc(100svh - 60px));padding:clamp(56px,7vw,92px) 0 64px}.miragePublicTertiary{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.miragePublicTertiary a,.miragePublicTextAction{color:#a5c9dc;font-size:13px;text-decoration:underline;text-decoration-color:rgba(103,232,249,.52);text-underline-offset:4px}.miragePublicPageMap{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 72px;padding:16px 0;border-top:1px solid rgba(103,232,249,.34);border-bottom:1px solid rgba(103,232,249,.2)}.miragePublicPageMap a{color:var(--signal);font:700 12px/1.4 ui-sans-serif,system-ui;text-decoration:none;letter-spacing:.08em}.miragePublicChapter{padding:clamp(82px,11vw,144px) 0;border-top:1px solid rgba(148,196,220,.28)}.miragePublicChapter>h2{max-width:820px;margin:0;color:#effaff;font:500 clamp(40px,5.8vw,70px)/.98 ui-serif,Georgia,serif;letter-spacing:-.06em}.miragePublicSubsection{max-width:900px;margin-top:54px;padding-top:25px;border-top:1px solid rgba(148,196,220,.18)}.miragePublicSubsection h3,.miragePublicEvidenceProgression h3{margin:0 0 13px;color:var(--signal);font:700 12px/1.4 ui-sans-serif,system-ui;letter-spacing:.1em}.miragePublicSubhead{max-width:740px;margin:0;color:#effaff;font:500 clamp(24px,3vw,35px)/1.1 ui-serif,Georgia,serif;letter-spacing:-.04em}.miragePublicSubsection .miragePublicLead{margin-top:16px}.miragePublicEvidenceProgression{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:46px}.miragePublicEvidenceProgression article{padding:24px 0;border-top:2px solid rgba(103,232,249,.42)}.miragePublicEvidenceProgression article+article{border-top-color:rgba(148,196,220,.25)}.miragePublicEvidenceProgression h4,.miragePublicCard h4{margin:0 0 12px;color:#effaff;font:600 17px/1.3 ui-sans-serif,system-ui}.miragePublicEvidenceProgression p{margin:0 0 18px;color:#bdd1de;font-size:16px;line-height:1.6}.miragePublicCard h4{color:var(--signal);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.miragePublicSystem{padding:0;border:0}.miragePublicSystem h2,.miragePublicSection h2{font:inherit}.miragePublicGrid{margin-top:26px}.miragePublicCard{padding:20px 0}.miragePublicTopics{margin-top:26px}@media(max-width:700px){.miragePublicHeader{align-items:flex-start;flex-wrap:wrap}.miragePublicNav{order:3;flex-basis:100%;justify-content:flex-start;flex-wrap:wrap}.miragePublicHero{min-height:620px;padding-top:52px}.miragePublicPageMap{margin-bottom:42px;gap:10px 16px}.miragePublicChapter{padding:72px 0}.miragePublicSubsection{margin-top:38px}.miragePublicEvidenceProgression{grid-template-columns:1fr;gap:8px;margin-top:34px}}

.mirageProblemRunSurface { width: 100%; min-height: 100svh; padding: 28px clamp(24px, 6vw, 88px) 56px; box-sizing: border-box; background: radial-gradient(circle at 52% 24%, #163047 0, #07131f 48%, #04090f 100%); color: #e8f3f8; text-align: left; font-family: Georgia, "Times New Roman", serif; }
      .mirageProblemRunSurface * { box-sizing: border-box; }
      .mirageProblemHeader { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: clamp(42px, 7vh, 78px); font-family: ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemMark { color: #1c1a17; font-size: 17px; font-weight: 750; letter-spacing: -0.04em; }
      .mirageProblemLanguage { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid #d5d0c5; border-radius: 999px; background: rgba(255,255,255,.38); }
      .mirageProblemLanguage button { border: 0; border-radius: 999px; padding: 7px 11px; background: transparent; color: #6e6960; font: 600 11px/1 ui-sans-serif, system-ui, sans-serif; letter-spacing: .04em; cursor: pointer; }
      .mirageProblemLanguage button[aria-pressed="true"] { background: #1c1a17; color: #f8f6f1; }
      .mirageProblemHero { max-width: 1020px; }
      .mirageProblemEyebrow, .mirageProblemLabel { margin: 0 0 20px; color: #716b61; font: 650 11px/1.3 ui-sans-serif, system-ui, sans-serif; letter-spacing: .09em; text-transform: uppercase; }
      .mirageProblemHero h1 { max-width: 900px; margin: 0; color: #1c1a17; font: 500 clamp(48px, 8vw, 104px)/.96 Georgia, "Times New Roman", serif; letter-spacing: -.067em; }
      .mirageProblemIntro { max-width: 720px; margin: 34px 0 0; color: #4d4942; font-size: clamp(18px, 1.8vw, 24px); line-height: 1.5; letter-spacing: -.02em; }
      .mirageProblemForm { max-width: 860px; margin-top: clamp(46px, 7vh, 72px); }
      .mirageProblemFieldLabel { display: block; margin-bottom: 12px; color: #35312c; font: 650 13px/1.4 ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemInput { width: 100%; min-height: 156px; resize: vertical; border: 1px solid #aaa397; border-radius: 3px; padding: 20px 22px; background: #fffdf8; color: #1c1a17; font: 500 clamp(18px, 2vw, 23px)/1.48 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.018em; outline: none; box-shadow: none; }
      .mirageProblemInput:focus { border-color: #1c1a17; }
      .mirageProblemActions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 16px; }
      .mirageProblemPrimary, .mirageProblemSecondary, .mirageProblemAppLink { appearance: none; border: 1px solid #1c1a17; border-radius: 999px; padding: 12px 18px; text-decoration: none; cursor: pointer; font: 700 13px/1 ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemPrimary { background: #1c1a17; color: #f8f6f1; }
      .mirageProblemPrimary:disabled { opacity: .38; cursor: default; }
      .mirageProblemSecondary, .mirageProblemAppLink { background: transparent; color: #1c1a17; }
      .mirageProblemPrivacy { max-width: 760px; margin: 16px 0 0; color: #777066; font: 12px/1.55 ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemPrivacy + .mirageProblemPrivacy { margin-top: 5px; }
      .mirageProblemResult { max-width: 920px; margin-top: clamp(68px, 10vh, 110px); padding-top: 22px; border-top: 1px solid #1c1a17; }
      .mirageProblemFrame { max-width: 780px; margin: 0 0 42px; color: #1c1a17; font: 500 clamp(26px, 3.8vw, 44px)/1.1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
      .mirageProblemResultGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #d5d0c5; border: 1px solid #d5d0c5; }
      .mirageProblemResultCard { min-height: 220px; padding: 24px; background: #f6f4ef; }
      .mirageProblemResultCard h2 { margin: 0 0 18px; color: #716b61; font: 700 11px/1.3 ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
      .mirageProblemResultCard p { margin: 0; color: #35312c; font-size: clamp(17px, 1.7vw, 21px); line-height: 1.52; letter-spacing: -.018em; }
      .mirageProblemResultCard--next { background: #fffdf8; }
      .mirageProblemAppLink { display: inline-block; margin-top: 20px; }
      .mirageProblemHow { max-width: 920px; margin-top: clamp(84px, 13vh, 150px); padding-top: 22px; border-top: 1px solid #d5d0c5; }
      .mirageProblemHow h2 { max-width: 760px; margin: 0; font: 500 clamp(32px, 4.8vw, 60px)/1.02 Georgia, "Times New Roman", serif; letter-spacing: -.058em; }
      .mirageProblemSteps { margin: 48px 0 0; padding: 0; list-style: none; border-top: 1px solid #d5d0c5; }
      .mirageProblemSteps li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 18px; padding: 18px 0; border-bottom: 1px solid #d5d0c5; color: #35312c; font-size: clamp(17px, 1.8vw, 22px); line-height: 1.4; }
      .mirageProblemSteps strong { color: #8a8378; font: 650 12px/1.5 ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemBoundary { max-width: 720px; margin: 28px 0 0; color: #4d4942; font-size: 18px; line-height: 1.52; }
      .mirageProblemEmail { max-width: 920px; margin-top: clamp(78px, 11vh, 130px); padding-top: 22px; border-top: 1px solid #d5d0c5; }
      .mirageProblemEmail p:last-child { max-width: 760px; margin: 0; color: #4d4942; font-size: 18px; line-height: 1.55; }
      .mirageProblemFooter { margin-top: clamp(80px, 14vh, 150px); padding-top: 20px; border-top: 1px solid #d5d0c5; color: #716b61; font: 500 13px/1.45 ui-sans-serif, system-ui, sans-serif; }
      .mirageProblemHeader,.mirageProblemHero h1,.mirageProblemIntro,.mirageProblemFieldLabel,.mirageProblemPrivacy,.mirageProblemBoundary,.mirageProblemEmail p:last-child { color:#e8f3f8; } .mirageProblemMark{color:#81dcff;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.mirageProblemMark img{width:32px;height:32px}.mirageProblemNav{display:flex;gap:14px;font:12px/1 ui-sans-serif,system-ui,sans-serif}.mirageProblemNav a,.mirageProblemFooter a{color:#a9dff3}.mirageProblemNav a[aria-current="page"]{color:#81dcff;text-decoration:underline;text-underline-offset:4px}.mirageProblemFooter{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mirageProblemInput{background:#081927;color:#edf9ff;border-color:#346076}.mirageProblemPrimary{background:#54d5ff;color:#062033;border-color:#54d5ff}.mirageProblemSecondary{color:#d9f5ff;border-color:#6c9aac}.mirageProblemLanguage{border-color:#346076;background:#0a1b29}.mirageProblemLanguage button{color:#acd0df}.mirageProblemLanguage button[aria-pressed="true"]{background:#54d5ff;color:#062033}
      .mirageInvestigation { max-width:1120px; margin-top:clamp(68px,10vh,110px); padding-top:22px; border-top:1px solid #3b6d84; } .mirageInvestigationTitle{margin:0 0 22px;font:500 clamp(28px,4vw,48px)/1.05 Georgia,serif;letter-spacing:-.045em}.mirageInvestigationLegend{margin:0 0 20px;color:#a9c5d3;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}.mirageField{position:relative;min-height:600px;padding:24px;border:1px solid #28536a;background:linear-gradient(140deg,rgba(18,54,73,.72),rgba(3,12,21,.88));overflow:hidden}.mirageConnections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mirageRoute{fill:none;stroke:#65dbff;stroke-width:2}.mirageHypothesisLink{fill:none;stroke:#8aabc0;stroke-width:1.2;stroke-dasharray:5 6;opacity:.65}.mirageEvidenceLink{fill:none;stroke:#93dfff;stroke-width:1;opacity:.65}.mirageSignal{stroke-dasharray:5 24;animation:mirageSignal 7s linear infinite}.mirageNode{position:absolute;max-width:250px;padding:13px 15px;border:1px solid #527d92;background:rgba(7,23,35,.92);color:#e8f3f8;text-align:left;cursor:pointer}.mirageNode:focus-visible{outline:3px solid #fff;outline-offset:3px}.mirageNode--matter{left:35%;top:39%;width:30%;border-color:#e0ae70;background:#382918}.mirageNode--reported{left:38%;top:12%;width:25%}.mirageNode--unknown{left:5%;top:26%;width:25%}.mirageNode--hypothesis{right:5%;top:25%;width:26%}.mirageNode--evidence{left:38%;top:67%;width:26%;border-color:#75cbe7}.mirageNode--check{right:4%;bottom:7%;width:29%;border-color:#65dbff;box-shadow:0 0 28px rgba(84,213,255,.22)}.mirageNode--frontier{left:4%;bottom:8%;width:27%;opacity:.78}.mirageNode small{display:block;margin-bottom:6px;color:#9cc7d8;font:700 10px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.mirageNode--matter small{color:#ffd091}.mirageNode strong,.mirageNode span{font:500 14px/1.4 ui-sans-serif,system-ui,sans-serif}.mirageInspector{margin:16px 0 0;padding:16px;border-left:3px solid #65dbff;background:rgba(6,22,34,.8);color:#dff5ff;font:15px/1.55 ui-sans-serif,system-ui,sans-serif}.mirageInvestigationApplication{margin:16px 0 0;color:#dff5ff;font:15px/1.55 ui-sans-serif,system-ui,sans-serif}.mirageInvestigationApplication a{color:#8fe4ff}.mirageProblemHow,.mirageProblemEmail{border-color:#3b6d84}.mirageProblemSteps{border-color:#3b6d84}.mirageProblemSteps li{border-color:#3b6d84;color:#e8f3f8}.mirageProblemFooter{border-color:#3b6d84;color:#a9c5d3}@keyframes mirageSignal{to{stroke-dashoffset:-116}}@media (prefers-reduced-motion:reduce){.mirageSignal{animation:none}}
      @media (max-width:700px) { .mirageProblemRunSurface { padding:22px 22px 38px; }.mirageProblemHeader { padding-bottom:54px; flex-wrap:wrap; }.mirageProblemNav{order:3;width:100%;flex-wrap:wrap;}.mirageProblemHero h1 { font-size:clamp(46px,14vw,66px); }.mirageProblemResultGrid { grid-template-columns:1fr; }.mirageProblemResultCard { min-height:0; }.mirageProblemSteps li { grid-template-columns:54px minmax(0,1fr); }.mirageField{min-height:0;display:grid;gap:12px;padding:14px}.mirageConnections{display:none}.mirageNode{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none;order:2}.mirageNode--matter{order:1}.mirageNode--reported{order:2}.mirageNode--unknown,.mirageNode--hypothesis{order:3}.mirageNode--evidence{order:4}.mirageNode--check{order:5}.mirageNode--frontier{order:6} }