/* r4m maX clone 2 · groep 5 · Nele (brief, vragen, batch 1). Bovenop /style.css. */

/* de brief: leest van boven naar beneden, printbaar */
.brief{max-width:48rem}
.brief-kop{border-bottom:2px solid var(--tekst);padding-bottom:.8rem;margin-bottom:1.2rem}
.brief-kop .van{font:600 .72rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0}
.brief-titel{font-size:1.5rem;margin:.4rem 0 .3rem}
.brief h3{font-size:1.15rem;margin:2rem 0 .4rem;padding-top:1rem;border-top:1px solid var(--rand)}
.brief .inl{color:var(--dim);font-size:.93rem;margin:0 0 1rem}
.leeswijzer{border:1px solid rgba(59,130,246,.35);background:rgba(59,130,246,.07);padding:.8rem 1rem;border-radius:8px;font-size:.95rem}
.bv{border:1px solid var(--rand);border-radius:10px;padding:.9rem 1rem;margin:0 0 .9rem;break-inside:avoid}
.bv-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .6rem;margin-bottom:.4rem}
.bv-kop h4{margin:0;font-size:1rem}
.bv-i{font:800 .9rem var(--mono);color:var(--link)}
.bv-ref{margin-left:auto;font:600 .75rem var(--mono);color:var(--dim)}
.bv-vraag{font-size:1.02rem}
.bv p{margin:.45rem 0}
.bv-stand{background:rgba(255,255,255,.03);border-radius:6px;padding:.45rem .6rem}
.merk{font:700 .66rem/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:0 .55rem;border:1px solid var(--rand-accent);color:var(--dim)}
.merk-a{color:var(--rood);border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.08)}
.merk-b{color:var(--geel);border-color:rgba(251,191,36,.5)}
.merk-f{color:var(--groen);border-color:rgba(52,211,153,.5)}
.merk-uit{color:var(--dim);border-style:dashed;text-decoration:line-through}
.brief-bijlage h4{margin:1rem 0 .2rem;font-size:.98rem}
.brief-bijlage p{font-size:.93rem}
.brief-voet{margin-top:2rem;padding-top:.8rem;border-top:1px solid var(--rand);color:var(--dim);font-size:.88rem}
.opm p{border:1px solid rgba(251,191,36,.35);background:rgba(251,191,36,.05);border-radius:6px;padding:.3rem .6rem;margin:.4rem 0;font-size:.88rem}

/* kale versie (?kaal=1): alleen het document, als op papier */
body.kaal{display:block;background:#eef0f5;color:#1a1f2b}
body.kaal #kop,body.kaal #menu,body.kaal #voet,body.kaal .geen-kaal{display:none!important}
body.kaal main{max-width:52rem;background:#fff;padding:2rem 1.2rem 3rem}
body.kaal .brief-kop{border-color:#1a1f2b}body.kaal .bv,body.kaal .brief h3,body.kaal .brief-voet{border-color:#d8dde8}
body.kaal .dim,body.kaal .inl,body.kaal .van,body.kaal .bv-ref,body.kaal .brief-voet{color:#5b6475}
body.kaal a{color:#1d4ed8}body.kaal .bv-stand{background:#f5f7fb}body.kaal .leeswijzer{background:#f5f7fb}

/* filters (chips) */
.chips{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.chips .lbl{font:700 .66rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);min-width:3.2rem}
.chips button{min-height:34px;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--rand-accent);background:transparent;color:var(--tab);font:600 .8rem var(--sans);cursor:pointer}
.chips button[aria-pressed=true]{background:var(--tekst);border-color:var(--tekst);color:var(--nav)}
.chips button .n{opacity:.65;margin-left:.3rem;font:600 .72rem var(--mono)}
.chips button.nul{border-style:dashed;color:var(--dim)}
.zoek{width:100%;margin:.5rem 0}

/* vragen en kaarten */
.vr summary .vnr{font:700 .8rem var(--mono);color:var(--link)}
.vr summary .kort{flex-basis:100%;padding-left:1.4em;font-weight:400;color:var(--tab);font-size:.92rem}
.st{font:700 .66rem/1.6 var(--mono);text-transform:uppercase;border-radius:999px;padding:0 .5rem;border:1px solid var(--rand-accent)}
.st-aanjou{background:var(--groen);border-color:var(--groen);color:#04110a}.st-nieuw{color:var(--cyaan)}.st-bezig{color:var(--geel)}
.st-af{color:var(--groen)}.st-schets{color:var(--paars)}.st-geparkeerd{color:var(--dim)}
.blokje{margin:.7rem 0}.blokje>h4{margin:0 0 .2rem;font:700 .72rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.blokje p{margin:.3rem 0}
.live-o{border:1px solid rgba(34,211,238,.35);border-radius:8px;padding:.5rem .7rem}
.live-o .wie{display:block;font:600 .7rem var(--mono);color:var(--dim)}
.nazicht{border:1px solid rgba(251,191,36,.35);border-radius:8px;padding:.5rem .7rem}
#laag-noot .knop{margin-left:.4rem}
.ladder{display:grid;gap:.45rem;margin:1rem 0}
.trede{display:grid;grid-template-columns:2rem 1fr;gap:.2rem .7rem;padding:.6rem .8rem;border:1px solid var(--rand);border-radius:10px;background:var(--kaart)}
.trede b.nr{font:800 1rem var(--mono);color:var(--paars);grid-row:span 2}
.trede small{display:block;color:var(--dim)}
.trede .rij{grid-column:2}
.trede.leeg{border-color:rgba(248,113,113,.5)}

@media print{
:root{color-scheme:light}html,body,body.kaal{background:#fff!important}body.kaal main{padding:0}
.brief .inl,.brief-kop .van,.brief-voet,.bv-i,body.kaal .inl{color:#333}
.brief{max-width:none}.brief-titel{font-size:18pt}.bv{border-color:#bbb}
.merk{color:#000!important;background:none!important;border-color:#000!important;text-decoration:none}
.leeswijzer{background:none;border:1px solid #999}.bv-stand{background:none;border:1px solid #ddd}
.bv-ref{color:#333}.opm{display:none}}