/* ==========================================================================
   Mortgage Calculator — Responsive Rules
   Imports shared breakpoints, then handles this page's own two-column
   layout and related-calculators grid.
   ========================================================================== */
@import url("../../css/responsive.css");

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

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