.responsible-hero {
  padding-top: var(--space-64);
}

.responsible-hero-header {
  max-width: 720px;
}

.responsible-hero h1 {
  margin-bottom: var(--space-16);
}

.responsible-hero-lead {
  font-size: var(--font-size-md);
  color: var(--color-text-soft);
}

.responsible-intro-grid {
  gap: var(--space-32);
  align-items: stretch;
}

.responsible-aside {
  align-self: stretch;
}

.responsible-behaviour .responsible-grid,
.responsible-prevention .responsible-grid {
  margin-top: var(--space-32);
}

.responsible-card .card-body p + p {
  margin-top: var(--space-12);
}

.responsible-community-grid {
  gap: var(--space-32);
  align-items: stretch;
}

.responsible-education-media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-16);
  box-shadow: var(--shadow-subtle);
}

.responsible-contact-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.responsible-contact-text {
  max-width: 720px;
}

.responsible-contact-text p {
  color: var(--color-text-soft);
}

.responsible-contact-text p + p {
  margin-top: var(--space-12);
}

@media (min-width: 768px) {
  .responsible-contact-inner {
    padding-top: var(--space-32);
    padding-bottom: var(--space-32);
  }
}