/* De leespagina's, privacy en voorwaarden (besluiten van Ralph, 2026-10-14 en 2026-10-15): een leespagina in de
   kleuren en letters van de site, zonder schilderingen en zonder beweging.
   Bovenop stijl.css; alle kleuren komen uit de waarden van die stijl. */
/* De voet en de strook eronder hebben de kleur van de pagina zelf (Ralph, 2026-10-15: de bruine voet vloekte).
   In de lichte stand is de tekst van de voet daarom donker. */
body,.lees-bg,.lees-voet{background:var(--light)!important}
.lees-voet{color:var(--ink);--ring:var(--ink)}
.lees-voet .ftag,.lees-voet .foot-row .muted{color:var(--muted)}
:root[data-theme="dark"] body,:root[data-theme="dark"] .lees-bg,:root[data-theme="dark"] .lees-voet{background:var(--bg)!important}
:root[data-theme="dark"] .lees-voet{color:var(--light);--ring:var(--light)}
:root[data-theme="dark"] .lees-voet .ftag{color:#E9D9BE}
:root[data-theme="dark"] .lees-voet .foot-row .muted{color:#DCC6A8}
:root[data-theme="dark"] .terug{color:#F4F1EA}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) body,:root:not([data-theme="light"]) .lees-bg,:root:not([data-theme="light"]) .lees-voet{background:var(--bg)!important}
  :root:not([data-theme="light"]) .lees-voet{color:var(--light);--ring:var(--light)}
  :root:not([data-theme="light"]) .lees-voet .ftag{color:#E9D9BE}
  :root:not([data-theme="light"]) .lees-voet .foot-row .muted{color:#DCC6A8}
  :root:not([data-theme="light"]) .terug{color:#F4F1EA}
}
.lees-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.lees-kop .brand img{width:36px;height:36px}
/* Het merk houdt de kleur van de bovenbalk van de site (--bar-fg), net als op de voorpagina. */
.terug{font:600 1rem/1 var(--body);color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.lees{padding:clamp(24px,4vw,56px) 0 clamp(56px,7vw,96px)}
.lees .card{max-width:760px;margin-inline:auto;padding:clamp(24px,4vw,48px)}
.lees h1{position:static;width:auto;height:auto;clip:auto;margin:0 0 4px;font:800 clamp(2.25rem,5vw,3.25rem)/1 var(--display);font-stretch:112%;letter-spacing:-.02em;color:var(--cfg);text-shadow:none;max-width:none;white-space:normal;overflow:visible}
.lees h2{font:800 1.375rem/1.15 var(--display);font-stretch:110%;margin:28px 0 6px;color:var(--cfg)}
.lees p,.lees li{margin:0 0 10px;max-width:68ch}
.lees ul{padding-left:1.2em;margin:0 0 10px}
.lees .datum{color:var(--cmuted);font-size:1rem;margin-bottom:18px}
.lees address{font-style:normal;margin:0 0 10px;line-height:1.5}
.lees table{border-collapse:collapse;width:100%;margin:6px 0 12px;font-size:1rem}
.lees th,.lees td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid rgba(127,127,127,.35)}
.lees th{font-weight:700}
.lees a{color:inherit;font-weight:600}
/* Nog niet vastgesteld: zichtbaar gemarkeerd tot het is ingevuld. */
.open{background:#FFD45E;color:#1B1F1A;padding:1px 6px;font-weight:700;font-size:.9em}
@media (max-width:720px){
  .lees table,.lees tbody,.lees tr,.lees td,.lees th{display:block}
  .lees thead{display:none}
  .lees tr{padding:8px 0;border-bottom:1px solid rgba(127,127,127,.35)}
  .lees td{border:0;padding:2px 0}
  .lees td:first-child{font-weight:700}
}