/* Eye-strain page: editorial sections instead of repeated cards. */
.eye-strain-page .es-reading {
  max-width: 900px;
}

.eye-strain-page .es-reading > h2 {
  margin: .4rem 0 1.2rem;
  color: var(--es-deep);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  line-height: 1.45;
}

.eye-strain-page .es-reading > p {
  margin: .85rem 0;
  line-height: 1.95;
}

.eye-strain-page .es-section-head {
  max-width: 900px;
}

.eye-strain-page .es-checks,
.eye-strain-page .es-grid,
.eye-strain-page .es-tips,
.eye-strain-page .es-faq {
  gap: 0 2rem;
}

.eye-strain-page .es-checks li,
.eye-strain-page .es-card,
.eye-strain-page .es-tips li,
.eye-strain-page .es-faq details {
  border: 0;
  border-bottom: 1px solid var(--es-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.eye-strain-page .es-checks li {
  padding: 1rem .2rem 1rem 2rem;
}

.eye-strain-page .es-card {
  padding: 1.25rem .1rem;
}

.eye-strain-page .es-card h3 {
  margin: 0 0 .4rem;
}

.eye-strain-page .es-note,
.eye-strain-page .es-compare {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.eye-strain-page .es-note::before,
.eye-strain-page .es-card::before,
.eye-strain-page .es-compare::before {
  content: none !important;
}

.eye-strain-page .es-note--soft {
  border-left: 0;
  background: transparent;
}

.eye-strain-page .es-split {
  gap: clamp(1.7rem, 4vw, 3.5rem);
}

.eye-strain-page .es-split > :last-child:not(.es-alert) {
  border-left: 0;
}

.eye-strain-page .es-tips li {
  min-height: 0;
  padding: .85rem .1rem .85rem 1.35rem;
}

.eye-strain-page .es-tips li::before {
  content: "•";
  top: .7rem;
  left: .1rem;
  font-size: 1rem;
  letter-spacing: 0;
}

.eye-strain-page .es-exam-note {
  max-width: 900px;
  margin: 1.5rem 0 0;
  line-height: 1.9;
}

.eye-strain-page .es-visit-prep {
  max-width: 900px;
  margin-top: 1.8rem;
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  background: #edf8fb;
}

.eye-strain-page .es-visit-prep h3 {
  margin: 0 0 .5rem;
  font-size: 1.16rem;
}

.eye-strain-page .es-visit-prep p {
  margin: 0;
  line-height: 1.85;
}

.eye-strain-page .es-alert {
  padding: 1.3rem 1.5rem;
  border: 0;
  border-radius: 12px;
  background: #edf8fb;
}

.eye-strain-page .es-alert p {
  line-height: 1.8;
}

@media (max-width: 760px) {
  .eye-strain-page .es-grid {
    grid-template-columns: 1fr;
  }

  .eye-strain-page .es-tips {
    grid-template-columns: 1fr;
  }

  .eye-strain-page .es-split {
    grid-template-columns: 1fr;
  }
}