/* Eye checkup: quiet, article-led layout scoped to this page. */
.eye-checkup-page {
  --ec-line: #c8e4ec;
  --ec-heading: #09536f;
  color: #31586a;
}

.eye-checkup-page .ec-reading {
  max-width: 990px;
}

.eye-checkup-page .ec-reading > h2 {
  margin: .45rem 0 1.35rem;
  color: var(--ec-heading);
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  line-height: 1.45;
}

.eye-checkup-page .ec-reading > p {
  max-width: 52rem;
  margin: .9rem 0;
  font-size: 1.02rem;
  line-height: 1.95;
}

.eye-checkup-page .ec-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 4vw, 3.5rem);
  margin-top: 2rem;
  border-top: 1px solid var(--ec-line);
}

.eye-checkup-page .ec-columns > div {
  padding-top: 1.5rem;
}

.eye-checkup-page .ec-columns h3,
.eye-checkup-page .ec-row h3 {
  margin: 0 0 .65rem;
  color: var(--ec-heading);
  font-size: 1.16rem;
}

.eye-checkup-page .ec-columns ul {
  margin: 0;
  padding-left: 1.25rem;
  line-height: 1.95;
}

.eye-checkup-page .ec-rows {
  margin-top: 1.7rem;
  border-top: 1px solid var(--ec-line);
}

.eye-checkup-page .ec-row {
  display: grid;
  grid-template-columns: minmax(12rem, 29%) 1fr;
  gap: 1.6rem;
  padding: 1.55rem 0;
  border-bottom: 1px solid var(--ec-line);
  scroll-margin-top: 110px;
}

.eye-checkup-page .ec-row p {
  margin: 0;
  line-height: 1.9;
}

.eye-checkup-page .ec-caution {
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  border-radius: 10px;
  background: #ebf7fb;
  font-size: .94rem !important;
}

.eye-checkup-page .ec-related {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.8rem;
  margin-top: 1.7rem;
}

.eye-checkup-page .ec-related a {
  color: #087eaf;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.eye-checkup-page .lower-cta-row {
  margin-top: 1.5rem;
}

.eye-checkup-page .medical-reference {
  max-width: none;
  margin-top: 2rem;
  color: #668391;
  font-size: .78rem;
}

@media (max-width: 760px) {
  .eye-checkup-page .ec-columns,
  .eye-checkup-page .ec-row {
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  .eye-checkup-page .ec-columns > div + div {
    border-top: 1px solid var(--ec-line);
  }

  .eye-checkup-page .ec-row {
    padding: 1.2rem 0;
    scroll-margin-top: 78px;
  }
}