/* Public conversion components share the site's existing type and colour tokens. */
.audit-workflow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-block: 2rem;
}
.audit-workflow-grid figure { margin: 0; padding: 1rem; min-width: 0; }
.audit-workflow-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1.8; object-fit: contain; }
.audit-workflow-grid figcaption { margin-block-start: 1rem; line-height: 1.6; }
.audit-workflow-grid p { margin-block: .5rem 0; }
#example-results { scroll-margin-top: 6rem; }
#example-results .audit-metrics-row { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1rem; }
#example-results .audit-metric { flex: 1 1 12rem; padding: 1rem; border: 1px solid currentColor; border-radius: .75rem; }
#example-results .audit-metric-value { display: block; font-size: 1.8rem; margin-block: .5rem; }
#example-results .audit-metric-hint { font-size: .9rem; line-height: 1.5; }
.audit-page-body details { margin-block: 1rem; }
.audit-page-body summary { cursor: pointer; font-weight: 600; padding-block: .5rem; }
.docs-cta-actions { flex-wrap: wrap; }
@media (max-width: 760px) {
  .audit-workflow-grid { grid-template-columns: 1fr; }
  .hero h1 { overflow-wrap: break-word; }
}

body.marketing-home .hero h1 .gradient { white-space: normal; }
body.marketing-home .hero .lede-secondary { text-transform: none; letter-spacing: normal; font-size: 1rem; line-height: 1.6; font-weight: 400; }