.bao-wrap{padding-top:28px;padding-bottom:64px}.bao-crumbs{font-size:.9rem;color:var(--muted);margin-bottom:14px}.bao-crumbs a{color:var(--muted);text-decoration:none}.bao-crumbs a:hover{color:var(--brand)}.bao-crumbs span{margin:0 6px}.bao-hero{margin-bottom:8px}.bao-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;color:var(--brand);margin:0 0 6px}.bao-hero h1{font-size:clamp(1.8rem,1.4rem + 1.8vw,2.4rem);font-weight:800;letter-spacing:-.015em;margin:0 0 10px;line-height:1.15}.bao-intro{color:var(--muted);font-size:1.05rem;margin:0;max-width:66ch}.bao-filters{display:flex;flex-direction:column;gap:12px;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}.bao-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bao-filter__label{font-weight:700;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;min-width:74px}.bao-chips{display:flex;flex-wrap:wrap;gap:8px}.bao-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--ink);transition:.15s}.bao-chip:hover{border-color:var(--brand)}.bao-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff}.bao-chip--level{text-transform:capitalize}.bao-filter--random{border-top:1px solid var(--line);padding-top:12px;margin-top:2px}.bao-random{border:1.5px solid var(--brand);background:var(--brand);color:#fff;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:700;cursor:pointer;transition:.15s}.bao-random:hover{filter:brightness(1.06);transform:translateY(-1px)}.bao-random:disabled{opacity:.5;cursor:not-allowed;transform:none}.bao-random-hint{font-size:.85rem;color:var(--muted)}.bao-empty{margin:24px 0 0;text-align:center;color:var(--muted);font-weight:600;background:#faf2f1;border:1px solid #f0dcd9;border-radius:12px;padding:18px}.bao-grid{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.bao-card{display:flex;position:relative}.bao-card__read{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--muted);font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;line-height:1;z-index:2}.bao-card__read:hover{border-color:var(--brand);color:var(--brand)}.bao-card.is-read .bao-card__read{background:#1e7d47;border-color:#1e7d47;color:#fff}.bao-card.is-read .bao-card__link{background:#f6fbf8;border-color:#cfe8db}.bao-card.is-read .bao-card__num{background:#dff3e6;color:#1e7d47}.bao-card.is-read .bao-card__title{color:#3d5347}.bao-chip__n{opacity:.7;font-size:.8em}.bao-read-progress{color:var(--muted);font-size:.88rem}.bao-card[hidden]{display:none!important}.bao-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}.bao-tag{font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}.bao-tag--cat{background:#faf2f1;color:var(--brand);border:1px solid #f0dcd9}.bao-tag--level{background:#eef4fb;color:#2b6cb0;border:1px solid #d6e4f5;text-transform:capitalize}.bao-tag--type-gesprek{background:#eef7f1;color:#1e7d47;border:1px solid #cfe8db}.bao-tag--type-nieuws{background:#fdf3e7;color:#b5561f;border:1px solid #f3ddc2}.bao-card__link{display:flex;align-items:center;gap:16px;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:inherit;box-shadow:0 4px 14px #0000000a;transition:.16s}.bao-card__link:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 22px #c0392b1f}.bao-card__num{flex:none;font-size:1.15rem;font-weight:800;color:var(--brand);background:#faf2f1;border-radius:12px;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.bao-card__body{display:flex;flex-direction:column;gap:4px;flex:1}.bao-card__title{font-size:1.12rem;font-weight:800;letter-spacing:-.01em}.bao-card__blurb{font-size:.92rem;color:var(--muted);line-height:1.45}.bao-card__go{flex:none;font-size:1.3rem;color:var(--brand);font-weight:700}@media (max-width:640px){.bao-grid{grid-template-columns:1fr}}