/* Homepage: "het scorebord op het gras". Register A = foto full-bleed met navy
   overlay; register B = bord (navy of wit, lijnen, tabular cijfers). Geen
   eyebrows, geen kaarten. Placeholders: navy met hesjesstrepen en grasband. */
.it-thuis h2{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:-.02em;margin:0 0 .6em}
.it-grid{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.hesje{display:inline-block;width:18px;height:18px;border-radius:5px;flex:0 0 auto;vertical-align:middle}
.hesje.o{background:var(--it-hesje-oranje)}.hesje.b{background:var(--it-hesje-blauw)}.hesje.ge{background:var(--it-hesje-geel)}.hesje.gr{background:var(--it-hesje-groen)}.hesje.r{background:var(--it-hesje-rood)}.hesje.w{background:var(--it-hesje-wit);border:1px solid var(--it-lijn)}.hesje.p{background:var(--it-hesje-paars)}.hesje.z{background:var(--it-hesje-zwart)}

/* Foto-secties: echte foto (nu voorbeeldfoto's van Unsplash, later ProCamp) met
   navy overlay. Mobiel laadt de kleinere variant (900 breed), desktop 1600.
   Per foto AVIF en WebP naast de JPG; image-set() kiest, en een browser die
   type() niet kent gebruikt de JPG-regel ervoor. Vervangen = de JPG, WebP en
   AVIF in public/img/foto/ overschrijven (FotoTest bewaakt dat ze er alle
   drie zijn en klein blijven). De hero is een echte <img> in home.blade. */
.it-foto{position:relative;color:var(--it-wit);background-color:var(--it-navy-diep);background-size:cover;background-position:center}
.it-foto--aftrap{isolation:isolate}
.it-foto--aftrap::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(15,29,43,.94) 0%,rgba(15,29,43,.6) 45%,rgba(15,29,43,.2) 100%)}
.it-hero-foto,.it-hero-foto img{position:absolute;inset:0;width:100%;height:100%}
.it-hero-foto{z-index:-2}
.it-hero-foto img{object-fit:cover;object-position:center top}
.it-foto--gras{background-image:linear-gradient(to top,rgba(15,29,43,.92) 0%,rgba(15,29,43,.55) 60%,rgba(15,29,43,.3) 100%),url(../img/foto/telefoon-mobiel.jpg);background-image:linear-gradient(to top,rgba(15,29,43,.92) 0%,rgba(15,29,43,.55) 60%,rgba(15,29,43,.3) 100%),image-set(url(../img/foto/telefoon-mobiel.avif) type("image/avif"),url(../img/foto/telefoon-mobiel.webp) type("image/webp"),url(../img/foto/telefoon-mobiel.jpg) type("image/jpeg"))}
.it-foto--kantine{background-image:linear-gradient(to top,rgba(15,29,43,.95) 0%,rgba(15,29,43,.6) 60%,rgba(15,29,43,.35) 100%),url(../img/foto/kantine-mobiel.jpg);background-image:linear-gradient(to top,rgba(15,29,43,.95) 0%,rgba(15,29,43,.6) 60%,rgba(15,29,43,.35) 100%),image-set(url(../img/foto/kantine-mobiel.avif) type("image/avif"),url(../img/foto/kantine-mobiel.webp) type("image/webp"),url(../img/foto/kantine-mobiel.jpg) type("image/jpeg"))}
.it-foto--podium{background-image:linear-gradient(to top,rgba(15,29,43,.9) 0%,rgba(15,29,43,.45) 100%),url(../img/foto/podium-mobiel.jpg);background-image:linear-gradient(to top,rgba(15,29,43,.9) 0%,rgba(15,29,43,.45) 100%),image-set(url(../img/foto/podium-mobiel.avif) type("image/avif"),url(../img/foto/podium-mobiel.webp) type("image/webp"),url(../img/foto/podium-mobiel.jpg) type("image/jpeg"))}
@media (min-width:900px){
.it-foto--aftrap::before{background:linear-gradient(to top,rgba(15,29,43,.92) 0%,rgba(15,29,43,.45) 40%,rgba(15,29,43,.1) 100%)}
.it-foto--gras{background-image:linear-gradient(to right,rgba(15,29,43,.25) 0%,rgba(15,29,43,.92) 100%),url(../img/foto/telefoon.jpg);background-image:linear-gradient(to right,rgba(15,29,43,.25) 0%,rgba(15,29,43,.92) 100%),image-set(url(../img/foto/telefoon.avif) type("image/avif"),url(../img/foto/telefoon.webp) type("image/webp"),url(../img/foto/telefoon.jpg) type("image/jpeg"))}
.it-foto--kantine{background-image:linear-gradient(to right,rgba(15,29,43,.55) 0%,rgba(15,29,43,.92) 100%),url(../img/foto/kantine.jpg);background-image:linear-gradient(to right,rgba(15,29,43,.55) 0%,rgba(15,29,43,.92) 100%),image-set(url(../img/foto/kantine.avif) type("image/avif"),url(../img/foto/kantine.webp) type("image/webp"),url(../img/foto/kantine.jpg) type("image/jpeg"))}
.it-foto--podium{background-image:linear-gradient(to top,rgba(15,29,43,.85) 0%,rgba(15,29,43,.35) 100%),url(../img/foto/podium.jpg);background-image:linear-gradient(to top,rgba(15,29,43,.85) 0%,rgba(15,29,43,.35) 100%),image-set(url(../img/foto/podium.avif) type("image/avif"),url(../img/foto/podium.webp) type("image/webp"),url(../img/foto/podium.jpg) type("image/jpeg"))}
}
.it-foto h2{color:var(--it-wit)}
.it-foto p{color:#D6DEE6;font-size:1.1rem;max-width:44ch}

/* 1. Hero */
.it-hero{min-height:88vh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:120px}
.it-hero-inhoud{align-items:end;padding-bottom:56px}
.it-hero-tekst{grid-column:1/-1}
.it-hero h1{font-size:clamp(2.6rem,6.2vw,5.2rem);line-height:.98;letter-spacing:-.03em;color:var(--it-wit);margin:0 0 .4em}
.it-hero-zoekterm{display:block;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.3;letter-spacing:.01em;color:var(--it-geel);margin-bottom:.6em}
.it-hero p{color:#D6DEE6;font-size:1.15rem;max-width:46ch}
.it-hero-feiten{font-variant-numeric:tabular-nums;color:var(--it-geel) !important;font-weight:700;font-size:1rem !important;letter-spacing:.02em}
.it-hero-acties{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:20px}
.it-hero-link{color:var(--it-wit);font-weight:700;text-decoration:none;border-bottom:2px solid var(--it-geel);padding-bottom:2px}
.it-hero-link:hover{color:var(--it-geel)}
.it-hero-klein{font-size:.9rem !important;color:#A9B6C2 !important;margin-top:18px}
.it-hero-bord{grid-column:1/-1;margin:0;background:rgba(15,29,43,.92);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:14px 16px 6px;font-variant-numeric:tabular-nums}
.it-bord-kop{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#A9B6C2;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14)}
.it-bordtabel{width:100%;border-collapse:collapse}
.it-bordtabel td{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.05rem}
.it-bordtabel tr:last-child td{border-bottom:0}
.it-bordtabel .rang{width:32px;color:#A9B6C2}
.it-bordtabel .naam{font-weight:600}
.it-bordtabel .g{text-align:center;color:#A9B6C2;width:40px}
.it-bordtabel .pt{text-align:right;font-family:var(--it-font-kop);font-weight:800;color:var(--it-geel);width:56px}
.it-bordtabel tr.top .rang{color:var(--it-geel);font-weight:800}
@media (min-width:900px){.it-hero-tekst{grid-column:1/8}.it-hero-bord{grid-column:8/-1;align-self:center;margin-bottom:40px}}
.it-hesjesbalk{display:flex;height:8px}
.it-hesjesbalk i{flex:1}
.it-hesjesbalk .o{background:var(--it-hesje-oranje)}.it-hesjesbalk .b{background:var(--it-hesje-blauw)}.it-hesjesbalk .ge{background:var(--it-hesje-geel)}.it-hesjesbalk .gr{background:var(--it-hesje-groen)}.it-hesjesbalk .r{background:var(--it-hesje-rood)}.it-hesjesbalk .w{background:var(--it-hesje-wit)}.it-hesjesbalk .p{background:var(--it-hesje-paars)}.it-hesjesbalk .z{background:var(--it-hesje-zwart)}

/* 2. Stappen */
.it-stappen-sectie{padding:72px 0 64px;background:var(--it-wit)}
.it-stappen{display:grid;gap:36px}
@media (min-width:900px){.it-stappen-sectie{padding:112px 0 96px}.it-stappen{grid-template-columns:repeat(3,1fr);gap:0}.it-stap{padding:0 36px;border-left:1px solid var(--it-lijn)}.it-stap:first-child{padding-left:0;border-left:0}}
.it-stap .cijfer{display:block;font-family:var(--it-font-kop);font-weight:800;font-size:clamp(3rem,6vw,6rem);line-height:1;color:var(--it-geel);letter-spacing:-.04em;margin-bottom:8px}
.it-stap h3{font-size:1.35rem;margin:0 0 .4em}
.it-stap p{color:var(--it-ink-zacht);margin:0 0 18px}
.it-fragment{border:1px solid var(--it-lijn);border-radius:8px;padding:14px;background:var(--it-mist);font-variant-numeric:tabular-nums}
.it-fragment--lijst{display:flex;flex-wrap:wrap;gap:8px}
.it-fragment--lijst span{background:var(--it-wit);border:1px solid var(--it-lijn);border-radius:6px;padding:4px 10px;font-weight:600;font-size:.95rem}
.it-fragment--lijst .meer{background:transparent;border-style:dashed;color:var(--it-ink-zachter);font-weight:500}
.it-fragment--score{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px;justify-items:center}
.it-fragment--score b{font-family:var(--it-font-kop);font-weight:800;font-size:2rem}
.it-fragment--score em{font-style:normal;color:var(--it-ink-zachter);font-weight:800}
.it-fragment--score .knoppen{grid-column:1/-1;display:flex;gap:6px;justify-content:center}
.it-fragment--score i,.it-mini-knoppen i{display:inline-grid;place-items:center;width:40px;height:32px;border-radius:8px;background:var(--it-wit);border:1px solid var(--it-lijn);font-style:normal;font-weight:800}
.it-fragment--stand .rij{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--it-lijn);font-weight:600}
.it-fragment--stand .rij i{font-style:normal;width:20px;color:var(--it-ink-zachter)}
.it-fragment--stand .rij b{margin-left:auto;font-family:var(--it-font-kop);font-weight:800}
.it-fragment--stand .rij.top i{color:var(--it-geel-diep);font-weight:800}
.it-fragment--stand .klaar{display:block;margin-top:8px;font-size:.85rem;color:var(--it-ink-zachter)}

/* 3. Telefoon */
.it-product{padding:72px 0}
.it-product-inhoud{align-items:center}
.it-telefoon{grid-column:1/-1;justify-self:center;width:250px;background:#0B1622;border-radius:32px;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15)}
.it-telefoon-scherm{background:var(--it-wit);color:var(--it-ink);border-radius:22px;padding:14px 12px;min-height:300px;font-size:.85rem}
.it-mini-kop{font-family:var(--it-font-kop);font-weight:800;margin-bottom:10px}
.it-mini-wedstrijd{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start}
.it-mini-wedstrijd small{display:block;font-size:.8rem;line-height:1.5}
.it-mini-wedstrijd .hesje{width:14px;height:14px;margin-bottom:4px}
.it-mini-wedstrijd .rechts{text-align:right}
.it-mini-wedstrijd .score{display:flex;align-items:center;gap:4px;font-family:var(--it-font-kop);font-weight:800;font-size:1.6rem;padding-top:14px}
.it-mini-wedstrijd .score em{font-style:normal;color:var(--it-ink-zachter)}
.it-mini-knoppen{display:flex;gap:6px;justify-content:center;margin-top:12px}
.it-product-tekst{grid-column:1/-1}
@media (min-width:900px){.it-product{padding:120px 0}.it-telefoon{grid-column:2/6;width:280px}.it-product-tekst{grid-column:7/-1}}

/* 4. Functies in bord-stijl */
.it-bordvlak{background:var(--it-navy);color:var(--it-wit);padding:72px 0}
.it-bordvlak h2{color:var(--it-wit)}
.it-functies{display:grid;border-top:1px solid rgba(255,255,255,.16)}
.it-functies>div{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.it-functies h3{color:var(--it-wit);font-size:1.25rem;margin:12px 0 .4em}
.it-functies p{color:#C9D3DC;margin:0 0 12px;max-width:40ch}
.it-functies .stat{font-variant-numeric:tabular-nums;font-weight:700;color:var(--it-geel);font-size:.95rem}
@media (min-width:900px){.it-bordvlak{padding:112px 0}.it-functies{grid-template-columns:1fr 1fr}.it-functies>div{padding:34px 40px}.it-functies>div:nth-child(odd){padding-left:0;border-right:1px solid rgba(255,255,255,.16)}.it-functies>div:nth-child(even){padding-right:0}}

/* 5. TV */
.it-tv{padding:72px 0 0}
.it-tv-inhoud{align-items:center;padding-bottom:64px}
.it-tv-kader{grid-column:1/-1;background:#0B1622;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.15);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.it-tv-scherm{background:var(--it-navy-diep);border-radius:4px;padding:18px;min-height:220px;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}
.it-tv-kop{display:flex;justify-content:space-between;gap:12px;font-family:var(--it-font-kop);font-weight:800;font-size:1.05rem}
.it-tv-kop .klok{color:var(--it-geel);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;align-self:center}
.it-tv-stand{width:100%;border-collapse:collapse;margin-top:14px;font-size:1rem}
.it-tv-stand td{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.1)}
.it-tv-stand .rang{width:28px;color:#A9B6C2}
.it-tv-stand .naam{font-weight:600}
.it-tv-stand .pt{text-align:right;font-family:var(--it-font-kop);font-weight:800;color:var(--it-geel)}
.it-tv-stand tr.top .rang{color:var(--it-geel);font-weight:800}
.it-tv-voet{margin-top:auto;padding-top:14px;font-size:.75rem;color:#A9B6C2;border-top:1px solid rgba(255,255,255,.12)}
.it-tv-tekst{grid-column:1/-1}
@media (min-width:900px){.it-tv{padding:112px 0 0}.it-tv-kader{grid-column:1/8}.it-tv-tekst{grid-column:9/-1}}
.it-doelgroepen{background:var(--it-mist);color:var(--it-ink);border-bottom:1px solid var(--it-lijn);padding:26px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;font-family:var(--it-font-kop);font-weight:800;font-size:clamp(1.2rem,2.6vw,2rem)}
.it-doelgroepen i{width:10px;height:10px;border-radius:50%;background:var(--it-geel)}
.it-doelgroepen em{flex-basis:100%;text-align:center;font-family:var(--it-font-tekst);font-style:normal;font-weight:600;font-size:1rem;color:var(--it-ink-zacht);font-variant-numeric:tabular-nums}

/* 6. Prijs als scorebord */
.it-prijs-sectie{padding:64px 0 56px;background:var(--it-wit)}
.it-prijs-midden{text-align:center;display:grid;justify-items:center}
.it-prijsbord{width:100%;max-width:720px;background:var(--it-navy);color:var(--it-wit);border-radius:6px;padding:10px 26px 22px;margin:8px 0 26px;text-align:left;font-variant-numeric:tabular-nums}
.it-prijsbord .regel{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:1.1rem}
.it-prijsbord .regel b{font-family:var(--it-font-kop);font-weight:800;font-size:1.7rem;white-space:nowrap}
.it-prijsbord .regel b small{font-size:.85rem;font-weight:600;color:#C9D3DC}
.it-prijsbord .gratis b{color:var(--it-groen-fel)}
.it-prijsbord .betaald b{color:var(--it-geel)}
.it-prijsbord p{margin:16px 0 0;color:#C9D3DC;font-size:.95rem}
.it-prijsbord .regel b s{font-size:1rem;font-weight:600;color:#C9D3DC;margin-right:6px}
@media (min-width:900px){.it-prijs-sectie{padding:88px 0 72px}}

/* Actietarief voor clubs (B-039): pil in de hero, balk onder de hero en op /clubs, prijstegel op /clubs */
.it-hero-actie{display:inline-block;margin-top:14px;padding:.55em 1em;border-radius:var(--it-radius-pil);background:var(--it-geel);color:var(--it-ink);font-weight:600;font-size:.95rem;text-decoration:none}
.it-hero-actie b{font-weight:800;margin-right:4px}
.it-hero-actie:hover{background:var(--it-geel-diep)}
.it-actiebalk{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 12px;padding:14px 16px;background:var(--it-groen-diep);color:var(--it-wit);text-decoration:none;text-align:center;font-size:1rem}
.it-actiebalk strong{font-weight:800;color:var(--it-geel)}
.it-actiebalk em{font-style:normal;font-weight:700;text-decoration:underline}
.it-actiebalk:hover{background:var(--it-groen-donker)}
.it-prijstegel{margin:22px 0 26px;padding:20px 22px;border-radius:6px;background:var(--it-navy);color:var(--it-wit);font-variant-numeric:tabular-nums}
.it-prijstegel-label{display:inline-block;padding:.3em .8em;border-radius:var(--it-radius-pil);background:var(--it-geel);color:var(--it-ink);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.it-prijstegel-prijs{margin:12px 0 6px;font-family:var(--it-font-kop);line-height:1.1}
.it-prijstegel-prijs s{font-size:1.3rem;font-weight:600;color:#C9D3DC;margin-right:8px}
.it-prijstegel-prijs b{font-size:2.6rem;font-weight:800;color:var(--it-groen-fel)}
.it-prijstegel-prijs small{display:block;font-family:var(--it-font-tekst);font-size:.95rem;font-weight:600;color:var(--it-wit);margin-top:4px}
.it-prijstegel .it-prijstegel-uitleg{margin:0;color:var(--it-wit);font-size:1.05rem;line-height:1.55;max-width:60ch}
.it-prijstegel .it-prijstegel-partner{margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.22);color:var(--it-wit);font-size:1.05rem;line-height:1.55;max-width:60ch}
.it-prijstegel-partner b{color:var(--it-groen-fel)}

/* /clubs: donkere band bovenaan, de header staat er transparant over (body.it-thuis), net als op de homepage */
.it-clubs-hero{background:var(--it-navy);color:var(--it-wit);padding:104px 0 8px}
.it-clubs-hero .it-landing--hero{padding-top:0;padding-bottom:28px}
.it-clubs-hero h1,.it-clubs-hero .it-landing-intro,.it-clubs-hero .it-eyebrow,.it-clubs-hero .it-kruimelpad,.it-clubs-hero .it-kruimelpad [aria-current],.it-clubs-hero .it-kruimelpad li+li::before{color:var(--it-wit)}
.it-clubs-hero .it-eyebrow,.it-clubs-hero .it-kruimelpad{color:#D6DEE6}
.it-clubs-hero .it-landing-intro{color:#E6ECF2}
.it-clubs-hero .it-accent{color:var(--it-groen-fel)}
.it-clubs-hero .it-landing-link{color:var(--it-wit)}
.it-clubs-hero .it-knop--groot{background:var(--it-geel);color:var(--it-ink)}
.it-clubs-hero .it-knop--groot:hover{background:var(--it-geel-diep)}
@media (min-width:900px){.it-clubs-hero{padding-top:124px}}
@media (min-width:720px){.it-prijstegel-prijs small{display:inline;margin-left:8px}}

/* 7. FAQ en slot */
.it-faq-sectie{padding:56px 0 64px;background:var(--it-mist);border-top:1px solid var(--it-lijn)}
.it-faq{display:grid;gap:0 48px}
@media (min-width:900px){.it-faq-sectie{padding:72px 0 88px}.it-faq{grid-template-columns:1fr 1fr}}
.it-faq details{border-bottom:1px solid var(--it-lijn);padding:16px 0}
.it-faq summary{cursor:pointer;font-family:var(--it-font-kop);font-weight:700;font-size:1.05rem;list-style:none;display:flex;align-items:center;gap:12px}
.it-faq summary::-webkit-details-marker{display:none}
.it-faq summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--it-ink-zachter);border-bottom:2px solid var(--it-ink-zachter);transform:rotate(45deg);transition:transform .15s}
.it-faq details[open] summary::after{transform:rotate(-135deg)}
.it-faq p{margin:.8em 0 0 30px;color:var(--it-ink-zacht)}
.it-slot{padding:120px 20px;text-align:center}
.it-slot-inhoud{max-width:720px;margin:0 auto;display:grid;justify-items:center;gap:20px}
.it-slot h2{font-size:clamp(2rem,4.5vw,3.4rem)}
.it-band .it-lead{font-size:1.15rem;color:var(--it-ink-zacht);max-width:60ch}

/* Header over de hero: transparant, navy na scrollen (it-home.js) */
.it-thuis .it-header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:0;backdrop-filter:none;transition:background .2s}
.it-thuis .it-header .it-logo,.it-thuis .it-header .it-nav a{color:var(--it-wit)}
.it-thuis .it-header .it-logo{font-size:1.3rem}
.it-thuis .it-header .it-logo svg{width:44px;height:44px}
.it-thuis .it-header .it-wrap{min-height:76px}
.it-thuis .it-header .it-nav a:hover{background:rgba(255,255,255,.12)}
.it-thuis .it-header.is-navy{background:var(--it-navy-diep);box-shadow:0 1px 0 rgba(255,255,255,.1)}
.it-thuis .it-header .it-knop{background:var(--it-geel);color:var(--it-ink)}
.it-thuis .it-header .it-knop:hover{background:var(--it-geel-diep)}

/* Tekstpagina's (privacy, cookies, voorwaarden) */
.it-tekstpagina{padding:40px 20px 64px;max-width:760px}
.it-tekstpagina h2{font-size:1.3rem;margin-top:1.6em}
.it-tekstpagina li{margin-bottom:.5em}
.it-tekstpagina table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:.95rem}
.it-tekstpagina th,.it-tekstpagina td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--it-lijn)}
.it-tekstpagina th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--it-ink-zachter)}
.it-tekstpagina code{font-size:.9em;background:var(--it-mist);padding:.1em .4em;border-radius:4px}
.it-kort{background:var(--it-groen-zacht);border-left:5px solid var(--it-groen);border-radius:6px;padding:14px 18px;margin:18px 0 26px}
.it-kort p{margin:0 0 6px}
.it-kort ul{margin:0;padding-left:20px}
/* Tabellen (privacy, cookies) blijven op elk scherm echte tabellen: nooit
   display:block op table, tr of td, want dan raakt een schermlezer de koppen
   kwijt. Op mobiel worden cellen smaller en breken lange woorden af. */
.it-tekstpagina th,.it-tekstpagina td{padding:8px 6px;hyphens:auto;overflow-wrap:anywhere}
.it-tekstpagina th{font-size:.75rem}
@media (min-width:600px){.it-tekstpagina th,.it-tekstpagina td{padding:8px 10px;overflow-wrap:normal}.it-tekstpagina th{font-size:.85rem}}
.it-voorbeelden{margin:28px 0 0;font-size:.95rem;color:var(--it-ink-zacht)}
.it-voorbeelden a{color:var(--it-groen-diep);font-weight:600}

/* 404: verder lezen bij de uitleg en voorbeeldschema's */
.it-fout-links{margin-top:36px;text-align:left}
.it-fout-links h2{font-size:1.1rem;margin:0 0 .5em}
.it-fout-links ul{margin:0;padding-left:1.2em;display:grid;gap:.4em}
.it-fout-links a{color:var(--it-groen-diep);font-weight:600}