.download-page {
  min-width:0;
}
.download-intro {
  position:relative;
  padding-bottom:40px;
}
.download-intro > .wrap {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);
  gap:48px;
  align-items:center;
}
.download-heading {
  min-width:0;
}
.download-heading h1 {
  margin-top:20px;
  margin-bottom:20px;
}
.download-lead {
  max-width:620px;
  color:var(--muted);
  font-size:var(--text-lg);
}
.download-heading .badges {
  gap:10px;
}
.download-heading .text-link {
  font-size:var(--text-nav);
}
.download-preflight {
  position:relative;
  border-radius:var(--r-shell);
}
.download-preflight::before,
.download-preflight::after {
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  border:1px solid var(--line);
  border-radius:var(--r-field);
  background:var(--bg);
  box-shadow:var(--shadow-xs);
}
.download-preflight::before {
  left:-7px;
  top:-7px;
}
.download-preflight::after {
  right:-7px;
  bottom:-7px;
}
.download-preflight h2 {
  margin-bottom:16px;
  font-size:var(--text-lg);
}
.download-preflight ol {
  padding-left:1.4em;
  margin-bottom:16px;
  color:var(--muted);
  font-size:var(--text-nav);
}
.download-preflight strong {
  color:var(--ink);
}
.download-preflight p {
  padding-top:14px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:var(--text-sm);
}
.download-selector {
  padding-top:16px;
}
.download-platforms {
  gap:8px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
  margin-bottom:32px;
}
.download-platforms [role="tab"] {
  min-width:130px;
}
.download-package {
  gap:24px;
  border-radius:var(--r-shell);
  box-shadow:var(--shadow-card);
}
.download-package .client-card__head {
  flex-wrap:wrap;
}
.download-package .client-card__head > .badge,
.download-package .client-card__head > .tag {
  margin-left:auto;
}
.download-package__choices {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.download-package__option {
  min-width:0;
}
.download-package__option .btn {
  display:flex;
  width:100%;
  min-height:52px;
  padding-top:13px;
  padding-bottom:13px;
}
.download-package__option p {
  margin-top:12px;
  margin-bottom:0;
  color:var(--muted);
  font-size:var(--text-nav);
}
.download-package__choices--stack {
  grid-template-columns:minmax(0,1fr);
}
.download-package .client-card__note {
  padding-top:18px;
  border-top:1px solid var(--line);
}
.download-android-cards {
  align-items:stretch;
}
.download-android-cards .client-card__note {
  margin-top:auto;
}
.download-arm-options {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:var(--text-sm);
  color:var(--muted);
}
.download-arm-options .btn {
  min-height:44px;
  font-size:var(--text-sm);
}
.download-platform-notes {
  margin-top:36px;
}
.download-platform-notes > h3 {
  margin-bottom:18px;
}
.download-platform-notes > p {
  max-width:var(--reading-width);
  color:var(--muted);
  margin-top:24px;
  margin-bottom:0;
}
.download-platform-notes .data-table th[scope="row"] {
  background:var(--bg);
  font-weight:var(--weight-semibold);
}
.download-platform-notes .data-table td:last-child {
  min-width:18em;
}
.download-page .grid > .card > h3,
.download-page .grid > .panel > h3 {
  margin-top:16px;
}
@media (max-width:900px) {
  .download-intro > .wrap {
    grid-template-columns:minmax(0,1fr);
    gap:28px;
  }
  .download-preflight {
    max-width:640px;
  }
  .download-platforms [role="tab"] {
    min-width:0;
    flex:1 1 120px;
  }
}
@media (max-width:640px) {
  .download-intro {
    padding-bottom:24px;
  }
  .download-heading h1 {
    margin-top:16px;
  }
  .download-lead {
    font-size:var(--text-body);
  }
  .download-platforms {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .download-platforms [role="tab"] {
    width:100%;
    padding-inline:10px;
  }
  .download-package__choices {
    grid-template-columns:minmax(0,1fr);
  }
  .download-package .client-card__head {
    gap:12px;
  }
  .download-package .client-card__head > .badge,
  .download-package .client-card__head > .tag {
    margin-left:0;
  }
  .download-arm-options {
    align-items:stretch;
  }
  .download-arm-options > span {
    width:100%;
  }
  .download-arm-options .btn {
    flex:1 1 100px;
  }
}