.responsible-hero {
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.9), transparent 55%),
              linear-gradient(135deg, #f8f3ec, #f3ebe0);
}

.responsible-grid {
  background-color: var(--color-bg-soft);
}

.responsible-card {
  min-height: 100%;
}

.responsible-contact-cta {
  background-color: var(--color-bg-alt);
}

.responsible-contact-panel {
  align-self: center;
}

.responsible-contact-list {
  margin-top: var(--space-2);
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.responsible-contact-list strong {
  font-weight: 600;
}

@media (max-width: 767px) {
  .responsible-contact-panel {
    margin-top: var(--space-6);
  }
}