/* Generated by docs/design/public_fit_build.py. Do not edit by hand; rerun it. */
/* Text floors: 11px on every screen, 12px on phones, in the same media as the rule they raise. */
@media (max-width: 480px) { .band { font-size: 12px; } }
@media (max-width: 480px) { .chart .line span { font-size: 12px; } }
@media (max-width: 480px) { .dc-label { font-size: 12px; } }
@media (max-width: 480px) { .fg-eyebrow { font-size: 12px; } }
.fg-ring span { font-size: 11px; }
@media (max-width: 480px) { .fg-ring span { font-size: 12px; } }
.fg-track span { font-size: 11px; }
@media (max-width: 480px) { .fg-track span { font-size: 12px; } }
@media (max-width: 480px) { .fo-ring small { font-size: 12px; } }
@media (max-width: 480px) { .hero-art .chip span { font-size: 12px; } }
.hero-search-title { font-size: 11px; }
@media (max-width: 480px) { .hero-search-title { font-size: 12px; } }
.hn-application-facts dt { font-size: 11px; }
@media (max-width: 480px) { .hn-application-facts dt { font-size: 12px; } }
@media (max-width: 480px) { .hn-auth-trust { font-size: 12px; } }
@media (max-width: 480px) { .hn-filter-heading strong { font-size: 12px; } }
.hn-filter-option span:last-child { font-size: 11px; }
@media (max-width: 480px) { .hn-filter-option span:last-child { font-size: 12px; } }
.hn-job-card__age { font-size: 11px; }
@media (max-width: 480px) { .hn-job-card__age { font-size: 12px; } }
.hn-job-card__meta a, .hn-job-card__meta span { font-size: 11px; }
@media (max-width: 480px) { .hn-job-card__meta a, .hn-job-card__meta span { font-size: 12px; } }
@media (max-width: 480px) { .hn-job-card__salary { font-size: 12px; } }
.hn-metadata-tile__label { font-size: 11px; }
@media (max-width: 480px) { .hn-metadata-tile__label { font-size: 12px; } }
@media (max-width: 480px) { .hn-pagination a, .hn-pagination span { font-size: 12px; } }
@media (max-width: 480px) { .hn-preflight-eyebrow, .hn-preflight-kicker { font-size: 12px; } }
.hn-preflight-field-label small { font-size: 11px; }
@media (max-width: 480px) { .hn-preflight-field-label small { font-size: 12px; } }
.hn-preflight-metric small { font-size: 11px; }
@media (max-width: 480px) { .hn-preflight-metric small { font-size: 12px; } }
@media (max-width: 480px) { .hn-preflight-required-note { font-size: 12px; } }
.hn-preflight-role-card span { font-size: 11px; }
@media (max-width: 480px) { .hn-preflight-role-card span { font-size: 12px; } }
.hn-preflight-stage small { font-size: 11px; }
@media (max-width: 480px) { .hn-preflight-stage small { font-size: 12px; } }
@media (max-width: 480px) { .hn-preflight-stage__icon { font-size: 12px; } }
@media (max-width: 480px) { .hn-preflight-topbar .hn-preflight-stage small { font-size: 12px; } }
@media (max-width: 480px) { .hn-preflight-topbar .hn-preflight-stage__icon { font-size: 12px; } }
@media (max-width: 480px) { .hn-refine__note { font-size: 12px; } }
@media (max-width: 480px) { .hn-refine__range label { font-size: 12px; } }
.hn-search-field label { font-size: 11px; }
@media (max-width: 480px) { .hn-search-field label { font-size: 12px; } }
.hn-sort label { font-size: 11px; }
@media (max-width: 480px) { .hn-sort label { font-size: 12px; } }
@media (max-width: 480px) { .hw-num { font-size: 12px; } }
@media (max-width: 480px) { .jc-cat { font-size: 12px; } }
@media (max-width: 480px) { .jr .doc .kick { font-size: 12px; } }
@media (max-width: 480px) { .key b { font-size: 12px; } }
@media (max-width: 480px) { .pd-head { font-size: 12px; } }
.pricing-badge { font-size: 11px; }
@media (max-width: 480px) { .pricing-badge { font-size: 12px; } }
@media (max-width: 480px) { .ps-hero--below .rc-chips span { font-size: 12px; } }
.ps-hero--below .ring small { font-size: 11px; }
@media (max-width: 480px) { .ps-hero--below .ring small { font-size: 12px; } }
.ring small { font-size: 11px; }
@media (max-width: 480px) { .ring small { font-size: 12px; } }
.ring.sx-ring small { font-size: 11px; }
@media (max-width: 480px) { .ring.sx-ring small { font-size: 12px; } }
@media (max-width: 480px) { .st { font-size: 12px; } }
@media (max-width: 480px) { .sx-tile span { font-size: 12px; } }
@media (max-width: 480px) { .toc b { font-size: 12px; } }
@media (max-width: 480px) { .tr-turn small { font-size: 12px; } }
@media (max-width: 480px) { .wcard .mono { font-size: 12px; } }
@media (max-width: 480px) { body .fg-cap span, body .fg-cap b, body .fg-legend span { font-size: 12px; } }
@media (max-width: 900px) { .cmp-lab { font-size: 11px; } }
@media (max-width: 480px) { @media (max-width: 900px) { .cmp-lab { font-size: 12px; } } }
@media (max-width: 480px) { @media (max-width: 1180px) { .hero-art .chip span { font-size: 12px; } } }
@media (max-width: 480px) { @media (max-width: 520px) { .hn-preflight-stage strong { font-size: 12px; } } }
@media (max-width: 480px) { @media (max-width: 1080px) { .sn-sheet-label { font-size: 12px; } } }
@media (max-width: 480px) { @media (min-width: 1100px) and (min-height: 600px) { body[data-preflight-stage="profile"] .hn-preflight-upload__state small { font-size: 12px; } } }

/* Tap targets: at least 40px on touch screens. */
@media (pointer: coarse), (max-width: 1024px) {
  .sn-theme, .hn-candidate-theme-toggle, .hn-auth-theme, .hn-auth-close { min-width: 40px; min-height: 40px; }
  .hn-refine__actions button { min-height: 40px; }
  .hn-auth-password button { min-width: 40px; min-height: 40px; }
  .sn-sides a { min-height: 40px; }
  nav.toc li a { min-height: 40px; align-content: center; }
}

/* Labels set through the footer's own scale or nested caption rules. */
body .fg-cap span, body .fg-cap b, body .fg-legend span { font-size: 11px; }
@media (max-width: 480px) {
  .ft-band .ft-h { font-size: 12px; }
  body .fg-cap span, body .fg-cap b { font-size: 12px; }
}

/* The human check is a fixed 300px box; on the narrowest phones it is
   scaled down to fit its column rather than push the page sideways. */
@media (max-width: 374px) {
  .cf-turnstile { width: 234px; max-width: 100%; height: 51px; overflow: visible; }
  .cf-turnstile > div { width: 300px; transform: scale(0.78); transform-origin: left top; }
  form, .cf, .cf-row, .hn-preflight-form-panel { min-width: 0; }
  form.cf { grid-template-columns: minmax(0, 1fr); }
  .cf-row { grid-template-columns: minmax(0, 1fr); }
  .cf input, .cf select, .cf textarea { min-width: 0; max-width: 100%; }
}

/* The sample report's dimension cards were wider than a 320px screen. */
@media (max-width: 480px) {
  .dims { grid-template-columns: minmax(0, 1fr); }
  .dims .dim { min-width: 0; }
  .dims blockquote, .dims p { overflow-wrap: anywhere; }
  .dims .dim-top { flex-wrap: wrap; row-gap: 6px; }
}

/* The report stack's offset card pushed the employer page sideways near 1024px. */
@media (max-width: 1180px) { .cr-shots .shot-card:nth-child(2) { margin-right: 0; } }