/* Tip-kaart, element, goedgekeurd (referentie: Lars, 2026-07-12).
   Eén bron van waarheid samen met het ingebakken blok in
   tsm-diensten-template.css. Deze losse versie is voor pagina's met
   een eigen stylesheet, zoals de homepage. Wijzig beide tegelijk. */
.tips{padding:64px 24px;background:var(--navy)}
.tips.donker .sectiekop,.tips.donker .sectiesub{color:#fff}
.tips.donker .sectiesub{color:#B9BDD4}
.tips .rij{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:24px 0 44px;max-width:1100px;margin-left:auto;margin-right:auto}
.tipkaart{background:var(--navysoft);border-left:4px solid var(--ok);padding:24px 26px;border-radius:0 14px 14px 0}
.tipkaart .lbl{color:var(--ok);font-family:'Poppins',sans-serif;font-weight:600;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px}
.tipkaart h3{color:#fff;font-weight:600;font-size:17.5px;margin-bottom:8px}
.tipkaart p{color:#B9BDD4;font-size:14.5px;line-height:1.65}
.tips .midden{text-align:center;max-width:1100px;margin:0 auto}
@media(max-width:720px){.tips .rij{grid-template-columns:1fr;gap:18px}}