/* Design system primitives */

.module-section {
  padding-top: var(--spacing-vertical, 3rem);
  padding-bottom: var(--spacing-vertical, 3rem);
}

.module-section--muted {
  background-color: rgba(var(--font-default-color-rgb, 0, 0, 0), 0.03);
}

.module-section__header .module-title {
  margin-bottom: var(--spacing-xs-vertical, 1.5rem);
}

.module-title {
  color: var(--color-primary, #105249);
}

.module-subtitle {
  color: rgba(var(--font-default-color-rgb, 0, 0, 0), 0.65);
}

.module-card {
  background-color: #fff;
  border-radius: var(--button-border-radius, 0.75rem);
  border: 1px solid rgba(var(--color-primary-rgb, 16, 82, 73), 0.12);
  box-shadow: 0 12px 32px rgba(var(--font-default-color-rgb, 0, 0, 0), 0.08);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.module-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(var(--font-default-color-rgb, 0, 0, 0), 0.12);
}

.module-card__image {
  border-bottom: 1px solid rgba(var(--font-default-color-rgb, 0, 0, 0), 0.06);
  overflow: hidden;
}

.module-card__image img {
  border-top-left-radius: var(--button-border-radius, 0.75rem);
  border-top-right-radius: var(--button-border-radius, 0.75rem);
}

.module-card__body {
  padding: var(--spacing-sm-vertical, 2rem) var(--spacing-horizontal, 1.75rem);
}

.module-card__summary {
  letter-spacing: 0.01em;
}

.module-hero {
  padding-top: var(--spacing-lg-vertical, 4.5rem);
  padding-bottom: var(--spacing-lg-vertical, 4.5rem);
}

.module-hero__title {
  color: var(--color-primary, #105249);
}

.module-hero__subtitle {
  color: rgba(var(--font-default-color-rgb, 0, 0, 0), 0.75);
  font-size: 1.05rem;
}

.module-hero__image img,
.module-media img,
.module-gallery__item img {
  border-radius: var(--button-border-radius, 0.75rem);
}

.module-rich-text > *:not(:last-child) {
  margin-bottom: var(--spacing-xs-vertical, 1.5rem);
}

.module-gallery__item {
  overflow: hidden;
}

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.module-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.85rem;
  background-color: rgba(var(--color-primary-rgb, 16, 82, 73), 0.08);
  color: var(--color-primary, #105249);
}