/* Demo page chrome only (top bar, language buttons, footer). The three screens themselves are
   styled by the shared v3-surface.css bundled with the React entry; the imported style.css
   stays intact. */
:root{--accent:#38BDF8;--accent-dim:#1E6E96;--accent-on-tinted:#38BDF8;--bg-primary:#050807;--bg-secondary:#0A0E0C;--bg-tertiary:#0E1311;--bg-card:#0E1311;--bg-elevated:#121815;--border-primary:#29322D;--border-subtle:#1B231F;--text-primary:#F2F4F1;--text-secondary:#B4BEB8;--text-tertiary:#A2AEA6;--earth:#D4A574}
.v3-demo [hidden]{display:none!important}
.v3-demo{font-size:16px;line-height:1.6;overflow-x:visible}
.v3-demo button,.v3-demo a{font:inherit}
.v3-demo button{cursor:pointer}
.v3-demo button:disabled{cursor:default;opacity:.5}
.v3-demo :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.v3-demo ::selection{background:var(--accent);color:var(--bg-primary)}
.v3-demo a{color:var(--text-primary);text-underline-offset:.2em}
.v3-demo .topbar{height:64px;padding:0 clamp(20px,4vw,64px)}
.v3-header-actions{display:flex;align-items:center;gap:24px;font-size:14px}
.v3-locales{display:flex;align-items:center;gap:0}
.v3-locales button{background:none;border:0;min-width:44px;min-height:44px;color:var(--text-secondary);font-size:14px}
.v3-locales button[aria-pressed=true]{color:var(--accent);border-bottom:1px solid var(--accent)}
.v3-demo .v3-surface{min-height:calc(100svh - 180px)}
.v3-footer{max-width:1440px;margin:auto;padding:20px clamp(20px,4vw,64px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--text-secondary);font-size:13px;border-top:1px solid var(--border-primary)}
.v3-footer a{text-decoration:none;color:var(--text-secondary);display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin:0 -4px;font-size:14px}
@media(max-width:760px){.v3-demo .topbar{height:auto;min-height:64px;flex-wrap:wrap;column-gap:12px}.v3-header-actions{gap:8px;margin-left:auto}.v3-header-actions>a{display:inline-flex;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.v3-demo *{animation:none!important;transition:none!important}html{scroll-behavior:auto}}