@charset "UTF-8";

/*
  Narrow-screen containment only. Existing navigation already supplies 44px+
  links, a --header-height based 100dvh panel, and overscroll containment;
  this file deliberately leaves its 78/72px lockup and fitting rules intact.
*/
@media (max-width: 1200px) {
  .cards,
  .guide-layout,
  .contact-grid,
  .footer-main,
  .footer-bottom,
  .guide-meta,
  .contact-form,
  .contact-form .form-grid {
    min-width: 0;
  }

  .cards > *,
  .guide-layout > *,
  .contact-grid > *,
  .footer-main > *,
  .footer-bottom > *,
  .guide-meta > *,
  .contact-form .field,
  .contact-form .full {
    min-width: 0;
  }

  .guide-meta dd,
  .contact-details a,
  .footer-group a,
  .footer-brand,
  .footer-brand > span,
  .office-map-links,
  .office-map-links .office-map-link {
    min-width: 0;
    max-inline-size: 100%;
    overflow-wrap: anywhere;
  }

  .contact-form input,
  .contact-form select,
  .contact-form textarea {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .footer-bottom,
  .footer-bottom p,
  .contact-details li,
  .guide-meta > div {
    min-width: 0;
  }
}

.page-hero .mini-meta { color: #d0dacf; }