/* Rechtstreeks leesbare naslag, met dezelfde typografie en kleuren als de site. */
.gids-body { display: block; }
.gids-kop { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px max(20px, calc((100vw - 1100px) / 2)); background: var(--navy); }
.gids-kop > a { font: 500 26px/1.2 var(--font-serif); }
.gids-kop a { color: #fff; text-decoration: none; }
.gids-kop nav { display: flex; gap: 20px; flex-wrap: wrap; }
.gids-kop a:hover { text-decoration: underline; text-decoration-color: var(--gold); }
.gids-pagina { max-width: 1000px; }
.gids-kruimels { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; font-size: 13px; margin-bottom: 26px; }
.gids-kruimels a, .gids-lijst a, .gids-verzen a, .gids-voet a { color: var(--gold-ink); }
.gids-lead { font: 400 22px/1.6 var(--font-serif); margin: 18px 0 24px; max-width: 70ch; }
.gids-beeld { display: block; max-width: min(100%, 360px); height: auto; margin: 26px 0; border-radius: 10px; }
.gids-lijst { list-style: none; margin-top: 24px; }
.gids-lijst li { padding: 16px 0; border-bottom: 1px solid var(--rule); }
.gids-lijst li > a { font: 500 24px/1.3 var(--font-serif); }
.gids-lijst p { margin-top: 5px; max-width: 75ch; color: var(--text-secondary); }
.gids-verzen { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 18px 0; }
.gids-status, .gids-voet { font-size: 13px; color: var(--text-secondary); margin-top: 24px; }
.gids-voet { border-top: 1px solid var(--rule); padding-top: 20px; }
.gids-verwijzing { clear: both; margin: 32px auto; padding: 16px 24px; max-width: 950px; text-align: center; }
.gids-verwijzing a { color: var(--gold-ink); }
@media (max-width: 600px) { .gids-kop { padding: 18px 16px; } .gids-kop nav { gap: 10px 18px; } .gids-lead { font-size: 20px; } }