/* InterSystems-inspired accent — synthetic HIE demo only; not affiliated with InterSystems Corporation. */

:root {
  --brand-accent: #009578;
}

.topbar {
  border-bottom: 3px solid var(--brand-accent);
}

.site-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin: 1rem;
  padding: 1.35rem 1.5rem;
  border-radius: 14px;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--brand-accent) 28%, #071018),
    #0f172a 58%
  );
  color: #ecfeff;
  border: 1px solid rgba(236, 254, 255, 0.14);
}

.site-hero h1 {
  margin: 0 0 0.45rem 0;
  font-size: 1.65rem;
  line-height: 1.2;
}

.site-hero p {
  margin: 0;
  line-height: 1.55;
  color: rgba(236, 254, 255, 0.88);
  max-width: 54rem;
}

.site-hero .hero-attribution {
  margin-top: 0.85rem;
  font-size: 0.82rem;
  opacity: 0.82;
}

.site-hero .hero-attribution a {
  color: #a5f3fc;
}