/* 1.76.467: Nepdomeinwacht. Pagina met gratis check en portaal. Vlak, haarlijnen, radius 0; paars alleen als accent;
   roze en amber alleen als datakleur (risico hoog en middel); mono alleen voor domeinnamen en cijfers. */
.nsl-ph--ndw .nsl-display { font-size: clamp(2.2rem, 3.5vw, 3.5rem); line-height: 1.04; letter-spacing: -.02em; }
.nsl-ph--ndw .nsl-ph__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.nsl-ph--ndw .nsl-lead { max-width: 38ch; }
.nsl-ndw-check { border: 1px solid #26262a; background: #0b0b0c; box-shadow: 0 24px 60px rgba(0, 0, 0, .5); max-width: 520px; margin: 0 auto; }
.nsl-ndw-check header { display: grid; gap: 2px; padding: 16px 20px; border-bottom: 1px solid #1d1d1f; }
.nsl-ndw-check header b { color: #fff; font-size: 16px; }
.nsl-ndw-check header span { color: #8a8a8a; font-size: 13px; }
.nsl-ndw-check__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 16px 20px; }
.nsl-ndw-check__out { padding: 0 20px 14px; }
.nsl-ndw-check__bar { height: 3px; background: #1d1d1f; overflow: hidden; }
.nsl-ndw-check__bar i { display: block; height: 100%; width: 0; background: #7643c8; transition: width .3s ease; }
.nsl-ndw-check__state { margin: 10px 0 8px; color: #9a9a9a; font-size: 12.5px; }
.nsl-ndw-check__list { margin: 0; padding: 0; list-style: none; max-height: 300px; overflow-y: auto; border-top: 1px solid #1d1d1f; }
.nsl-ndw-check__list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid #17171a; }
.nsl-ndw-check__list .nsl-mono { color: #fff; font-size: 13.5px; overflow-wrap: anywhere; }
.nsl-ndw-check__list small { color: #8a8a8a; font-size: 12px; }
.nsl-ndw-check__list em { font-style: normal; font-size: 12px; color: #cfcfcf; }
.nsl-ndw-check__list em.is-hoog { color: #ff5c7a; }
.nsl-ndw-check__list em.is-middel { color: #ffb86b; }
.nsl-ndw-check__sum { margin: 12px 0 0; color: #d4d4d4; font-size: 14px; line-height: 1.55; }
.nsl-ndw-check__sum b { color: #fff; }
.nsl-ndw-check footer { padding: 12px 20px; border-top: 1px solid #1d1d1f; color: #6f6f6f; font-size: 12px; line-height: 1.5; }
.nsl-ndw-eg figure { margin: 0; max-width: 640px; border-top: 1px solid #1d1d1f; }
.nsl-ndw-eg figcaption { padding: 10px 0; color: #6f6f6f; font-size: 12px; border-bottom: 1px solid #1d1d1f; }
.nsl-ndw-eg ul { margin: 0; padding: 0; list-style: none; }
.nsl-ndw-eg li { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 14px 0; border-bottom: 1px solid #1d1d1f; }
.nsl-ndw-eg li .nsl-mono { color: #fff; font-size: 16px; overflow-wrap: anywhere; }
.nsl-ndw-eg li em { font-style: normal; color: #9a9a9a; font-size: 14px; }

/* Portaal */
.nsl-ndw__buy { display: grid; grid-template-columns: minmax(0, 1.4fr) auto auto auto; gap: 12px 16px; align-items: end; margin: 6px 0 14px; }

.nsl-ndw__grant { display: flex; gap: 10px; margin-top: 14px; max-width: 460px; }
.nsl-ndw__nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 12px 0 14px; border-top: 1px solid #1d1d1f; border-bottom: 1px solid #1d1d1f; }
.nsl-ndw__nums > div { padding: 12px 16px 12px 0; display: grid; gap: 2px; }
.nsl-ndw__nums > div + div { padding-left: 16px; border-left: 1px solid #1d1d1f; }
.nsl-ndw__nums dt { color: #9a9a9a; font-size: 13px; }
.nsl-ndw__nums dd { margin: 0; color: #fff; font-size: 24px; font-weight: 600; }
.nsl-ndw__nums dd.is-hoog { color: #ff5c7a; }
.nsl-ndw__nums dd.is-middel { color: #ffb86b; }
.nsl-ndw__list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #1d1d1f; }
.nsl-ndw__list > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; padding: 14px 0; border-bottom: 1px solid #1d1d1f; }
.nsl-ndw__list > li.is-own, .nsl-ndw__list > li.is-ignored { opacity: .6; }
.nsl-ndw__main { display: grid; gap: 3px; min-width: 0; }
.nsl-ndw__main > b { color: #fff; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; margin-right: 8px; }
.nsl-ndw__main small { color: #8a8a8a; font-size: 12.5px; line-height: 1.5; overflow-wrap: anywhere; }
.nsl-ndw__acts { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: flex-start; justify-content: flex-end; }
.nsl-ndw__rep { grid-column: 1 / -1; }
.nsl-ndw__rep summary { cursor: pointer; color: #cfcfcf; font-size: 13.5px; }
.nsl-ndw__repform { display: grid; gap: 10px; max-width: 640px; margin: 10px 0; }

@media (max-width: 860px) {
	.nsl-ph--ndw .nsl-ph__grid { grid-template-columns: minmax(0, 1fr); }
	.nsl-ndw__buy { grid-template-columns: minmax(0, 1fr); }
	.nsl-ndw__nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nsl-ndw__nums > div:nth-child(3) { padding-left: 0; border-left: 0; }
	.nsl-ndw__list > li { grid-template-columns: minmax(0, 1fr); }
	.nsl-ndw__acts { justify-content: flex-start; }
}
.nsl-ndw__fld { display: grid; gap: 6px; color: #9a9a9a; font-size: 13px; }
.nsl-ndw__fld small { color: #6f6f6f; font-size: 12px; }
/* Invoervelden voor Nepdomeinwacht, Hackwacht en de toegankelijkheidscheck (zelfde stijl als AI voor WhatsApp) */
.nsl-ndw-check .nsl-input, .nsl-ndw .nsl-input, .nsl-a11y-st .nsl-input, .nsl-a11y-st__out .nsl-input { width: 100%; min-height: 44px; padding: 9px 12px; border-radius: 6px; border: 1px solid #2a2a2e; background: #0e0e10; color: #fff; font: 15px/1.5 var(--f-body, 'IBM Plex Sans', sans-serif); resize: vertical; transition: border-color .2s ease; }
.nsl-ndw-check .nsl-input:focus, .nsl-ndw .nsl-input:focus, .nsl-a11y-st .nsl-input:focus, .nsl-a11y-st__out .nsl-input:focus { outline: 0; border-color: #7643c8; }
.nsl-ndw-check .nsl-input::placeholder, .nsl-ndw .nsl-input::placeholder, .nsl-a11y-st .nsl-input::placeholder { color: #6a6a6a; }