.dark #reality-lab .feature-copy-group{margin-left:0;padding-left:0;width:100%;max-width:100%}.dark #reality-lab .feature-copy-group p{margin-left:0;padding-left:0;max-width:100%}.chart-popup-trigger{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;margin-top:25px;font:10px/1.5 monospace;letter-spacing:1.4px;color:var(--accent);cursor:pointer;pointer-events:auto}.chart-popup-trigger:hover{opacity:.7}.chart-popup-trigger:focus-visible{outline:2px solid currentColor;outline-offset:5px}.chart-popup{width:min(1040px,90vw);max-height:88svh;overflow:auto;padding:28px 36px;border:1px solid var(--line);border-radius:4px;background:var(--bg,#080c0d);color:var(--ink);box-shadow:0 30px 150px #0009}.dark .chart-popup{background:#0b100d;--tile:#121b14;--accent:#d6ff71}.white .chart-popup{background:#fff}.chart-popup::backdrop{background:#000b;backdrop-filter:blur(7px)}.chart-popup-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;font:9px/1.5 monospace;letter-spacing:1px;color:var(--muted)}.chart-popup-close{background:none;color:var(--ink);border:1px solid var(--line);padding:9px 13px;font:10px monospace;cursor:pointer}.chart-popup .story-demo{display:grid!important;gap:35px;padding-top:24px}.chart-popup .story-process h3{font-size:32px;margin:20px 0}.chart-popup .story-chart{background:var(--tile,#151c16)}.chart-popup .story-controls button{cursor:pointer}.chart-popup[open]{animation:chart-open .25s ease-out}@keyframes chart-open{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.chart-popup{padding:20px;width:92vw}.chart-popup .story-demo{grid-template-columns:1fr;gap:20px}.chart-popup .story-process h3{font-size:27px}.chart-popup .story-controls button{padding:12px 0}.chart-popup .story-chart{padding:20px}.chart-popup-top{font-size:8px}.chart-popup-trigger{font-size:9px;margin-top:18px}}@media(prefers-reduced-motion:reduce){.chart-popup[open]{animation:none}}
/* The same cursor is promoted above the dialog in the browser top layer. */
.simulation-cursor[popover]{margin:0;padding:0;border:0;width:100vw;height:100vh;max-width:none;max-height:none;background:transparent;color:inherit;overflow:visible}
.simulation-cursor::backdrop{background:transparent;pointer-events:none}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){body.space-active.has-sim-cursor #site:not(.light-sim) dialog[open]::backdrop{cursor:none!important}}
/* Keep the controls and their live result together on phone screens. */
@media(max-width:700px){
 .chart-popup{box-sizing:border-box;width:calc(100vw - 24px);max-width:none;max-height:calc(100svh - 24px);padding:14px;margin:auto}
 .chart-popup-top{gap:8px;margin-bottom:10px;font-size:7px;letter-spacing:.5px}
 .chart-popup-close{flex-shrink:0;min-height:36px;padding:8px 10px}
 .chart-popup .story-demo{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:10px}
 .chart-popup .story-process .eyebrow{font-size:7px;letter-spacing:1px}
 .chart-popup .story-process h3{font-size:21px;line-height:1.1;letter-spacing:-.6px;margin:8px 0 12px}
 .chart-popup .story-process h3 br{display:none}
 .chart-popup .story-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .chart-popup .story-controls button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;min-height:66px;padding:9px 0 5px;font-size:11px;line-height:1.25}
 .chart-popup .story-controls button span{font-size:9px}
 .chart-popup .story-controls button b{display:none}
 .chart-popup .story-controls button[aria-pressed="true"]{border-top:2px solid currentColor;padding-top:8px}
 .chart-popup .story-step-description{margin:8px 0 0;min-height:42px;max-width:none;font-size:11px;line-height:1.3}
 .chart-popup .story-chart{padding:12px}
 .chart-popup .chart-header{gap:6px}
 .chart-popup .chart-eyebrow{font-size:7px;letter-spacing:.6px}
 .chart-popup .chart-headline{font-size:18px;line-height:1.15;min-height:22px;letter-spacing:-.4px}
 .chart-popup .chart-bars{height:150px;margin:12px 0 6px}
 .chart-popup .chart-row{top:calc(var(--raw)*29px);height:23px;grid-template-columns:48px minmax(0,1fr) 30px;gap:6px}
 .chart-popup .story-demo[data-story-step="1"] .chart-row,.chart-popup .story-demo[data-story-step="2"] .chart-row{top:calc(var(--rank)*29px)}
 .chart-popup .bar-track{height:19px}
 .chart-popup .chart-takeaway{min-height:0;padding-top:8px}
 .chart-popup .chart-takeaway>span{font-size:7px}
 .chart-popup .chart-takeaway p{margin:4px 0 0;font-size:10px;line-height:1.3}
 .chart-popup .chart-disclosure{margin-top:8px;font-size:8px;line-height:1.3}
}
@media(max-width:700px) and (max-height:650px){
 .chart-popup{padding:10px}
 .chart-popup-top{margin-bottom:6px}
 .chart-popup .story-demo{gap:8px;padding-top:6px}
 .chart-popup .story-process h3{margin:6px 0 8px;font-size:19px}
 .chart-popup .story-controls button{min-height:59px;padding-bottom:3px}
 .chart-popup .story-step-description{min-height:39px;margin-top:5px;font-size:10px}
 .chart-popup .chart-bars{height:130px;margin-top:8px}
 .chart-popup .chart-row{top:calc(var(--raw)*25px);height:21px}
 .chart-popup .story-demo[data-story-step="1"] .chart-row,.chart-popup .story-demo[data-story-step="2"] .chart-row{top:calc(var(--rank)*25px)}
 .chart-popup .bar-track{height:17px}
}
/* Invite deliberate exploration; keep each chart state under the visitor's control. */
.chart-popup .story-interaction-hint{font-size:12px;line-height:1.4;color:var(--muted);margin:0 0 12px}
.chart-popup .story-interaction-hint span{color:var(--accent);display:inline-block;margin-left:4px}
.chart-popup .story-controls{gap:8px}
.chart-popup .story-controls button{border:1px solid var(--line);border-radius:5px;padding:13px 12px;transition:background-color .2s,color .2s,border-color .2s;cursor:pointer}
.chart-popup .story-controls button:hover{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.chart-popup .story-controls button[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--ink)}
.white .chart-popup .story-controls button[aria-pressed="true"]{border-color:#79629f;background:#79629f14;color:#59437c}
.white .chart-popup .story-controls button:hover{border-color:#79629f;background:#79629f0d;color:#59437c}
@media(max-width:700px){
 .chart-popup .story-process h3{margin-bottom:7px}
 .chart-popup .story-interaction-hint{font-size:10px;line-height:1.3;margin:0 0 8px}
 .chart-popup .story-controls button,.chart-popup .story-controls button[aria-pressed="true"]{min-height:66px;border-width:1px;padding:8px 7px 5px}
}
@media(max-width:700px) and (max-height:650px){
 .chart-popup .story-interaction-hint{font-size:9px;margin-bottom:6px}
 .chart-popup .story-controls button,.chart-popup .story-controls button[aria-pressed="true"]{min-height:59px;padding:6px 6px 4px}
}
@media(prefers-reduced-motion:reduce){.chart-popup .story-controls button{transition:none}}