/* mobile-compact.css - aggressive mobile spacing reduction */
@media (max-width: 768px){

  /* Global rhythm */
  body{ line-height: 1.2 !important; }
  section{ padding-top: 8px !important; padding-bottom: 8px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
  .section, .block{ padding-top: 6px !important; padding-bottom: 6px !important; }

  /* Common wrappers */
  .container, .wrap, .content, .inner, .page{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Cards / FAQ blocks / tiles */
  .card, .panel, .box, .tile, .faq-item, .faq, .accordion-item, details{
    margin: 6px 0 !important;
    padding: 10px !important;
    border-radius: 16px !important;
  }
  .grid, .cards, .tile-grid, .tps-hol-row{ gap: 8px !important; }

  /* Headings & paragraphs */
  h1,h2,h3,h4{ margin: 0.1rem 0 0.25rem 0 !important; }
  p{ margin: 0.18rem 0 !important; line-height: 1.2 !important; }

  /* Reduce big spacer divs if present */
  .spacer, .divider-space, .gap, .space, .mt-6, .mt-8, .mb-6, .mb-8{ margin-top: 8px !important; margin-bottom: 8px !important; }

  /* Buttons */
  button, .btn, a.btn, a.button{
    padding: 0.32rem 0.6rem !important;
    font-size: 0.82rem !important;
  }

  /* CONTACT + FORMS (very compact) */
  form{ margin-top: 6px !important; }
  label{ margin: 0 0 4px 0 !important; display:block !important; font-size: 0.82rem !important; }
  input, select, textarea{
    padding: 0.35rem 0.55rem !important;
    font-size: 0.85rem !important;
    border-radius: 12px !important;
  }
  input, select{ height: 34px !important; }
  textarea{
    height: 70px !important;
    min-height: 70px !important;
    max-height: 90px !important;
  }
  .form-group, .field, .input-group{ margin-bottom: 6px !important; }

  /* Centered CTA rows that add air */
  .cta-row, .actions, .buttons, .btn-row{ margin-top: 6px !important; }

  /* Footer tighter */
  footer{ padding: 10px !important; }
}