/* Runewards — download page.
   The .dl-* rules came from home.css when #download became its own page; the
   home page now carries only the slim band that links here (.dl-band, still in
   home.css). Section shells are restated here rather than shared, which is the
   convention every other page CSS follows. */

.sec{margin-bottom:clamp(46px,6vw,76px)}
.s-h2{margin:0 0 10px;font:700 clamp(26px,3.2vw,38px)/1.1 var(--fdisp);letter-spacing:.01em;color:var(--ink)}
.s-lede{margin:0 0 20px;max-width:58ch;color:var(--ink-dim);text-wrap:pretty}
.s-lede a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.s-lede a:hover{color:var(--gold)}

/* ─── The platform card ──────────────────────────────────── */
.dl-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(36,21,18,.9),rgba(20,10,8,.9));padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,5vw,64px);align-items:center}
.dl-card h2{margin:0 0 16px;font:700 clamp(28px,3.6vw,44px)/1.1 var(--fdisp);letter-spacing:.01em;color:var(--ink);text-wrap:balance}
.dl-p{margin:0 0 8px;max-width:44ch;color:var(--ink);text-wrap:pretty}

/* ─── Facts, and the badge ───────────────────────────────── */
/* Four claims the site can stand behind: the terms say the game is free with
   no purchases, the privacy policy says no advertising and no permission
   beyond network access. Do not add a fifth without a document behind it. */
.dl-facts{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.dl-facts li{padding:7px 13px;border:1px solid var(--line);border-radius:999px;font:600 11.5px/1 var(--fbody);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}

.dl-get{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.dl-get-note{margin:0;font-size:13px;line-height:1.6;color:var(--ink-dim);max-width:42ch}

/* The PC-and-Android banner above the cards, shown once Steam is live (the Steam
   switch, css/site.css). Promotional art from runewards-marketing, built by
   tools/build_media_shots.py. */
.dl-banner{margin:0 0 clamp(28px,5vw,48px);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0C0605}
.dl-banner img{display:block;width:100%;height:auto}