/* Cornea silo batch fixes - 2026-08-28 */

/* Symptom card grids (.svc-symp) single card per row on phones.
   condition.css/procedure.css force .svc-symp{1fr 1fr}@<=960 AFTER .svc-symp{1fr}@<=600,
   so phones wrongly show 2 columns. Restore 1 column on the requested pages.
   139=pterygium 138=keratoconus 133=corneal-ulcer 131=corneal-infection
   130=corneal-dystrophy 129=corneal-disease.
   Keratoconus also: the symptoms|causes split .svc-sc (1.4fr 0.6fr) has its only
   collapse rule in condition-20260826.css, which is not taking effect on this page
   (the other classes in that rule are rescued by procedure.css duplicates; .svc-sc
   is not), so it stayed 2-col on phones. Force it single-column too. */
@media (max-width: 700px) {
  .page-id-139 .svc-symp,
  .page-id-138 .svc-symp,
  .page-id-138 .svc-sc,
  .page-id-133 .svc-symp,
  .page-id-131 .svc-symp,
  .page-id-130 .svc-symp,
  .page-id-129 .svc-symp {
    grid-template-columns: 1fr !important;
  }
}

/* /cornea/ (page-id-91) 'Meet Our Cornea Specialist' card: on phones stack the doctor
   photo on top and centre the content below. .svc-spec stacks at <=960, but the doctor
   card's own inner 200px|content grid stays side-by-side and cramps the photo. */
@media (max-width: 700px) {
  .page-id-91 .svc-spec > div:first-child {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
  .page-id-91 .svc-spec > div:first-child > div:first-child {
    width: 100% !important;
    max-width: 220px !important;
    justify-self: center !important;
    margin: 0 auto !important;
  }
}