/* De onderwerpspagina's (parkeren, bruggen, werk aan de weg, waarom is het druk): een kop, een tabel of lijst met de stand van nu. */
.thema h1{margin-bottom:12px}
.thema .inleiding{max-width:62ch}
.thema h2{margin-top:36px}
.thema ul{padding-left:20px;margin:0 0 16px}
.thema li{margin:6px 0}
.thema-schuif{overflow-x:auto;margin:20px -4px 8px}
.thema-tabel{width:100%;border-collapse:collapse;font-size:1rem}
.thema-tabel th,.thema-tabel td{padding:12px 8px;border-top:1px solid var(--lijn);text-align:left;vertical-align:baseline}
.thema-tabel thead th{border-top:0;padding-top:0;padding-bottom:8px;font:600 0.75rem/1.2 var(--tekst);letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);white-space:nowrap}
.thema-tabel .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.thema-tabel th.naam{font-weight:600}
.thema-tabel td.vrij{font:800 1.375rem/1 var(--kop);letter-spacing:-.02em}
.thema-tabel small{color:var(--grijs)}
.thema-tabel .spits{display:block;margin-top:2px;font-weight:400;font-size:0.8125rem;color:var(--grijs)}
.stand{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font:600 0.75rem/1.5 var(--tekst);letter-spacing:.02em;background:var(--veld);color:var(--inkt-2);white-space:nowrap}
.thema-tabel td .stand{margin-left:0}
.st-vol,.st-open{background:var(--rood-zacht);color:var(--rood-tekst)}
.st-bijna{background:var(--oranje-zacht);color:var(--oranje-tekst)}
.st-ruim,.st-neer{background:var(--groen-zacht);color:var(--groen-tekst)}
.live-regel{font-size:1.125rem;margin:0 0 4px}
.afsluitingen{list-style:none;padding:0}
.afsluitingen li{padding:12px 14px;border:1px solid var(--lijn);border-radius:12px;background:var(--papier)}
.afsluitingen .wanneer{display:block;color:var(--grijs);font-size:0.875rem;margin:2px 0 4px}
.leeg-tekst{background:var(--veld);border-radius:10px;padding:16px;font-size:0.9375rem;color:var(--inkt-2);margin:20px 0}
.thema .werk-blok{margin-top:12px}
.thema-tegels{margin:16px 0 8px}
@media (max-width:760px){.thema-tegels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.thema-tegels{grid-template-columns:minmax(0,1fr)}}