/* bibliotheek.css — alleen /bibliotheek */
.pillen{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.pillen .lbl{min-width:3.4rem;font:700 .68rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.pillen button{min-height:34px;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--rand-accent);background:transparent;color:var(--tab);font:600 .8rem var(--sans);cursor:pointer}
.pillen button:hover{color:var(--tekst);border-color:var(--rand-hover)}
.pillen button[aria-pressed=true]{border-color:var(--cyaan);color:var(--cyaan);background:rgba(34,211,238,.08)}
.pillen .n{opacity:.65;font-size:.72rem}
.tabs{margin:1rem 0 .3rem}.tabs button{font-size:.88rem;min-height:40px}
.tabs button[aria-pressed=true]{background:var(--tekst);border-color:var(--tekst);color:var(--nav)}
.vink{display:inline-flex;gap:.4rem;align-items:center;margin:.3rem 0;font-weight:600}
.lijst{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr))}
.k{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);padding:.8rem .95rem;min-width:0}
.k.mijn{border-color:var(--groen);box-shadow:inset 4px 0 0 var(--groen)}
.k.mijn-nee{border-color:var(--rood);box-shadow:inset 4px 0 0 var(--rood)}
.k.bel-rood{border-top:4px solid var(--rood-hard)}.k.bel-geel{border-top:4px solid var(--geel)}.k.bel-grijs{border-top:4px solid var(--zacht)}
.k .nr{display:flex;justify-content:space-between;gap:.5rem;margin:0;font:600 .68rem var(--mono);letter-spacing:.06em;color:var(--dim)}
.k h3{margin:.3rem 0 .4rem;font-size:.98rem}.k h3 a{color:var(--tekst);text-decoration:none}.k h3 a:hover{color:var(--link);text-decoration:underline}
.k p{margin:.3rem 0;font-size:.88rem;color:var(--tab)}
.chips{display:flex;flex-wrap:wrap;gap:.3rem}
.c{display:inline-block;font:600 .68rem var(--mono);border:1px solid var(--rand-accent);border-radius:999px;padding:0 .5rem;color:var(--tab)}
.c.soort{border-color:rgba(52,211,153,.5);color:var(--groen)}.c.dubbel{border-color:rgba(251,191,36,.6);color:var(--geel)}
.c.oud{border-color:rgba(248,113,113,.6);color:var(--rood)}.c.franky{border-color:var(--groen);background:rgba(52,211,153,.1)}
.c.lijn{border-color:rgba(147,197,253,.5);color:var(--link)}
.k .stat{font:700 .72rem var(--mono);color:var(--dim)}.k.mijn .stat{color:var(--groen)}.k.mijn-nee .stat{color:var(--rood)}
.k .reden{font-size:.82rem;color:var(--dim);font-style:italic}
.k .u16{background:rgba(192,132,252,.08);border:1px solid rgba(192,132,252,.3);border-radius:8px;padding:.45rem .65rem;color:var(--tekst)}
.k .u16 b{color:var(--paars);font:700 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-right:.35rem}
mark.m-rood{background:rgba(239,68,68,.35);color:inherit}mark.m-geel{background:rgba(251,191,36,.35);color:inherit}
.draad summary{cursor:pointer;font:700 .78rem var(--sans);padding:.35rem .6rem;border-radius:8px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.35)}
.draad .noot,.draad .antw{border-radius:0 8px 8px 0;padding:.4rem .6rem;margin:.35rem 0 0}
.draad .noot{background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.3)}.draad .antw{background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.3)}
.draad b{font:700 .66rem var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-right:.35rem}
.k h3,.k p{overflow-wrap:anywhere}