/*
  Gated download and Newsletter signup sections, and the newsletter confirm and expired-link pages (module M16, W4-b).
  Uses only the starter's tokens (starter.css :root); mobile first. Loaded only where one of them shows (LeadCaptureAssets).
*/
.lead-block { margin: 2rem 0; }
.lead-block h2 { margin: 0 0 0.5rem; }
.lead-block__intro { margin: 0 0 1rem; }

.lead-ready {
  padding: 1rem;
  border: 2px solid var(--starter-text);
  border-radius: 0.25rem;
}
.lead-ready p { margin: 0 0 0.75rem; }
.lead-ready p:last-child { margin-bottom: 0; }
/* LC-1: after a send the page lands here; a theme with a sticky header sets --site-sticky-header-height (e.g. on :root). */
.lead-ready { scroll-margin-top: calc(var(--site-sticky-header-height, 0px) + 1rem); }
.lead-ready__title { font-weight: 700; font-size: 1.25rem; margin: 0 0 0.75rem; }
.lead-ready__note { color: var(--starter-muted); font-size: 0.9375rem; }

.lead-button {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.5rem 1.5rem;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  color: var(--starter-background);
  background: var(--starter-text);
  border: 2px solid var(--starter-text);
  border-radius: 0.25rem;
  cursor: pointer;
}
.lead-button:hover { text-decoration: underline; }
.lead-button:focus-visible { outline: 3px solid var(--starter-focus); outline-offset: 3px; }

.lead-page { max-width: 40rem; padding: 1rem 0 2rem; }
.lead-page__form { margin: 1.5rem 0 0; }

@media (min-width: 48rem) {
  .lead-block { margin: 3rem 0; }
}