.opw-woordenboek { max-width: 1100px; margin: 0 auto; padding: 64px 24px 100px; color: var(--opv-ink); }
.opw-woordenboek h1 { max-width: 19em; margin: 0 0 16px; font: 500 clamp(34px, 5vw, 54px)/1.15 var(--opv-serif); color: var(--opv-kop); }
.opw-woordenboek-lead { max-width: 43em; font: 400 20px/1.7 var(--opv-serif); }
.opw-woordenboek-status { max-width: 68em; margin: 24px 0 36px; padding: 18px 22px; border-left: 4px solid var(--opv-accent); background: var(--opv-sand); line-height: 1.6; }
.opw-woordenboek-zoek label { display: block; margin-bottom: 9px; font-weight: 600; }
.opw-woordenboek-zoek input { box-sizing: border-box; width: min(100%, 600px); padding: 14px 18px; border: 1px solid var(--opv-sand-line); border-radius: 12px; background: var(--opv-surface); color: var(--opv-ink); font: inherit; }
.opw-woordenboek-zoek input:focus-visible, .opw-woordenboek-resultaten button:focus-visible { outline: 3px solid var(--opv-accent); outline-offset: 3px; }
#woordenboek-telling { color: var(--opv-muted); font-size: 14px; }
.opw-woordenboek-grid { display: grid; grid-template-columns: minmax(210px, 280px) minmax(0, 1fr); gap: clamp(24px, 4vw, 60px); margin-top: 32px; align-items: start; }
.opw-woordenboek-grid h2 { margin-top: 0; font: 500 28px/1.25 var(--opv-serif); color: var(--opv-kop); }
.opw-woordenboek-resultaten { max-height: 60vh; margin: 0; padding: 0; overflow: auto; list-style: none; border: 1px solid var(--opv-sand-line); border-radius: 12px; }
.opw-woordenboek-resultaten li + li { border-top: 1px solid var(--opv-line); }
.opw-woordenboek-resultaten button { width: 100%; padding: 11px 14px; border: 0; background: var(--opv-surface); color: var(--opv-kop); text-align: left; font: inherit; cursor: pointer; }
.opw-woordenboek-resultaten button:hover { background: var(--opv-sand); }
.opw-woordenboek-lemma { padding: 28px; border: 1px solid var(--opv-sand-line); border-radius: 18px; background: var(--opv-surface); }
.opw-woordenboek-lemma .opv-boven { margin: 0 0 8px; }
.opw-lemma-status, .opw-lemma-bron { color: var(--opv-muted); font: 400 13px/1.5 var(--opv-sans); }
.opw-lemma-betekenis { padding-top: 15px; border-top: 1px solid var(--opv-line); }
.opw-lemma-betekenis h3 { margin: 0 0 8px; font: 600 15px/1.4 var(--opv-sans); color: var(--opv-kop); }
.opw-lemma-betekenis p:not(.opw-lemma-bron) { font: 400 17px/1.7 var(--opv-serif); }
@media (max-width: 700px) { .opw-woordenboek { padding-top: 36px; } .opw-woordenboek-grid { grid-template-columns: 1fr; } .opw-woordenboek-resultaten { max-height: 240px; } .opw-woordenboek-lemma { padding: 22px; } }