/* Sterker: opmaak van de uitlegpagina's (bovenop style.css) */
.uitleg{max-width:760px;margin:0 auto;padding:18px 16px 70px}
.uitleg .kop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.uitleg .kop .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.uitleg .kop .brand svg{width:34px;height:34px}
.uitleg .kop .brand b{font-family:var(--display);font-size:20px;line-height:1}
.uitleg .varianten{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 18px}
.uitleg .varianten a{text-decoration:none;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--surface)}
.uitleg .varianten a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff);font-weight:700}
.uitleg h1{font-family:var(--display);font-size:30px;line-height:1.15;margin:0 0 6px}
.uitleg .lead{color:var(--muted);font-size:16px;margin:0 0 18px}
.uitleg .inhoud{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 22px}
.uitleg .inhoud ol{margin:6px 0 0;padding-left:20px;columns:2;column-gap:24px;font-size:14px}
.uitleg .inhoud li{margin:3px 0;break-inside:avoid}
.uitleg .inhoud a{color:var(--fg);text-decoration:none}
.uitleg .inhoud a:hover{text-decoration:underline}
.uitleg section{margin:0 0 28px}
.uitleg h2{font-family:var(--display);font-size:22px;margin:28px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.uitleg h3{font-family:var(--display);font-size:16px;margin:16px 0 4px}
.uitleg p,.uitleg li{font-size:15px;line-height:1.55}
.uitleg ul,.uitleg ol{padding-left:22px;margin:4px 0 10px}
.uitleg li{margin:3px 0}
.uitleg .tip{background:var(--glow-soft);border:1px solid var(--glow);border-radius:12px;padding:10px 14px;margin:10px 0;font-size:14px}
.uitleg .let{background:var(--surface);border:1px solid var(--danger);border-radius:12px;padding:10px 14px;margin:10px 0;font-size:14px}
.uitleg .let b{color:var(--danger)}
.uitleg kbd{font-family:inherit;font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 7px;white-space:nowrap}
.uitleg code{font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.uitleg pre{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;overflow:auto}
.uitleg pre code{border:0;padding:0;background:none}
.uitleg table{border-collapse:collapse;width:100%;font-size:14px;margin:6px 0 10px}
.uitleg th,.uitleg td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.uitleg th{font-family:var(--display);font-size:13px;color:var(--muted)}
.uitleg .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin-right:4px;border:1px solid var(--line)}
.uitleg .terug{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:var(--accent);color:var(--accent-ink,#fff);text-decoration:none;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.18);font-size:14px}
@media print{.uitleg .terug,.uitleg .varianten{display:none}}