/* ==========================================================================
   Paycheck Calculator — Responsive Rules
   ========================================================================== */
@import url("../../css/responsive.css");

@media (max-width: 900px){
  .calc-layout{ grid-template-columns: 1fr; }
  .results-card{ position: static; }
  .state-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .field-row{ flex-direction: column; gap: 0; }
  .hero-result .amount{ font-size: 32px; }
  .state-grid{ grid-template-columns: 1fr; }
  .calc-intro{ padding: 20px 0 16px; }
  .local-rate-row{ flex-direction: column; align-items: stretch; }
}