/* ============================================================
   Skills For Life — Page-scoped CSS for /anbi.html
   ------------------------------------------------------------
   Niet bedoeld voor herbruik. style.css blijft single source
   of truth voor het brand design-systeem; de gedeelde
   componenten (.bestuur-card, .reveal, .section--cream,
   .anbi__doel-list) staan in style.css §30.
   Let op: het verantwoordings-proza op DEZE pagina gebruikt de
   lokale .anbi-prose hieronder — niet de homepage-only .anbi__block. */

/* Alle verantwoordings-proza (doelstelling, beleid, beloningsbeleid,
   financiële verantwoording) over de volle containerbreedte, consistent
   met de homepage en de rest van deze pagina. */
.anbi-prose { max-width: none; }

/* Hero gelijk aan de homepage: groene textuur (.bg-pattern staat in de
   HTML) met tekst over de volle breedte. */
.hero .lede { max-width: none; }

/* Geen underline onder de sectiekoppen (consistent met de homepage). */
.section-rule {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Doelstelling: de a–h-lijst in 2 kolommen vanaf 768px, zodat de volle
   breedte gevuld wordt zonder extreem lange leesregels. */
@media (min-width: 768px) {
  #doelstelling .anbi__doel-list {
    columns: 2;
    column-gap: var(--space-10);
  }
  #doelstelling .anbi__doel-list li { break-inside: avoid; }
}

/* Footer — witte variant, gelijk aan de homepage. De style.css-default is
   de donkere olive-900 footer; die laat o.a. het zwarte logo wegvallen.
   Spiegelt index.css zodat beide pagina's dezelfde footer tonen. */
.site-footer {
  background: #fff;
  color: var(--neutral-900);
}
.site-footer__col h4 { color: var(--neutral-900); }
.site-footer__col p,
.site-footer__col li,
.site-footer__col dt,
.site-footer__col dd,
.site-footer .def-list--footer .def-list__term,
.site-footer .def-list--footer .def-list__value {
  color: var(--neutral-600);
}
.site-footer__col a,
.site-footer .def-list--footer a,
.site-footer__bottom-links a {
  color: var(--neutral-800);
  opacity: 1;
}
.site-footer__col a:hover,
.site-footer .def-list--footer a:hover,
.site-footer__bottom-links a:hover {
  color: var(--neutral-900);
}
.site-footer__bottom {
  border-top-color: var(--border);
  color: var(--neutral-500);
}