/* ==========================================================================
   Section: Program list — Figma 159:4279
   720px centred head, then rows 50px either side of a rule: a 381px name
   column with a bordered tag, and a 590px description.
   ========================================================================== */

.trustav-programs__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px; /* Figma 159:4280 */
  width: min(720px, 100%);
  margin-inline: auto;
  text-align: center;
}

.trustav-programs__title {
  max-width: 592px; /* Figma 159:4281 */
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--fs-h2);
  font-weight: var(--fw-regular);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  color: var(--c-text);
}

.trustav-programs__intro {
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--c-text-muted);
}

.trustav-programs__list {
  margin: 70px 0 0; /* Figma 159:4279 */
  padding: 0;
  list-style: none;
  border-block-start: var(--border);
}

.trustav-programs__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xl);
  padding-block: 50px; /* Figma 167:2160 */
  border-block-end: var(--border);
}

.trustav-programs__name {
  display: flex;
  flex: 0 1 381px; /* Figma 167:2157 */
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.trustav-programs__tag {
  padding: 10px 14px; /* Figma 167:2154 */
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-button);
  color: var(--c-accent);
  border: var(--border);
}

.trustav-programs__row-title {
  margin: 0;
  font-family: var(--ff-heading);
  font-size: var(--fs-h5);
  font-weight: var(--fw-regular);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
  color: var(--c-text);
}

.trustav-programs__row-text {
  flex: 0 1 590px; /* Figma 167:2156 */
  margin: 0;
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  letter-spacing: var(--ls-body);
  color: var(--c-text-muted);
}

/* --- Dark ground — Figma 159:4279 --------------------------------------- */
.trustav-programs.trustav-section--bg-dark .trustav-programs__title,
.trustav-programs.trustav-section--bg-dark .trustav-programs__row-title {
  color: var(--c-white);
}

.trustav-programs.trustav-section--bg-dark .trustav-programs__intro,
.trustav-programs.trustav-section--bg-dark .trustav-programs__row-text {
  color: var(--c-neutral-3);
}

.trustav-programs.trustav-section--bg-dark .trustav-programs__list,
.trustav-programs.trustav-section--bg-dark .trustav-programs__row,
.trustav-programs.trustav-section--bg-dark .trustav-programs__tag {
  border-color: var(--c-dark-border); /* Figma 167:2154 */
}

@media (max-width: 900px) {
  .trustav-programs__list {
    margin-block-start: var(--space-3xl);
  }

  .trustav-programs__row {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
    padding-block: var(--space-xl);
  }

  .trustav-programs__name,
  .trustav-programs__row-text {
    flex-basis: auto;
  }
}