/* v111 — Global heading alignment for generic Symptoms sections.
   The original layout put the blue label on the far left and H2 on the
   opposite side, which made headings look disconnected. */
main > section.symptoms > div:first-child {
  display: block !important;
  max-width: 920px;
}

main > section.symptoms > div:first-child .label {
  margin: 0 0 14px !important;
}

main > section.symptoms > div:first-child h2 {
  margin: 0 !important;
  max-width: 920px !important;
  text-align: left !important;
}

main > section.symptoms .symptom-grid {
  margin-top: 32px !important;
}

/* Keep the card rhythm compact and consistent on smaller screens. */
@media (max-width: 900px) {
  main > section.symptoms .symptom-grid {
    margin-top: 26px !important;
  }
}

@media (max-width: 580px) {
  main > section.symptoms > div:first-child .label {
    margin-bottom: 10px !important;
  }
  main > section.symptoms .symptom-grid {
    margin-top: 22px !important;
  }
}