@media (min-width: 821px) {
  body:has(#estimate.active) header { height: 70px; }

  #estimate.page { padding-top: 16px; padding-bottom: 16px; }
  #estimate .section-head { margin-bottom: 12px; }
  #estimate .section-head h2 { font-size: 22px; }
  #estimate .section-head p { margin-top: 3px; }
  #estimate .estimate-grid { gap: 14px; }
  #estimate .form-card { padding: 16px 18px; }
  #estimate .form-card h3 { margin: 0 0 11px; }
  #estimate .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 12px; }
  #estimate .form-grid .wide { grid-column: span 2; }
  #estimate .form-grid label { gap: 4px; }
  #estimate input,
  #estimate select { padding: 8px 10px; }
  #estimate .estimate-result { padding: 18px; }
  #estimate .result-title { padding-bottom: 12px; }
  #estimate .result-title strong { margin-top: 4px; font-size: 27px; }
  #estimate .breakdown { padding: 7px 0; }
  #estimate .breakdown div { padding: 5px 0; }
  #estimate .fine-print { margin-bottom: 0; }
}

@media (min-width: 821px) and (max-height: 720px) {
  #estimate.page { padding-top: 10px; }
  #estimate .section-head p,
  #estimate .fine-print { display: none; }
  #estimate .form-grid { gap: 6px 10px; }
  #estimate input,
  #estimate select { padding: 6px 9px; }
  #estimate .breakdown div { padding: 3px 0; }
}