/* Compacte maandagenda (assets/js/agenda/agenda.js). */
.agenda { display: grid; gap: 18px; max-width: 300px; }
.agenda__kop { margin: 0 0 8px; font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--grijs); }
.agenda__raster { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.agenda__weekdag { font-family: var(--mono); font-size: 10px; text-transform: uppercase; color: var(--grijs); text-align: center; padding-bottom: 4px; }
.agenda__dag {
  aspect-ratio: 1; display: grid; place-items: center;
  font-family: var(--mono); font-size: 12px; font-weight: 300; color: #b3b3ae;
  border: 1px solid transparent; background: none; padding: 0; text-decoration: none;
}
.agenda__dag--leeg { visibility: hidden; }
.agenda__dag--avond { color: var(--inkt); border-color: var(--inkt); cursor: pointer; font: inherit; font-family: var(--mono); font-size: 12px; }
.agenda__dag--avond:hover, .agenda__dag--avond:focus-visible { background: var(--inkt); color: var(--papier); outline: none; }
.agenda__dag--avond[aria-pressed="true"] { background: var(--inkt); color: var(--papier); }
.agenda__dag--vol { color: var(--grijs); border-color: var(--lijn); text-decoration: line-through; cursor: not-allowed; }
.agenda__dag--vol:hover { background: none; color: var(--grijs); }
.agenda__lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.agenda__regel { font-family: var(--mono); font-size: 12px; color: var(--grijs); }
.agenda__regel--gekozen { color: var(--inkt); }
.agenda__regel--vol { text-decoration: line-through; }
.agenda__fout { font-size: 14px; }
.agenda__fout a { color: inherit; }
.agenda-blok { margin: 28px 0 8px; }
.agenda-blok .label { margin-bottom: 12px; }