/* ==========================================================================
   B9 GAME — playb9.pk
   pages/download.css — download.html only
   ========================================================================== */

.download-hero {
  border-bottom: 1px solid var(--color-border);
}

.download-hero .breadcrumb { margin-bottom: var(--sp-5); }

/* The Android guide reads as a vertical walkthrough, not a 4-up grid */
.steps--stacked {
  grid-template-columns: 1fr;
  max-width: 60rem;
}

@media (min-width: 768px) {
  .steps--stacked { grid-template-columns: 1fr; }
  .steps--stacked .step { padding: var(--sp-6) var(--sp-7) var(--sp-6) calc(var(--sp-7) + 52px); }
  .steps--stacked .step::before { top: var(--sp-6); left: var(--sp-6); font-size: 1.9rem; }
}

@media (min-width: 1200px) {
  .steps--stacked { grid-template-columns: 1fr; }
}

/* Requirement counters: these are versions, not quantities — no separators */
#req-title + .stat-grid .stat__value { letter-spacing: -0.03em; }

/* Download hero device sits slightly larger than on home */
@media (min-width: 1200px) {
  .download-hero .device { width: 348px; }
}

/* App-vs-browser cards keep the numeral motif visible above the icon */
#app-benefits .feature-card { padding-top: var(--sp-7); }