/* De studiepagina Perceelrapport (27-10-2026): de brede tabellen schuiven binnen hun vak, de kop blijft leesbaar en een
   sorteerbare kop is een knop (static/studie.js). Een eigen bestand: site.css blijft onder zijn grens. */
.studie-vak { max-width: none; margin: 8px 0 32px; }
table.studie { font-size: 14px; min-width: 760px; }
table.studie caption { text-align: left; font-weight: 600; padding: 4px 0 8px; }
table.studie th, table.studie td { padding: 6px 8px; white-space: nowrap; }
table.studie td { text-align: right; font-variant-numeric: tabular-nums; }
table.studie thead th { position: sticky; top: 0; background: var(--vlak); vertical-align: bottom; white-space: normal;
  min-width: 72px; }
table.studie thead button { all: inherit; cursor: pointer; text-decoration: underline dotted; }
table.studie thead button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
table.studie th[aria-sort="ascending"] button::after { content: " \25B2"; }
table.studie th[aria-sort="descending"] button::after { content: " \25BC"; }
.studie-bevindingen li { margin-bottom: 8px; }
.studie-download { margin: 16px 0 24px; }
.studie-download .knop { margin-right: 12px; }
@media (max-width: 640px) { table.studie { font-size: 13px; } }