/* Het optionele tabelblok, nu alleen op /kosten-verhuisbedrijf/. Er stond nog geen enkele tabel op
   de site, dus dit is de eerste tabelopmaak. Gebouwd op de tokens van style.css en op dezelfde
   maten als lijstblok.css, zodat de sectie tussen de andere secties past. root, A7-3. */

.tabelblok{padding-block:clamp(3rem,6vw,5rem);background:var(--paper)}
.tabelblok .eyebrow{margin-bottom:.8rem}
.tabelblok h2{font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.1;letter-spacing:-.03em;margin:0;max-width:20ch}
.tabelblok__intro{color:var(--muted);line-height:1.7;margin-top:1rem;max-width:56ch}

/* Een tabel kan op een smal scherm niet netjes afbreken: de kolommen horen bij elkaar. Daarom mag
   hij binnen zijn eigen vak schuiven en niet de hele pagina meenemen. */
.tabelblok__schuif{margin-top:1.6rem;overflow-x:auto;border-radius:22px;box-shadow:var(--shadow-sm);background:#fff}
.tabelblok__tabel{width:100%;min-width:34rem;border-collapse:collapse;font-size:.97rem;line-height:1.5}
.tabelblok__tabel th,.tabelblok__tabel td{text-align:left;vertical-align:top;padding:clamp(.8rem,1.4vw,1.1rem) clamp(.9rem,1.6vw,1.3rem)}
.tabelblok__tabel thead th{background:#eef5fb;color:var(--ink);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.tabelblok__tabel tbody th{width:12rem;font-weight:700;color:var(--ink)}
.tabelblok__tabel tbody td{color:var(--muted)}
.tabelblok__tabel tbody tr + tr th,.tabelblok__tabel tbody tr + tr td{border-top:1px solid rgba(14,44,74,.12)}