/* Payday Filing landing — small bits that live outside the React mount. The
 * guide itself styles through payday_super_tool.css (.pds-guide-mount). These
 * rules cover the hero, fact strip, and the no-JS fallback. */

.pdf-hero-sub { max-width: 760px; }
.pdf-hero-buttons { gap: 10px; }

.payday-filing-factstrip .row { gap: 0; }
.payday-filing-fact { padding: 8px 6px; }
.payday-filing-fact__num {
  font-family: 'Days One', system-ui, sans-serif;
  font-size: 38px;
  line-height: 1;
  color: #1A3A6B;
  margin-bottom: 6px;
}
.payday-filing-fact__label {
  font-family: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #B8860B;
  font-weight: 600;
}
.payday-filing-fact__sub {
  font-size: 13px;
  color: #4A4F58;
  margin-top: 4px;
  line-height: 1.4;
}
@media (max-width: 575px) {
  .payday-filing-fact__num { font-size: 30px; }
}

.pdf-noscript {
  padding: 40px;
  text-align: center;
  font-family: system-ui, sans-serif;
}
.pdf-noscript p { font-size: 16px; line-height: 1.6; }
.pdf-noscript__hint { font-size: 14px; color: #6B7686; }