.af-dagen{display:flex;gap:.5rem;overflow-x:auto;padding:.15rem .1rem .5rem;scrollbar-width:thin}.af-dag{flex:none;display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:5.6rem;padding:.6rem .7rem;border:2px solid var(--lijn);border-radius:14px;background:#fff;font:inherit;color:var(--tekst);cursor:pointer;transition:border-color .15s,background .15s}.af-dag:hover{border-color:#9cc5e3}.af-dag.aan{border-color:var(--primair);background:var(--primair-zacht)}.af-dag:focus-visible{outline:2px solid var(--primair);outline-offset:2px}.af-dag-wd{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gedempt);font-weight:600}.af-dag-d{font-size:1.1rem;font-weight:700;white-space:nowrap}.af-dag-sub{font-size:.75rem;color:var(--gedempt)}.af-dag.vol{opacity:.55;background:var(--bg)}.af-dag.vol.aan{opacity:1}.af-daglabel{font-weight:600;margin:.8rem 0 .5rem}.af-uren{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.5rem}.af-uur{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:3rem;border:2px solid var(--lijn);border-radius:12px;background:#fff;font-weight:700;font-size:1.05rem;cursor:pointer}.af-uur:hover:not(.vol){border-color:#9cc5e3}.af-uur input{position:absolute;opacity:0;pointer-events:none}.af-uur.aan{border-color:var(--primair);background:var(--primair);color:#fff}.af-uur.vol{cursor:not-allowed;color:var(--gedempt);background:var(--bg);text-decoration:line-through;opacity:.7}.af-uur small{font-size:.7rem;font-weight:500}.af-uur:has(input:focus-visible){outline:2px solid var(--primair);outline-offset:2px}.af-gekozen{margin:.9rem 0 0;padding:.6rem .8rem;border-radius:10px;background:var(--groen-zacht);border:1px solid #bfe2cc;font-weight:500}.af-periodes{display:grid;gap:1rem}.af-periode{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:0;padding:0;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s}.af-periode:hover{box-shadow:0 10px 28px rgba(20,30,50,.12);transform:translateY(-1px)}.af-periode-beeld{background:linear-gradient(135deg,#0b5f99 0,var(--primair) 55%,#2a8fd0 100%);min-height:8rem}.af-periode-beeld img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.af-periode-tekst{padding:1.1rem 1.3rem}.af-periode-tekst h2{margin:0 0 .3rem;font-size:1.2rem}.af-periode-tekst p{margin:0 0 .5rem;color:var(--gedempt)}.af-periode-pijl{color:var(--primair);font-weight:600}@media (max-width:560px){.af-periode{grid-template-columns:1fr}.af-periode-beeld{min-height:7rem;max-height:9rem}.af-uren{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr))}}