/* ThailandMate mobile readability layer: larger type, stronger contrast, easier taps. */
@media (max-width: 600px) {
  html { font-size: 17px; width: 100%; overflow-x: hidden; }
  body { color: #101613; line-height: 1.6; width: 100%; max-width: 100%; overflow-x: hidden; }
  main, header, nav, section, article, .page, .shell, .container, .content, .panel, .card { box-sizing: border-box; max-width: 100%; }
  p, li, label, input, select, textarea, button { font-size: 1.08rem; font-weight: 650; }
  small, .muted, .eyebrow, .caption, .helper, .description { font-size: .86rem; line-height: 1.45; color: #41524c; }
  h1 { font-size: clamp(2rem, 9vw, 2.7rem); line-height: 1.15; font-weight: 900; color: #080d0b; }
  h2 { font-size: clamp(1.6rem, 7vw, 2.15rem); line-height: 1.2; font-weight: 900; color: #080d0b; }
  h3 { font-size: 1.35rem; line-height: 1.25; font-weight: 850; color: #080d0b; }
  button, a.button, input[type="submit"] { min-height: 50px; font-weight: 800; }
  input, select, textarea { min-height: 50px; color: #101613; border-color: #718980; font-weight: 700; }
  a { color: #064f3e; font-weight: 700; }
  :focus-visible { outline: 3px solid #f0a400; outline-offset: 2px; }
  .schedule-card .note, .schedule-card .date-pill { display: none; }
  .schedule-card dt { font-size: .76rem; color: #41524c; }
  .schedule-card dd { font-size: .98rem; font-weight: 800; }
  .schedule-card .inquiry { min-height: 46px; font-size: .9rem; }
  .provider-quick-list button { min-height: 42px; font-size: .95rem; }
}

/* The mobile experience is intentionally edge-to-edge and high-contrast for older users. */
@media (max-width: 760px) {
  body { font-weight: 600; }
  .app-header, .booking-panel, .view, .panel, .section, .page-shell, .main-content { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
  table { font-size: 1rem; }
  th, td { font-weight: 650; }
}