/* links.css: sectie-stijl voor /links/ (100 handige links), /privacy/ en /contact/ (tools/extra_src.py). Alleen klassen met l-; hergebruikt shared.css. Geen JS, geen externe favicons. */
.t-links{--acc:#ffc9a8;--acc-soft:#ffeadd;--hero:#ffe1cf}
.t-links .c-hero{background:var(--hero)}
.t-links .c-photo .main.art{aspect-ratio:auto;object-fit:contain;border:0;box-shadow:none;background:none;transform:none;max-height:300px;margin:0 auto}
.t-links .c-dec.cld1{width:120px;height:auto;left:46%;top:14px;z-index:1;opacity:.95}
.w-chips,.l-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.l-toc li{margin:0}
.l-toc a b{font-weight:600;opacity:.75;margin-left:4px}
.l-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.l-item{background:#fff;border:4px solid var(--ink);border-radius:20px;padding:14px 16px 12px;box-shadow:5px 6px 0 var(--shadow);display:flex;flex-direction:column}
.l-item h3{font-size:1.06rem;line-height:1.25;margin:0 0 6px}
.l-item h3 a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.l-item h3 a::after{content:" ↗";font-size:.85em}
.l-item p{margin:0 0 8px;font-size:.96rem}
.l-item .l-host{margin:auto 0 0;font-size:.82rem;font-weight:600;opacity:.7;overflow-wrap:anywhere}
.l-cat .c-intro{max-width:760px}
.l-top{font-weight:700;margin:14px 0 0}
.l-top a{color:var(--ink)}
.l-note{font-size:.92rem}
.l-mail{font-size:1.2rem;font-weight:700;overflow-wrap:anywhere}
.l-mail a{color:var(--ink)}
@media print{.l-item{box-shadow:none}}
#toc-h{margin:26px 0 12px}
.l-checked{display:inline-block;margin:10px 0 0;padding:4px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-weight:700;font-size:.92rem}
.l-bs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.l-b{border:2px solid var(--ink);border-radius:999px;padding:0 8px;font-size:.78rem;font-weight:700;background:var(--acc-soft)}
.l-b.o{background:#b8f0c8}
.l-item .l-host{margin:0 0 6px}
.l-also{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0}
.l-also span{font-weight:700}