.download-intro {
  padding-top:72px;
  padding-bottom:56px;
}
.download-intro h1 {
  margin-bottom:24px;
}
.download-intro .lede {
  max-width:44em;
}
.download-intro-note {
  max-width:48em;
  margin-top:24px;
  margin-bottom:0;
  font-size:14px;
}
.download-shelf {
  padding-top:40px;
  padding-bottom:72px;
}
.download-shelf [role="tablist"] {
  margin-bottom:44px;
}
.download-shelf .client-card {
  max-width:100%;
}
.download-packages {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.download-package {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  padding:24px;
  background:var(--panel-2);
  border-radius:var(--r-md);
}
.download-package h4 {
  margin:0 0 10px;
  font-size:var(--size-h3);
}
.download-package > p {
  margin-bottom:20px;
}
.download-package .btn {
  width:100%;
  min-height:52px;
  margin-top:auto;
}
.download-package .btn + .btn {
  margin-top:14px;
}
.download-package .btn + p {
  margin-top:16px;
  margin-bottom:0;
}
.download-platform-notes {
  margin-top:40px;
  max-width:100%;
}
.download-platform-notes .table-scroll {
  margin-bottom:28px;
}
.download-platform-notes > p {
  max-width:var(--reading-width);
  color:var(--muted);
}
.download-platform-notes > :last-child {
  margin-bottom:0;
}
.download-reading {
  max-width:var(--reading-width);
  margin-top:48px;
}
.download-reading p {
  color:var(--muted);
}
.download-reading > :last-child {
  margin-bottom:0;
}
@media (max-width:768px) {
  .download-intro {
    padding-top:48px;
    padding-bottom:40px;
  }
  .download-shelf {
    padding-top:28px;
    padding-bottom:48px;
  }
  .download-shelf [role="tablist"] {
    margin-bottom:32px;
  }
}
@media (max-width:640px) {
  .download-packages {
    grid-template-columns:minmax(0,1fr);
    gap:20px;
  }
  .download-package {
    padding:20px;
  }
  .download-shelf [role="tablist"] {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .download-shelf [role="tab"] {
    padding-inline:12px;
  }
}