/* Local photographic backgrounds; light panels preserve text contrast. */
html[data-theme="light"] body .hero,
html[data-theme="light"] body .page-header {
  position: relative;
  isolation: isolate;
  background: #eaf0f6 !important;
}
html[data-theme="light"] body .hero::before,
html[data-theme="light"] body .page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg,rgba(245,247,251,.98) 0%,rgba(245,247,251,.92) 40%,rgba(245,247,251,.38) 100%),var(--hero-photo);
  background-size: cover;
  background-position: center;
}
html[data-theme="light"] body .page-header::before {
  background-image: linear-gradient(90deg,rgba(245,247,251,.98) 0%,rgba(245,247,251,.94) 55%,rgba(245,247,251,.3) 100%),var(--hero-photo);
}
html[data-theme="light"] body .page-header .container { position: relative; }
html[data-theme="light"] body .page-header h1 { color: #0f2a55 !important; }
html[data-theme="light"] body .page-header .lead { max-width: 720px; color: #334155 !important; }
html[data-theme="light"] body .page-header .breadcrumb-ic,
html[data-theme="light"] body .page-header .breadcrumb-ic .current { color: #334155; }
html[data-theme="light"] body .page-header .breadcrumb-ic a { color: #174c99; }
html[data-theme="light"] body .page-header .lead + div { color: #475569 !important; }
@media(max-width:767px) {
  html[data-theme="light"] body .hero::before,
  html[data-theme="light"] body .page-header::before {
    background-image: linear-gradient(rgba(245,247,251,.92),rgba(245,247,251,.88)),var(--hero-photo);
    background-position: 60% center;
  }
}

/* Copy has its own light surface so photographs cannot lower text contrast. */
html[data-theme="light"] body .hero-content {
  background: rgba(245,247,251,.96);
  border-radius: .75rem;
  padding: 1.5rem;
}
html[data-theme="light"] body .page-header .container {
  background: rgba(245,247,251,.96);
  border-radius: .75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}