.checklist-form { max-width: 620px; margin: 28px auto 0; text-align: left; }
.checklist-form .conversion-fields { gap: 10px; }
.checklist-consent { display: flex; align-items: flex-start; gap: 12px; margin-top: 24px; }
.checklist-consent input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 3px; }
.checklist-consent label { font-size: 14px; line-height: 1.6; }
.checklist-form a { text-decoration: underline; overflow-wrap: anywhere; }
.checklist-form :focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
.checklist-topics { max-width: 760px; }
.checklist-topics ul { list-style: disc; padding-left: 24px; margin: 24px 0; }
.checklist-topics li { margin-bottom: 10px; }
@media (max-width: 600px) { .checklist-form { padding: 22px 16px; } }

/* Only the FAQ immediately before the checklist loses its empty grey tail. */
.site-page .faq-before-checklist { padding-bottom: 0; }
.site-hero .site-checklist-link { margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--muted); }
.site-hero .site-checklist-link:hover { color: var(--blue-dark); }
/* Clear the fixed 72px header, including the mobile section-padding override. */
.checklist-page .site-checklist { padding-top: 88px; }