.where-how-page{gap:18px;min-width:0;padding-bottom:28px;display:grid}.where-how-hero{gap:16px}.where-how-hero h1{margin:0 0 8px}.where-how-hero p{color:var(--muted,#8e979c);max-width:62ch;font-size:14px;line-height:1.55}.where-how-hero-actions{flex-wrap:wrap;gap:8px;display:flex}.where-how-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.where-how-kpis article{background:color-mix(in srgb, var(--panel,#0c1216) 92%, #000);border:1px solid var(--border-soft,#243038);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.where-how-kpis small{color:var(--muted);font-family:var(--font-geist-mono,monospace);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.where-how-kpis strong{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,30px);font-weight:650}.where-how-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.where-how-chart-card{gap:12px;min-width:0;min-height:280px;display:grid}.where-how-chart-card header h2{margin:6px 0 4px;font-size:15px;font-weight:620}.where-how-chart-card header p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.where-how-chart-wide{grid-column:1/-1;min-height:300px}.where-how-journey-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;min-width:0;display:grid}.where-how-path-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.where-how-path-list li{background:color-mix(in srgb, var(--panel-soft,#0a1217) 90%, #000);border:1px solid var(--border-soft,#243038);border-radius:10px;grid-template-columns:minmax(0,1.6fr) auto minmax(0,.7fr) minmax(0,.8fr);align-items:baseline;gap:6px 10px;padding:10px 12px;display:grid}.where-how-path-problem{color:var(--text);font-size:13px;font-weight:560}.where-how-path-arrow{color:var(--gold,#f0be47);font-weight:700}.where-how-path-list strong{font-size:12px}.where-how-path-list em{color:var(--muted);font-size:11.5px;font-style:normal}.where-how-live{gap:12px;display:grid}.where-how-live h2{margin:4px 0 6px;font-size:16px}.where-how-live>header p{color:var(--muted);max-width:70ch;margin:0;font-size:12.5px;line-height:1.45}.where-how-live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.where-how-live-card{background:color-mix(in srgb, var(--panel,#0c1216) 94%, #000);border:1px solid var(--border-soft,#243038);border-radius:12px;gap:8px;min-width:0;padding:12px;display:grid}.where-how-live-card strong{font-size:13px;display:block}.where-how-live-card span{color:var(--muted);font-size:11px}.where-how-live-chart{min-height:42px}.where-how-live-card em{font-size:13px;font-style:normal;font-weight:650}.where-how-live-card em.is-up{color:var(--green,#3c6)}.where-how-live-card em.is-down{color:var(--red,#ff4545)}.where-how-muted{color:var(--muted);font-size:12.5px}.where-how-page .where-do-i{margin-top:4px}.where-how-page .where-do-i-head h2{font-size:clamp(18px,2vw,24px)}.where-how-teaser{background:linear-gradient(90deg, color-mix(in srgb, var(--gold,#f0be47) 10%, transparent), transparent 50%), color-mix(in srgb, var(--panel,#0c1216) 94%, #000);border:1px solid var(--border-soft,#243038);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin:0 0 14px;padding:14px 16px;display:flex}.where-how-teaser strong{margin-bottom:4px;font-size:15px;display:block}.where-how-teaser p{color:var(--muted);max-width:56ch;margin:0;font-size:12.5px;line-height:1.45}.where-how-teaser-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1100px){.where-how-charts{grid-template-columns:1fr}.where-how-chart-wide{grid-column:auto}.where-how-journey-split{grid-template-columns:1fr}.where-how-live-grid,.where-how-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.where-how-path-list li{grid-template-columns:1fr}.where-how-path-arrow{display:none}.where-how-live-grid{grid-template-columns:1fr}.where-how-kpis{grid-template-columns:1fr 1fr}}
