/* KERA scheme overview page - matches launch redesign */
.kera-overview-page {
  background: linear-gradient(180deg, #f4f6f8 0%, #eef2f5 100%) !important;
  padding: 0 0 2.5rem !important;
  min-height: 60vh;
}

.kera-overview-page .kera-overview-hero {
  padding: 2rem 0 0.75rem !important;
}

.kera-overview-page .kera-overview-title {
  font-weight: 700 !important;
  color: #163d2b !important;
  letter-spacing: 0.2px;
  margin-bottom: 0 !important;
  font-size: clamp(1.6rem, 2.4vw, 2.1rem) !important;
}

.kera-overview-page .kera-overview-eyebrow {
  display: inline-block !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--kera-brand-teal) !important;
  background: var(--kera-brand-soft-2) !important;
  border: 1px solid #a7f3d0 !important;
  border-radius: 999px !important;
  padding: 0.25rem 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.kera-overview-page .kera-content-card {
  border: 1px solid #e6edf3 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08) !important;
  padding: 1.75rem !important;
  border-top: 4px solid #17a2b8 !important;
}

.kera-overview-page .kera-content-card h2 {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: var(--kera-brand-dark) !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0.75rem !important;
}

.kera-overview-page .kera-content-card h2:first-child {
  margin-top: 0 !important;
}

.kera-overview-page .kera-scheme-heading {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
}

.kera-overview-page .kera-heading-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: #0aad0a;
  stroke: currentColor;
}

.kera-overview-page .kera-content-card p,
.kera-overview-page .kera-content-card li {
  color: #334155 !important;
  line-height: 1.7 !important;
  font-size: 1.02rem !important;
}

.kera-overview-page .kera-content-card ul {
  list-style: none !important;
  padding-left: 0.15rem !important;
  margin-bottom: 0 !important;
}

.kera-overview-page .kera-content-card li {
  position: relative !important;
  margin-bottom: 0.55rem !important;
  padding-left: 1.35rem !important;
  list-style: none !important;
}

.kera-overview-page .kera-content-card li::marker {
  content: none !important;
}

.kera-overview-page .kera-content-card li::before {
  content: "" !important;
  position: absolute !important;
  left: 0.2rem !important;
  top: 0.55em !important;
  width: 0.45rem !important;
  height: 0.45rem !important;
  border-radius: 50% !important;
  background: #0aad0a !important;
  box-shadow: none !important;
  transform: none !important;
}

.kera-overview-page .kera-note {
  margin-top: 0.85rem !important;
  padding: 0.85rem 1rem !important;
  border-radius: 10px !important;
  background: var(--kera-brand-soft) !important;
  border: 1px solid var(--kera-brand-border) !important;
  color: #14532d !important;
  font-weight: 500 !important;
}

.kera-overview-page .kera-panel {
  border-radius: 14px !important;
  border: 1px solid #dbe5ec !important;
  box-shadow: 0 6px 20px rgba(2, 32, 71, 0.08) !important;
  gap: 1rem;
}

.kera-overview-page .kera-panel-light {
  background: linear-gradient(135deg, #f9fbfc 0%, #f1f5f9 100%) !important;
}

.kera-overview-page .kera-panel-warning {
  background: linear-gradient(135deg, #fff8eb 0%, #fff1d6 100%) !important;
  border-color: #fde68a !important;
  height: 100%;
}

.kera-overview-page .kera-panel h1.fs-2 {
  color: #0f2f46 !important;
  font-weight: 700 !important;
  margin-bottom: 0.25rem !important;
  font-size: 1.45rem !important;
}

.kera-overview-page .kera-regicon {
  max-width: 64px !important;
  height: auto !important;
}

.kera-overview-page .kera-login-art {
  max-width: 72px !important;
  height: auto !important;
}

.kera-overview-page .kera-action-btn {
  border-radius: 10px !important;
  font-weight: 600 !important;
  border: none !important;
  padding: 0.55rem 1.15rem !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.kera-overview-page .kera-action-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16) !important;
}

@media (max-width: 991.98px) {
  .kera-overview-page .kera-cta-row > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .kera-overview-page .kera-panel-warning {
    margin-top: 1rem;
  }
}

@media (max-width: 767.98px) {
  .kera-overview-page .kera-content-card {
    padding: 1.15rem !important;
  }
  .kera-overview-page .kera-panel {
    padding: 1.15rem !important;
  }
  .kera-overview-page .kera-panel h1.fs-2 {
    font-size: 1.25rem !important;
  }
  .kera-overview-page .kera-regicon,
  .kera-overview-page .kera-login-art {
    max-width: 48px !important;
  }
}