/* The Sleep Specialists: small shared layout tweaks */
/* Header: logo on the far left, menu and Southern Cross badge on the far right */
.tss-header-wrap { width: 100%; padding-left: clamp(16px, 4vw, 56px); padding-right: clamp(16px, 4vw, 56px); }
/* Smaller titles on the Referrals cards (For Doctors page) */
.tss-card-title { font-size: 19px !important; line-height: 1.3 !important; }
@media (min-width: 768px) { .tss-card-title { font-size: 21px !important; } }

/* Phones: compact menu buttons in the photo header so they fit on one line */
@media (max-width: 767px) {
  header .md\:hidden { gap: 6px !important; align-items: center !important; }
  header .md\:hidden > a, header .md\:hidden > button { display: inline-flex !important; align-items: center; justify-content: center; height: 34px !important; box-sizing: border-box; font-family: inherit; }
  header .md\:hidden a, header .md\:hidden button { padding: 6px 9px !important; border-radius: 8px !important; white-space: nowrap; }
  header .md\:hidden a span, header .md\:hidden button { font-size: 12.5px !important; line-height: 1.2 !important; white-space: nowrap; }
  header img.w-16.h-16 { width: 52px !important; height: 52px !important; }

  /* Section headings a step bigger than the sub-headings beneath them */
  h2.text-2xl { font-size: 30px !important; line-height: 1.2 !important; }
  h3.text-2xl { font-size: 24px !important; line-height: 1.3 !important; margin-bottom: 14px !important; }
  /* Sub-headings under those (e.g. Obstructive Sleep Apnoea under Management) */
  h4.text-xl, h4.text-lg { font-size: 19px !important; line-height: 1.3 !important; }
}