/* EPL A+: gratis check "Hoe ver zit uw woning van de volgende labelklasse?" (19-10-2026).
   Alleen voor energielabel/volgende-labelklasse.html. Bouwt voort op maatregelcheck.css
   (klasse-labels, uploadvlak, meldingen); kleuren uit tokens.css (live huisstijl). */

.la-h1{margin-bottom:12px;}
.la-kaart{max-width:720px;margin:var(--sp-6,24px) auto 0;background:var(--wit,#fff);border:1px solid var(--line,#E2DED3);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(23,26,29,.04);}
.la-drop{padding:22px 16px;}
.la-bestandnaam{margin:10px 0 0;font-size:13px;font-weight:600;color:var(--ink,#171A1D);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.la-privacy{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted,#5B5F63);}
.la-privacy svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--eucalyptus,#4A7161);}
.la-adres{margin:16px 0 0;}
.la-kaart [hidden]{display:none !important;}
.la-adres-tekst{margin:0 0 10px;font-size:14px;}
.la-link{border:0;background:none;padding:0;font:inherit;color:var(--eucalyptus,#4A7161);text-decoration:underline;cursor:pointer;}
.la-uitslag{margin-top:16px;font-size:14px;line-height:1.55;}
.la-uitslag:empty{display:none;}
.la-uitslag.mc-labelstand{padding:14px 16px;border-radius:12px;}
.la-uitslag p{margin:0 0 8px;}
.la-voetnoot{max-width:720px;margin:14px auto 0;font-size:13px;line-height:1.55;color:var(--muted,#5B5F63);}

/* De score */
.la-score{display:flex;gap:14px;align-items:center;margin:4px 0 14px;}
.mc-klasse.la-groot{min-width:72px;height:46px;font-size:20px;padding:0 16px 0 12px;}
.la-score-getal{margin:0 !important;font-size:16px;color:var(--ink,#171A1D);}
.la-score-getal b{font-size:26px;font-family:var(--font-display,inherit);}
.la-score-sub{margin:0 !important;font-size:13px;color:var(--muted,#5B5F63);}

/* Alle klassen op een rij, de eigen klasse uitgelicht */
.la-ladder{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;}
.la-ladder .mc-klasse{min-width:0;height:24px;font-size:11px;padding:0 9px 0 6px;}
.la-ladder .la-stil{opacity:.35;}
.la-ladder .la-hier{opacity:1;transform:scale(1.18);margin:0 4px;box-shadow:0 0 0 2px var(--wit,#fff);}

.la-stappen{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px;}
.la-stappen li{display:flex;gap:10px;align-items:center;}

/* De volgende stap */
.la-volgende{margin:16px 0 0;padding:16px 18px;border-radius:12px;background:var(--warm-ivoor,#F7F4EC);border-left:4px solid var(--champagne,#E1C27D);}
.la-volgende-eyebrow{margin:0 0 4px !important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--eucalyptus,#4A7161);}
.la-volgende-kop{font-family:var(--font-display,inherit);font-size:18px;font-weight:700;color:var(--ink,#171A1D);}
.la-volgende-prijs{font-size:14px;}
.la-volgende .btn-row{margin:12px 0 8px;}
.la-volgende-bel{font-size:13px;color:var(--muted,#5B5F63);margin:4px 0 0 !important;}

/* Klassentabel */
.la-tabel-wrap{max-width:560px;margin:var(--sp-5,20px) auto 0;overflow-x:auto;}
.la-tabel{width:100%;border-collapse:collapse;background:var(--wit,#fff);border-radius:12px;overflow:hidden;font-size:14px;}
.la-tabel caption{caption-side:bottom;padding:8px 0 0;font-size:12px;color:var(--muted,#5B5F63);text-align:left;}
.la-tabel th,.la-tabel td{padding:7px 14px;border-bottom:1px solid var(--line,#E2DED3);text-align:left;}
.la-tabel thead th{font-size:12.5px;color:var(--muted,#5B5F63);font-weight:600;}
.la-tabel tbody th{width:110px;}

/* Privacypunten */
.la-punten{list-style:none;max-width:720px;margin:var(--sp-5,20px) auto 0;padding:0;display:grid;gap:12px;}
.la-punten li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;}
.la-punten svg{width:18px;height:18px;flex:none;margin-top:4px;color:var(--eucalyptus,#4A7161);}

@media (max-width:560px){
  .la-kaart{padding:16px;}
  .la-score-getal b{font-size:22px;}
  .la-ladder{gap:2px;}
  .la-ladder .mc-klasse{height:22px;font-size:9.5px;padding:0 7px 0 3px;}
  .la-ladder .la-hier{margin:0 3px;}
  .la-volgende .btn{width:100%;justify-content:center;}
}