:root {
  --download-title-size: clamp(32px, 3.3vw, 48px);
  --download-entry-height: 76px;
  --download-entry-size: 20px;
  --download-lead-space: 48px;
  --download-check-label-size: 11px;
}

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

.download-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  gap: 24px 56px;
  padding: var(--download-lead-space);
  border-radius: var(--r-block);
  background: var(--bg-panel-2);
  color: var(--on-dark);
  border-bottom: 4px solid var(--accent);
}

.download-lead-copy h1 {
  margin-top: 20px;
  margin-bottom: 24px;
  color: var(--on-dark);
  font-size: var(--download-title-size);
  line-height: var(--line-title);
}

.download-lead-copy h1 .keep {
  color: var(--accent);
}

.download-store-entry {
  min-height: var(--download-entry-height);
  padding: 16px 30px;
}

.download-store-entry strong {
  font-size: var(--download-entry-size);
}

.download-store-entry small {
  font-size: var(--size-small);
}

.download-store-entry svg {
  width: 30px;
  height: 34px;
}

.download-lead-description {
  max-width: 570px;
  margin-top: 24px;
  margin-bottom: 0;
  color: var(--on-dark-muted);
  line-height: var(--line-prose);
}

.download-lead-description strong {
  color: var(--on-dark);
}

.download-checklist {
  align-self: center;
  padding-left: 28px;
  border-left: 1px solid var(--line-on-dark-strong);
  color: var(--on-dark-muted);
}

.download-checklist-label {
  margin-bottom: 20px;
  color: var(--on-dark-readable);
  font-family: var(--font-mono);
  font-size: var(--download-check-label-size);
}

.download-checklist ol {
  margin: 0;
  padding-left: 24px;
}

.download-checklist li {
  padding-left: 8px;
}

.download-checklist li + li {
  margin-top: 20px;
}

.download-checklist li::marker {
  color: var(--accent);
  font-family: var(--font-mono);
}

.download-checklist li span {
  color: var(--on-dark);
  font-weight: var(--weight-semibold);
}

.download-checklist li p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: var(--size-small);
}

.download-facts {
  grid-column: 1 / -1;
  margin-top: 8px;
  margin-bottom: 0;
  padding-top: 24px;
  border-top: 1px solid var(--line-on-dark);
}

.download-lead-note {
  grid-column: 1 / -1;
  margin-top: -10px;
  margin-bottom: 0;
  color: var(--on-dark-muted);
  font-size: var(--size-caption);
}

.download-toc {
  margin-top: 24px;
  margin-bottom: 48px;
}

.download-account {
  padding-inline: 0;
}

.download-verify-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 40px;
}

.download-identity {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border);
}

.download-identity img {
  flex-shrink: 0;
  border-radius: var(--r-circle);
}

.download-identity h3 {
  margin-top: 0;
  margin-bottom: 8px;
}

.download-identity p {
  margin-bottom: 0;
  color: var(--text-muted);
  font-size: var(--size-small);
}

@media (max-width: 1100px) {
  .download-verify-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-checklist {
    padding-left: 20px;
  }

  .download-lead {
    column-gap: 28px;
  }
}

@media (max-width: 768px) {
  :root {
    --download-title-size: 30px;
    --download-lead-space: 28px;
  }

  .download-lead {
    grid-template-columns: minmax(0, 1fr);
  }

  .download-checklist {
    padding-top: 24px;
    padding-left: 0;
    border-top: 1px solid var(--line-on-dark);
    border-left: 0;
  }

  .download-checklist ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .download-checklist li + li {
    margin-top: 0;
  }

  .download-facts {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  :root {
    --download-title-size: 28px;
    --download-lead-space: 22px;
    --download-entry-size: 18px;
  }

  .download-opening {
    padding-top: 24px;
  }

  .download-store-entry {
    width: 100%;
    padding-inline: 12px;
    gap: 10px;
  }

  .download-checklist ol {
    display: block;
  }

  .download-checklist li + li {
    margin-top: 16px;
  }

  .download-lead-note {
    text-align: center;
  }

  .download-toc {
    margin-bottom: 36px;
  }

  .download-verify-layout {
    gap: 28px;
  }

  .download-identity {
    gap: 12px;
  }

  .download-identity img {
    width: 56px;
    height: 56px;
  }
}