/* Pagina-eigen stijl voor bronnen.html (na styles.css geladen) */
.bronnen{max-width:1200px}
.bronnen h1{font-family:var(--sans);font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0 0 28px}
.bronnen-intro{max-width:68ch;font-size:19px;color:#46515b;margin:0 0 40px}
.bronnen-tabel{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:2px solid var(--ink)}
.bronnen-tabel:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.bronnen-tabel table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.bronnen-tabel th{text-align:left;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:14px 16px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.bronnen-tabel td{vertical-align:top;padding:18px 16px 18px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.bronnen-tabel td:first-child{width:44%}
.bronnen-tabel td:nth-child(2){width:30%}
.bronnen-tabel td:nth-child(4){white-space:nowrap;color:var(--muted)}
.bronnen-tabel a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.bronnen-tabel a:hover{text-decoration-thickness:2px}
.bron-links a{display:inline-block}.bron-links br+a{margin-top:6px}
.soort{display:inline-block;font-size:14px;white-space:nowrap;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--wash)}
.bronnen-noot{max-width:68ch;margin:28px 0 0;color:#46515b}
.bronnen-soorten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 32px;margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:15px}
.bronnen-soorten dt{font-weight:600}
.bronnen-soorten dd{margin:4px 0 0;color:var(--muted)}
.footer .footer-bronnen{font-size:12px}
@media(max-width:900px){.bronnen-soorten{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mobiel: gestapelde kaarten in plaats van een brede tabel */
@media(max-width:740px){
  .bronnen-intro{font-size:17px}
  .bronnen-tabel{overflow-x:visible;border-top:0}
  .bronnen-tabel table,.bronnen-tabel tbody,.bronnen-tabel tr,.bronnen-tabel td{display:block;width:100%}
  .bronnen-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .bronnen-tabel tr{border-top:1px solid var(--line);padding:18px 0}
  .bronnen-tabel tr:first-child{border-top:2px solid var(--ink)}
  .bronnen-tabel td,.bronnen-tabel td:first-child,.bronnen-tabel td:nth-child(2){width:100%;padding:4px 0;border-bottom:0}
  .bronnen-tabel td:first-child{font-weight:500;padding-bottom:10px}
  .bronnen-tabel td:not(:first-child){display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;font-size:15px}
  .bronnen-tabel td:not(:first-child)::before{content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px}
  .bronnen-tabel td:nth-child(4){white-space:normal}
  .bronnen-tabel td .soort{justify-self:start}
  .bronnen-soorten{grid-template-columns:1fr}
}