/* The download page, on top of legal.css. After the download starts, download.js adds
.started to <html> and the first-open steps light up. The box is always there, with a
clear border, so nothing moves when it lights up. Tokens only, from src/styles/tokens.css. */
.get{margin:0 0 6px}
.meta a{color:var(--muted)}
.first{margin:32px -12px 0;padding:4px 12px 8px;border:1.5px solid transparent;border-radius:var(--r-card)}
.first h2{margin-top:16px}
.started .first{border-color:var(--accent);background:var(--accent-soft)}
.started #status{color:var(--fg)}
@media (prefers-reduced-motion:no-preference){.first{transition:background-color var(--dur-slide) var(--ease-out),border-color var(--dur-slide) var(--ease-out)}}

/* /download/versions */
.versions{list-style:none;padding:0;margin:24px 0 20px;border-top:1px solid var(--line)}
.versions li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;max-width:none;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.versions .v{flex:1 1 220px;display:flex;align-items:center;gap:10px}
.versions .v b{font-weight:700}
.versions .tag{font:500 var(--text-label)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:var(--r-tile);background:var(--accent-soft);color:var(--accent)}
.versions .d{display:flex;gap:14px;color:var(--muted);font:var(--text-fine)/1.4 var(--mono)}
.versions .dmg{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.none{color:var(--muted)}
[data-chip] .first{display:none}