/* HetWerkt.net — formele pagina's: algemene voorwaarden en privacyverklaring.
   Bewust statisch. Hier beweegt niets. */

.pkop .formeel,.blok .formeel{width:100%}
.pkop .lead{max-width:52ch}

.versie{font:500 .78rem var(--mono);letter-spacing:.04em;color:var(--tekst-dof);margin-top:28px}
.versie time{color:var(--tekst-zacht)}

/* inhoudsopgave */
.inhoud{margin:0 0 3.2em;padding:0 0 2.4em;border-bottom:1px solid var(--glas-rand)}
.inhoud h2{margin-top:0}
.proza .inhoud ol{list-style:none;padding-left:0;columns:2;column-gap:40px;display:block;margin-top:1.1em}
.proza .inhoud li{break-inside:avoid;padding:.22em 0;font-size:.95rem}
.proza .inhoud a{text-decoration:none;display:flex;gap:.8em;color:var(--tekst-zacht)}
.proza .inhoud a:hover{color:var(--tekst)}
.proza .inhoud a span{font-family:var(--mono);font-size:.78rem;color:var(--tekst-dof);min-width:2.2em;padding-top:.22em;font-variant-numeric:tabular-nums}
@media (max-width:640px){.proza .inhoud ol{columns:1}}

/* artikelen en leden */
.artikel{margin-top:2.6em}
.artikel h2{font-size:clamp(1.2rem,2.2vw,1.45rem);letter-spacing:-.02em;margin-top:0}
.artikel h2 small{display:block;font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-dof);margin-bottom:.5em}
.lid{display:grid;grid-template-columns:3.1em minmax(0,1fr);gap:0 .4em;margin-top:.9em;font-size:.97rem;line-height:1.65}
.lid>span:first-child{font-family:var(--mono);font-size:.78rem;color:var(--tekst-dof);padding-top:.28em;font-variant-numeric:tabular-nums}
.lid>div>*+*{margin-top:.6em}
.proza .lid ol{list-style:lower-alpha;gap:.35em}
.proza dl.begrippen{margin:0;display:grid;gap:.7em}
.proza dl.begrippen dt{color:var(--tekst);font-weight:700;display:inline}
.proza dl.begrippen dd{margin:0;display:inline}
.proza dl.begrippen div{font-size:.97rem;line-height:1.65}
@media (max-width:480px){.lid{grid-template-columns:2.6em minmax(0,1fr)}}

/* privacyverklaring */
.proza>h2:first-child{margin-top:0}
.proza>.deel>*+*{margin-top:1.1em}
.proza>.deel>h2:first-child{margin-top:1.1em}
.proza>.deel{scroll-margin-top:100px}
.proza .tabel-wrap{margin-top:1.3em}
.proza .tabel code{white-space:nowrap}
.proza .tabel{font-size:.9rem;min-width:520px}

/* onderaan */
.formeel-voet{margin-top:4em;padding-top:1.6em;border-top:1px solid var(--glas-rand);display:flex;flex-wrap:wrap;gap:8px 28px;font-size:.82rem;color:var(--tekst-dof)}
.formeel-voet a,.formeel-voet button{color:var(--tekst-dof);text-decoration:underline;text-decoration-color:rgba(255,255,255,.15);text-underline-offset:3px;font-size:inherit;padding:0}
.formeel-voet a:hover,.formeel-voet button:hover{color:var(--tekst-zacht)}