/* Do I need to eFile a CPSC certificate? This page reuses the results-page layout; these rules set the weekly-email form
   between "What this page is not" and the Sources, at the reading width. */
article.results-page .mq-signup { display: grid; gap: var(--wp-3); max-width: 40rem; margin: var(--cn-space-12) 0 0; padding: var(--wp-6); background: var(--wp-panel); border: var(--wp-rule) solid var(--wp-ink); }
article.results-page .mq-signup p { margin: 0; max-width: 50ch; }
article.results-page .mq-signup-title { font: 600 1.5rem/1.1 var(--wp-font-display); letter-spacing: -0.01em; text-wrap: balance; }
/* one field; the button sits beside it on wide screens and under it on phones */
article.results-page .mq-signup-label { font-weight: 700; line-height: 1.25; margin-bottom: -.25rem; }
article.results-page .mq-signup-row { display: flex; flex-wrap: wrap; gap: var(--wp-2); }
article.results-page .mq-signup-row input { flex: 1 1 14rem; min-width: 0; min-height: var(--wp-tap); padding: 0 .75rem; background: var(--wp-paper); border: 2px solid var(--wp-ink); border-radius: 0; color: var(--wp-ink); font: inherit; }
/* form. outranks the global pill button */
article.results-page form.mq-signup .mq-signup-row button { flex: 0 0 auto; min-height: var(--wp-tap); padding: 0 var(--wp-4); background: var(--wp-bio); border: 2px solid var(--wp-bio); border-radius: 0; color: var(--wp-on-bio); cursor: pointer; font-family: inherit; font-size: 1rem; font-weight: 600; line-height: 1.3; }
article.results-page form.mq-signup .mq-signup-row button:hover { background: var(--wp-cobalt-deep); border-color: var(--wp-cobalt-deep); text-decoration: underline; text-underline-offset: 4px; }
article.results-page .mq-signup-fine { color: var(--wp-muted); font-size: .9375rem; line-height: 1.5; overflow-wrap: anywhere; }
article.results-page .mq-signup-fine a { color: inherit; }
@container page (max-width: 30rem) {
  article.results-page .mq-signup { padding: var(--wp-4); }
  article.results-page .mq-signup-row input, article.results-page form.mq-signup .mq-signup-row button { flex-basis: 100%; }
}