/* ── Image proportion fix ──────────────────────────────────────────── */
/* Footer logo: CSS controls height, width must follow proportionally   */
.v3-footer-brand .v3-logo { width: auto; }


/* ── Highlight class (.hl) — gele streep achter kopregel-woorden ── */
/* inline-block gives ::after a reliable containing block width = the word width */

.hl {
  display: inline-block;
  position: relative;
  isolation: isolate;
}

.hl::after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  bottom: 0.08em;
  height: 0.3em;
  background: #fcdd80;
  border-radius: 20px;
  z-index: -1;
}

/* In the dark-green #value section: hide bar, text colour is set inline */
#value .hl::after { display: none; }