/* ==========================================================================
   Case (single-evc_case.php): feitenbalk en resultaat
   ========================================================================== */

/* Feitenbalk: opdrachtgever, jaar, dienst, sector, team. Direct onder de hero. */
.case-feiten { padding-block: clamp(1.5rem, 1.2rem + 1vw, 2.25rem); }
.case-feiten__lijst {
  display: grid;
  gap: 1.1rem 2rem;
  margin: 0;
}
@media (min-width: 640px) {
  .case-feiten__lijst { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .case-feiten__lijst { grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
}
.case-feiten__item { min-width: 0; }
.case-feiten__item dt {
  font-size: var(--fs-small);
  font-weight: var(--fw-bold);
  color: var(--tekst-zacht);
}
.case-feiten__item dd {
  margin: .3rem 0 0;
  font-weight: var(--fw-medium);
  line-height: 1.4;
}
.case-feiten__item a {
  color: var(--navy);
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 64, .3);
  text-underline-offset: .2em;
}
.case-feiten__item a:hover { text-decoration-color: currentColor; }
.case-feiten__team { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }

/* Resultaat: groot en rustig, op roze */
.case-resultaat__kop { margin-bottom: .75rem; font-size: var(--fs-small); font-weight: var(--fw-bold); color: var(--tekst-zacht); }
.case-resultaat__tekst {
  margin: 0;
  max-width: 34ch;
  font-size: var(--fs-h3);
  font-weight: var(--fw-medium);
  line-height: 1.35;
  color: var(--navy);
  text-wrap: balance;
}