/* Statische leespagina's delen kleuren en typografie met de hoofdlezer. */
.opw-skip { position: fixed; top: -100px; left: 16px; z-index: 1000; padding: 12px 20px; background: var(--opv-btn); color: var(--opv-btn-ink); border-radius: 8px; }
.opw-skip:focus { top: 12px; }
.opw-sitekop { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 18px 32px; border-bottom: 1px solid var(--opv-line); background: var(--opv-paper); }
.opw-sitekop nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.opw-sitekop nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--opv-ink-soft); text-decoration: none; }
.opw-statisch .opv-pagina { max-width: 900px; }
.opw-kruimels { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; color: var(--opv-muted); font-size: 14px; }
.opw-kruimels a { color: inherit; }
.opw-boeken, .opw-hoofdstukken { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; list-style: none; }
.opw-boeken a, .opw-hoofdstukken a { display: block; height: 100%; box-sizing: border-box; padding: 16px; border: 1px solid var(--opv-sand-line); border-radius: 12px; background: var(--opv-surface); color: var(--opv-kop); text-decoration: none; overflow-wrap: anywhere; }
.opw-boeken span, .opw-hoofdstukken span { display: block; margin-top: 5px; color: var(--opv-muted); font-size: 13px; }
.opw-boeken .opw-boeknaam { color: var(--opv-kop); font-size: 18px; font-weight: 500; }
.opw-boekbeeld { display: block; width: calc(100% + 32px); max-width: none; height: auto; aspect-ratio: 1; object-fit: cover; margin: -16px -16px 16px; border-radius: 11px 11px 0 0; }
.opw-boekintro { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 28px; align-items: center; }
.opw-boekillustratie { display: block; width: 100%; height: auto; border-radius: 16px; }
.opw-boekserie { margin: 32px 0; }
.opw-boekserie h2 { font: 500 23px/1.3 var(--opv-serif); color: var(--opv-kop); }
.opw-boekserie-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.opw-boekserie figure { margin: 0; }
.opw-boekserie a { display: block; color: var(--opv-kop); text-decoration: none; }
.opw-boekserie img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 12px; }
.opw-boekserie span { display: block; margin-top: 8px; font-size: 14px; }
.opw-statisch a:hover { text-decoration: underline; }
.opw-statisch :focus-visible { outline: 3px solid var(--opv-accent-ink); outline-offset: 4px; }
.opw-leeshulp { color: var(--opv-muted); font-size: 14px; }
.opw-hoofdstukkop { margin-bottom: 20px; padding-bottom: 24px; border-bottom: 1px solid var(--opv-line); }
.opw-hoofdstukkop h1 { margin-bottom: 8px; }
:is(.opw-statisch, .opw-hoofdstukpagina) .opw-hoofdstuktitel,
#verses-container .opv-hoofdstuktitel { margin: 0 0 20px; font: 400 clamp(22px, 3vw, 28px)/1.4 var(--opv-serif); color: var(--opv-ink-soft); }
.opw-hoofdstukpagina .opw-hoofdstukkop h1 { margin: 0 0 8px; font: 500 2.3em/1.12 var(--opv-serif); color: var(--opv-kop); }
.opw-hoofdstukpagina .opw-kruimels { margin-bottom: 30px; }
.opw-hoofdstukkop .opv-pil { margin-bottom: 0; }
.opw-bijbeltekst { max-width: 36em; margin: 36px auto; font: 400 20px/1.78 var(--opv-serif); color: var(--opv-ink); }
.opw-hoofdstukpagina .opw-bijbeltekst { max-width: none; margin: 0; font: inherit; }
.opw-statisch .opw-bijbeltekst p { margin: 0 0 .4em; font: inherit; color: inherit; }
.opw-bijbeltekst h2 { margin: 1.8em 0 .8em; font: 500 16px/1.5 var(--opv-sans); }
.opw-bijbeltekst p:target { background: var(--opv-sand); border-radius: 4px; outline: 2px solid var(--opv-accent); outline-offset: 4px; }
.opw-hoofdstuknav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: 32px 0; border-top: 1px solid var(--opv-line); padding-top: 24px; }
.opw-hoofdstuknav a { min-height: 44px; display: inline-flex; align-items: center; color: var(--opv-kop); }
@media (max-width: 640px) {
    .opw-sitekop { align-items: flex-start; flex-direction: column; gap: 12px; padding: 16px 22px; }
    .opw-sitekop .opv-merk-naam { display: inline; max-width: none; font-size: 18px; }
    .opw-sitekop nav { gap: 0 18px; font-size: 14px; }
    .opw-boeken, .opw-hoofdstukken { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .opw-boekintro { grid-template-columns: 1fr; }
    .opw-boekillustratie { max-width: 220px; }
    .opw-boekserie-grid { grid-template-columns: 1fr; }
}
@media print {
    .opw-sitekop, .opw-skip, .opw-kruimels, .opw-hoofdstuknav, .opv-acties, .opv-voet { display: none; }
    .opw-bijbeltekst { max-width: none; font-size: 12pt; color: #000; }
}