.download-intro {
  padding-top: 56px;
  padding-bottom: 72px;
}

.download-intro-copy {
  text-align: center;
}

.download-intro h1 {
  margin-top: 18px;
  margin-bottom: 0;
}

.download-intro .cta-row {
  margin-inline: auto;
}

.download-preflight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 28px;
  margin-top: 34px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  font-family: var(--font-mono);
  font-size: var(--size-small);
  color: var(--text-muted);
}

.download-preflight li {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}

.download-shelf-heading {
  max-width: var(--reading-width);
  margin-bottom: 32px;
}

.download-shelf-heading h2 {
  margin-top: 0;
  margin-bottom: 18px;
}

.download-shelf-heading p,
.download-platform-copy p {
  color: var(--ink-muted);
}

.download-shelf-heading p:last-child,
.download-platform-copy p:last-child {
  margin-bottom: 0;
}

.download-shelf > [role="tablist"] {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line-light);
}

.download-shelf > [role="tabpanel"] {
  margin-top: 36px;
}

.download-platform-copy {
  max-width: var(--reading-width);
  margin-bottom: 28px;
}

.download-platform-copy h2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.download-requirements {
  margin-bottom: 32px;
}

.download-requirements caption,
.download-core-table caption {
  padding: 14px 18px;
  font-size: var(--size-small);
  color: var(--ink-muted);
  background: var(--surface-soft);
  text-align: left;
  caption-side: top;
}

.download-cards {
  align-items: stretch;
}

.download-cards .client-card,
.download-ios-card .client-card {
  display: flex;
  flex-direction: column;
}

.download-cards .client-card > p:not(.client-meta),
.download-ios-card .client-card > p:not(.client-meta) {
  color: var(--ink-muted);
  font-size: var(--size-body);
}

.download-cards .client-actions,
.download-ios-card .client-actions {
  flex-direction: column;
  margin-top: auto;
  padding-top: 20px;
}

.download-cards .client-actions .btn,
.download-ios-card .client-actions .btn {
  width: 100%;
  min-height: 48px;
  overflow-wrap: anywhere;
}

.download-cards [data-rev],
.download-ios-card [data-rev] {
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: var(--size-small);
  color: var(--ink-muted);
}

.download-official {
  align-self: flex-start;
  margin-top: 18px;
}

.download-ios-card {
  max-width: var(--reading-width);
}

.download-core-table {
  margin-bottom: 32px;
}

.download-core-table .btn {
  min-width: 156px;
  white-space: nowrap;
}

.download-next {
  margin-top: 80px;
  padding-top: 56px;
  border-top: 1px solid var(--line-light);
}

.download-next > h2 {
  margin-top: 0;
  margin-bottom: 32px;
}

.download-next .grid-three {
  gap: 20px;
}

.download-next .quick-card {
  min-width: 0;
  padding-inline: 0;
}

.download-next .quick-card p {
  color: var(--ink-muted);
}

.download-next .quick-card code {
  overflow-wrap: anywhere;
  font-size: var(--size-small);
}

.download-next .preview-actions {
  margin-top: 20px;
}

.download-faq {
  max-width: var(--reading-width);
  margin-top: 80px;
}

.download-help-link {
  margin-top: 28px;
  margin-bottom: 0;
}

@media (max-width:768px) {
  .download-intro {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .download-next,
  .download-faq {
    margin-top: 56px;
  }

  .download-next {
    padding-top: 40px;
  }
}

@media (max-width:640px) {
  .download-preflight {
    gap: 10px 16px;
  }

  .download-shelf > [role="tablist"] > [role="tab"] {
    flex: 1 1 calc(33.333% - 8px);
    padding-inline: 8px;
  }

  .download-shelf > [role="tabpanel"] {
    margin-top: 28px;
  }

  .download-cards {
    gap: 20px;
  }
}