.institutional-hero {
  padding-block: clamp(3.5rem, 8vw, 6rem);
  background: linear-gradient(145deg, #f7fafb 0%, #e7f2f5 100%);
  border-bottom: 1px solid var(--color-border);
}

.institutional-hero-inner,
.institutional-content {
  max-width: 52rem;
}

.institutional-hero h1 {
  margin-bottom: 1.25rem;
  font-size: clamp(2.35rem, 6vw, 4rem);
}

.institutional-hero p:last-child {
  max-width: 46rem;
  margin-bottom: 0;
  color: var(--color-muted);
  font-size: clamp(1.08rem, 2vw, 1.25rem);
}

.institutional-section {
  padding-block: clamp(3.5rem, 7vw, 6rem);
}

.institutional-content > :last-child {
  margin-bottom: 0;
}

.institutional-content h2 {
  margin-top: 2.75rem;
  font-size: clamp(1.55rem, 3vw, 2rem);
}

.institutional-content h2:first-child {
  margin-top: 0;
}

.institutional-content p,
.institutional-content li {
  color: var(--color-muted);
}

.institutional-content ul {
  padding-left: 1.35rem;
}

.institutional-content li + li {
  margin-top: 0.55rem;
}

.institutional-note,
.contact-card {
  margin-top: 2.5rem;
  padding: clamp(1.35rem, 4vw, 2rem);
  background: #f6faf8;
  border: 1px solid #cce5dc;
  border-radius: var(--radius-medium);
}

.institutional-note p:last-child,
.contact-card p:last-child {
  margin-bottom: 0;
}

.contact-card h2 {
  margin-top: 0;
}

.contact-address {
  display: inline-block;
  margin-bottom: 1.25rem;
  overflow-wrap: anywhere;
  color: var(--color-primary-dark);
  font-size: clamp(1.15rem, 4vw, 1.45rem);
  font-weight: 750;
}

.last-updated {
  margin-bottom: 2.5rem;
  color: var(--color-muted);
  font-size: 0.95rem;
}

@media (max-width: 24rem) {
  .contact-card .button {
    width: 100%;
  }
}