/* Dekkingskaart normenbibliotheek op audirium.net (bouwplan golf 7, stap 28,
   29-08-2026). Zelfde .au-namespace en basisregels als auditorium-zelfscan.css
   (los bestand gehouden, geen afhankelijkheid tussen twee losse features) plus
   de tabelspecifieke klassen voor de dekkingskaart zelf. */

.au{
  --navy:var(--au-navy); --navy2:var(--au-navy-mid); --orange:var(--au-orange);
  --orange-ink:var(--au-orange-ink,#C04200); --ink:#16233d; --muted:#5a6a85;
  --line:#e2e7f0; --card:#ffffff; --bg:#f6f8fc;
  --radius:14px; --shadow:0 1px 3px rgba(7,25,64,.06),0 8px 30px rgba(7,25,64,.06);
}
.au *{box-sizing:border-box}
.au{font-family:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.au .wrap{max-width:1000px;margin:0 auto;padding:0 20px}

.au .au-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);
  color:#fff;padding:56px 0 64px}
.au .au-kicker{color:var(--orange);font-weight:800;text-transform:uppercase;
  letter-spacing:.09em;font-size:13px;margin-bottom:16px}
.au .au-hero h1{font-size:clamp(28px,5vw,42px);line-height:1.12;font-weight:900;
  letter-spacing:-.02em;max-width:17em;margin:0}
.au .au-hero p.lede{color:#c6d2e8;font-size:clamp(16px,2.2vw,19px);margin:18px 0 0;max-width:36em}

.au .au-stats{margin-top:-38px;position:relative;z-index:2}
.au .au-stats .usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.au .au-stats .tr-card{background:var(--card);border-radius:var(--radius);
  box-shadow:var(--shadow);border:1px solid var(--line);padding:22px 20px}
.au .au-stats h3{margin:0}
.au .dk-verdeling{grid-column:1/-1;color:var(--muted);font-size:13.5px;margin:14px 2px 0}

.au section{padding:56px 0}
.au h2{font-size:clamp(24px,3.4vw,32px);font-weight:800;letter-spacing:-.02em;
  color:var(--navy);margin:0 0 12px}
.au .au-sub{color:var(--muted);font-size:16px;margin-bottom:28px;max-width:44em}

.au .au-cta{background:var(--navy);border-radius:var(--radius);padding:40px 32px;text-align:center;color:#fff}
.au .au-cta h2{color:#fff}
.au .au-cta p{color:#c6d2e8;max-width:40em;margin:0 auto 22px}
.au .au-cta .au-btn{font-weight:800;font-size:16px;padding:14px 28px;border-radius:10px;
  text-decoration:none;display:inline-block;background:var(--orange);color:#fff}
.au .au-cta .au-btn:hover{background:#b84000}

/* De tabel zelf: 47 rijen, dus horizontaal scrollen op smal scherm i.p.v.
   de stapel-truc met data-label — bij vier korte kolommen blijft een
   scrollende tabel leesbaarder dan een gestapelde kaart per kader. */
.au .dk-schuif{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--card)}
.au table.dk-tabel{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.au table.dk-tabel th,.au table.dk-tabel td{padding:10px 14px;text-align:left;
  border-bottom:1px solid var(--line);white-space:nowrap}
.au table.dk-tabel th{background:var(--bg);color:var(--navy);font-weight:800;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em}
.au table.dk-tabel td:first-child,.au table.dk-tabel th:first-child{white-space:normal;min-width:220px}
.au table.dk-tabel tbody tr:last-child td{border-bottom:none}
.au table.dk-tabel .dk-code{color:var(--muted);font-size:12px;font-family:monospace}
.au table.dk-tabel td.dk-mat{font-weight:700}
.au table.dk-tabel td.dk-mat-vol{color:#1a7f4b}
.au table.dk-tabel td.dk-mat-deels{color:var(--orange-ink)}
.au table.dk-tabel td.dk-mat-leeg{color:#b3261e}
.au table.dk-tabel td.dk-mat-geen{color:var(--muted);font-weight:400;font-style:italic}

@media (max-width:640px){
  .au .au-hero{padding:44px 0 48px}
  .au section{padding:40px 0}
  .au .au-cta{padding:32px 20px}
}