.lhero {
        position: relative; overflow: hidden; color: #fff; padding-bottom: 3rem;
        background: var(--sjk-grad-navy);
    }
    .lnav a svg { opacity: .9; }
    .lhero h1 { color:#fff; font-weight:800; letter-spacing:-.02em; }
    .lhero .lead { color: rgba(255,255,255,.75); }
    .pwordmark { font-weight:800; font-size:1.35rem; letter-spacing:-.01em; color:#fff; text-decoration:none; }
    .pwordmark .je { color: var(--sjk-koraal); }
    .lnav { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }
    .lnav a {
        display:inline-flex; align-items:center; gap:.4rem; text-decoration:none; font-weight:600; font-size:.92rem;
        color: rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:.45rem 1rem;
    }
    .lnav a:hover { background: rgba(255,255,255,.08); color:#fff; }
    .lnav a.actief { background: var(--sjk-koraal-diep); border-color: var(--sjk-koraal-diep); color:#fff; }

    .psection { padding: 3.5rem 0; }
    .psection h2 { font-weight:800; color: var(--sjk-diep); letter-spacing:-.01em; margin-bottom:.5rem; }
    .peyebrow { font-weight:700; color: var(--sjk-koraal-diep); text-transform:uppercase; letter-spacing:.06em; font-size:.8rem; }
    .pcard { background:#fff; border:1px solid var(--sjk-lijn); border-radius: var(--sjk-radius-card); padding:1.6rem; height:100%; box-shadow: var(--sjk-shadow-sm); }
    .pcard h3 { font-weight:700; font-size:1.12rem; color: var(--sjk-diep); }
    .pbg-rozetint { background: var(--sjk-rozetint); }
    .pbg-lavendel { background: var(--sjk-lavendel); }
    .pfooter { background: var(--sjk-diep); color: rgba(255,255,255,.72); padding: 2.5rem 0; }

    /* Leesbare juridische/lange tekst */
    .ltekst { max-width: 860px; color: var(--sjk-inkt); }
    .ltekst h2 { font-size: 1.45rem; margin-top: 2.6rem; }
    .ltekst h3 { font-weight:700; font-size:1.1rem; color: var(--sjk-diep); margin-top:1.6rem; }
    .ltekst p, .ltekst li { color: var(--sjk-inkt); line-height: 1.65; }
    .ltekst ol > li, .ltekst ul > li { margin-bottom: .45rem; }
    .ltekst table { width:100%; background:#fff; border:1px solid var(--sjk-lijn); border-radius: 12px; overflow:hidden; }
    .ltekst th { background: var(--sjk-lavendel); color: var(--sjk-diep); font-weight:700; padding:.7rem .9rem; font-size:.9rem; }
    .ltekst td { padding:.7rem .9rem; border-top:1px solid var(--sjk-lijn); vertical-align: top; font-size:.95rem; }
    .lbadge { display:inline-flex; align-items:center; gap:.45rem; background:#fff; border:1px solid var(--sjk-lijn);
        border-radius:999px; padding:.45rem 1rem; font-weight:600; font-size:.9rem; color: var(--sjk-inkt); margin:.2rem; }
    .invulveld { background:#fff8e1; border:1px dashed #e0b400; border-radius:6px; padding:0 .35rem; font-style:italic; }