html, body { margin: 0; padding: 0; background: #F2F2F5; }
input, textarea, button, select { font-family: inherit; }
a { color: #F4586B; }
a:hover { color: #D63F52; }
::placeholder { color: #A9A8C0; }

.klant-card:hover { border-color: #F4586B !important; box-shadow: 0 6px 24px rgba(37,34,98,0.08); }
.btn-coral:hover { background: #D63F52 !important; }

/* brede content (spindiagram, printpagina's) mag binnen zijn kader scrollen op smalle schermen */
.chart-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 900px) {
  .thema-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .nk-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .score-label { width: 100% !important; }
}

@media (max-width: 760px) {
  .klanten-grid { grid-template-columns: 1fr !important; }
  .pagina-pad { padding-left: 16px !important; padding-right: 16px !important; }
  .topbar { padding-left: 16px !important; padding-right: 16px !important; }
  .intro-kaart { padding: 32px 22px !important; }
  .stelling-kaart { padding: 18px 16px !important; }
  .klaar-kaart { padding: 36px 22px !important; }
  .kop-groot { font-size: 34px !important; }
}

@media print {
  .no-print { display: none !important; }
  body, html { background: #fff; }
  .print-page { box-shadow: none !important; margin: 0 !important; }
}
@page { size: A4; margin: 0; }