/* /download-dna-data — one card per testing service, each with numbered steps. */

.dna-download-layout {
  max-width: 48rem; /* Note: bespoke value — a reading measure, as on /account/upload */
  margin-inline: auto;

  & > h1 { margin-bottom: var(--spacing-8); }
}

.dna-download-lede { margin-bottom: var(--spacing-32); }

.dna-download-formats {
  & > h2 { margin-bottom: var(--spacing-8); }
  & > p + p { margin-top: var(--spacing-8); }
}

.dna-download-section-heading {
  margin-top: var(--spacing-48);
  margin-bottom: var(--spacing-8);
}

.dna-download-section-lede { margin-bottom: var(--spacing-16); }

.dna-download-provider {
  scroll-margin-top: var(--spacing-48);
}

.dna-download-provider + .dna-download-provider {
  margin-top: var(--spacing-16);
}

.dna-download-provider-header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-16);
}

.dna-download-provider-name { margin: var(--spacing-0); }

.dna-download-provider-help { white-space: nowrap; }

.dna-download-steps {
  list-style: decimal;
  padding-left: var(--spacing-24);

  & > li + li { margin-top: var(--spacing-8); }
}

.dna-download-provider-file {
  margin-top: var(--spacing-16);
  color: var(--text-secondary);
}

.dna-download-provider-file-label {
  display: block;
  color: var(--text-tertiary);
}

.dna-download-note-list {
  list-style: disc;
  padding-left: var(--spacing-24);
  color: var(--text-tertiary);

  & > li + li { margin-top: var(--spacing-8); }
}

.dna-download-provider-notes { margin-top: var(--spacing-16); }

.dna-download-troubleshooting {
  margin-top: var(--spacing-48);

  & > h2 { margin-bottom: var(--spacing-16); }
}

.dna-download-cta {
  margin-top: var(--spacing-32);
  text-align: center;
}