/* Nederland, rapportmodel gs-6 (26-10-2026): Ligging in cijfers (tegels met het landelijke cijfer, geen totaal), de
   tabellen met buurt, gemeente en Nederland, en de invoer van Kosten bij aankoop (weergave/nl_cijfers.py) */
.vergelijk-tegels { list-style: none; padding: 0; margin: 10px 0 16px; display: grid; gap: 10px;
                    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.vt { background: var(--achter); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.vt-label { font-size: 13px; color: var(--inkt-2); line-height: 1.35; }
.vt-hier { font-size: 22px; font-weight: 700; color: var(--blauw-donker); font-variant-numeric: tabular-nums; }
.vt-land { font-size: 13px; font-weight: 600; color: var(--inkt-2); }
.vt-toelichting { font-size: 12px; color: var(--zacht); line-height: 1.35; }
.vt-naar { white-space: nowrap; }
.vergelijk.cijfers { min-width: 0; font-size: 14px; }
.vergelijk.cijfers td:last-child { background: transparent; color: inherit; }
.aankoop-form { margin: 16px 0 8px; }
.aankoop-uit td { text-align: right; white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; }
@media (max-width: 480px) {
  .vergelijk-tegels { grid-template-columns: 1fr 1fr; }
  .vt-hier { font-size: 18px; }
  .vergelijk.cijfers th, .vergelijk.cijfers td { padding: 8px 6px; font-size: 13px; }
  .aankoop-form .reken-veld { flex-wrap: wrap; }
  .aankoop-form .reken-invoer select { width: 100%; }
}
.vergelijk.cijfers thead th:first-child { text-align: left; }
.aankoop-form .reken-invoer select { width: 280px; max-width: 100%; }
.aankoop-uit th { text-align: left; font-weight: 400; color: var(--inkt-2); padding: 8px 0; }