/* Accountschermen gebruiken de bestaande huisstijltokens. */
.nlr-pagina { padding-block: 2rem 4rem; }
.nlr-pagina h1 { margin-block: 1rem; font-size: clamp(2rem, 5vw, 3.5rem); }
.nlr-pagina h2 { font-size: 1.5rem; margin-block: 0 1rem; }
.nlr-pagina h3 { font-size: 1.125rem; margin-block: 2rem 0.75rem; }
.nlr-pagina p { margin-block: 0 1rem; }
.nlr-pagina > form { margin-bottom: 1.5rem; }
.nlr-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.nlr-kaart { padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--line); background: var(--surface); border-radius: 0.5rem; min-width: 0; }
.nlr-veld { display: grid; gap: 0.4rem; margin-block: 1rem; font-weight: 600; }
.nlr-veld input, .nlr-veld select, .nlr-veld textarea { width: 100%; min-width: 0; border: 1px solid var(--line); background: var(--bg); color: var(--text); border-radius: 0.25rem; min-height: 3rem; padding: 0.6rem; font: inherit; }
.nlr-pagina fieldset { border: 0; margin: 0 0 1rem; padding: 0; }
.nlr-pagina legend { font-weight: 600; padding-bottom: 0.75rem; }
.nlr-keuze { display: flex; gap: 0.75rem; align-items: start; margin-block: 0.75rem; }
.nlr-keuze input { flex-shrink: 0; width: 1.2rem; height: 1.2rem; margin-top: 0.2rem; accent-color: var(--accent); }
.nlr-melding { padding: 1rem; border-inline-start: 4px solid var(--accent); background: var(--surface-alt); }
.nlr-pagina .nn-button { white-space: normal; max-width: 100%; text-align: center; }
.nlr-pagina .nn-button:disabled { opacity: 0.65; cursor: not-allowed; }
.nlr-pagina :focus-visible { outline: 3px solid var(--focus-color); outline-offset: 3px; }
.nlr-leeslijst { padding: 0; list-style: none; }
.nlr-leeslijst li { border-bottom: 1px solid var(--line); padding-block: 1rem; overflow-wrap: anywhere; }
.nlr-leeslijst form { margin-top: 0.75rem; }
@media (max-width: 760px) { .nlr-raster { grid-template-columns: 1fr; } }

.nlr-kaart > form + form { margin-top: 1rem; }
.nlr-kaart figure img { max-width: 100%; height: auto; }