/* Downloads page (/downloads): the app shelf, per-app download buttons and install steps. */
.app-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:24px}
.app-card{display:grid;grid-template-columns:96px 1fr auto;gap:28px;align-items:center;padding:28px;border:1px solid var(--line);background:var(--surface);transition:border-color .2s}
.app-card:hover,.app-card:focus-visible{border-color:var(--pink)}
.app-card img{width:96px;height:96px}
.app-card .eyebrow{margin-bottom:8px}
.app-card h3{font-size:38px}
.app-card p:not(.eyebrow){margin:10px 0 14px;font-size:13px;color:var(--muted)}
.app-platforms{font:10px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.app-arrow{font-size:22px;color:var(--pink)}
.download-item{scroll-margin-top:24px}
.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.series-feature p.download-meta:not(.eyebrow){margin:0 0 18px;font:10px/1.7 var(--mono);letter-spacing:.06em;color:var(--muted);max-width:none}
.install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;border-top:1px solid var(--line);padding-top:34px}
.install-grid ol{margin:0;padding-left:22px;display:grid;gap:14px;font-size:14px}
.install-grid li{padding-left:6px}
.install-grid li::marker{color:var(--pink);font-family:var(--mono);font-size:11px}
.download-note{margin-top:34px;max-width:640px;font-size:13px;color:var(--muted)}
@media (max-width:760px){
 .app-card{grid-template-columns:64px 1fr;gap:18px;padding:20px}
 .app-card img{width:64px;height:64px}
 .app-card h3{font-size:30px}
 .app-arrow{display:none}
 .download-actions .button{flex:1 1 100%}
 .install-grid{grid-template-columns:1fr;gap:34px}
}