/* Content styles for the /download/ page. Topbar, footer, color variables and body base styles are loaded from /topbar-footer.css (linked first in the ). */ * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { line-height: 1.5; } .container { max-width: 900px; margin: 0 auto; padding: 1rem 1.5rem 2rem; } .container > section { margin-bottom: 2.5rem; } .container h1 { margin: 0 0 0.5rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.01em; } .container h2 { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 600; } .container h3 { margin: 0 0 0.375rem; font-size: 1rem; font-weight: 600; } .container .lead { font-size: 1.0625rem; color: var(--muted); max-width: 65ch; } .container code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.8125rem; background: var(--surface); padding: 0.125rem 0.375rem; border-radius: var(--radius-sm); border: 1px solid var(--line); } .container a { color: var(--brand-strong); } .container a:hover { color: var(--brand-strong); } .platform-heading { margin: 2rem 0 0.75rem; font-size: 1.125rem; font-weight: 700; color: var(--muted); letter-spacing: 0.02em; text-transform: uppercase; border-bottom: 1px solid var(--line); padding-bottom: 0.375rem; } .platform-heading:first-of-type { margin-top: 0; } .download-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.875rem; } .download-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; box-shadow: var(--shadow-sm); transition: box-shadow 150ms ease, transform 150ms ease; } .download-item:hover { box-shadow: var(--shadow-lift); transform: translateY(-2px); } .download-meta { flex: 1; min-width: 240px; } .download-meta p { margin: 0; font-size: 0.875rem; color: var(--muted); line-height: 1.6; } .download-meta .size { display: inline-block; margin-top: 0.25rem; font-size: 0.8125rem; } .download-meta .download-count { margin: 0.375rem 0 0; font-size: 0.75rem; font-weight: 600; color: var(--brand-strong); letter-spacing: 0.02em; } /* Selector intentionally specific (`.container a.download-btn`) so it beats the generic `.container a { color: var(--brand-strong); }` rule — without that, the accent colour wins by specificity and the button text ends up blue-on-blue (invisible). */ .container a.download-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 11rem; padding: 0.625rem 1.5rem; background: var(--brand-strong); color: #fff; border-radius: var(--radius-pill); text-decoration: none; font-weight: 600; font-size: 0.9375rem; box-shadow: var(--shadow-sm); transition: background 150ms ease, box-shadow 150ms ease, transform 120ms ease; white-space: nowrap; } .container a.download-btn:hover { background: var(--brand); color: var(--ink-on-brand); box-shadow: var(--shadow-lift); transform: translateY(-1px); } @media (prefers-color-scheme: dark) { .container a.download-btn { color: var(--ink-on-brand); } } .hint { margin-top: 1rem; font-size: 0.875rem; color: var(--muted); } .release-list { margin: 0; padding-left: 1.25rem; display: grid; gap: 0.625rem; } .release-list li { font-size: 0.9375rem; line-height: 1.55; } .trust-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-top: 1rem; } .trust-grid article { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 1rem 1.125rem; box-shadow: var(--shadow-sm); transition: box-shadow 150ms ease, transform 150ms ease; } .trust-grid article:hover { box-shadow: var(--shadow-lift); transform: translateY(-2px); } .trust-grid article h3 { margin: 0 0 0.375rem; font-size: 0.9375rem; } .trust-grid article p { margin: 0; font-size: 0.8125rem; color: var(--muted); line-height: 1.55; }