/* Aanvullende, gedeelde vormgeving voor de site van Carolus den Blanken.
   Bestaande teksten, boekomslagen en PDF-bestanden blijven behouden. */
:root{--site-bg:#f5f1e8;--site-paper:#fffdf9;--site-ink:#302820;--site-muted:#746352;--site-accent:#704a2d;--site-line:#d8ccbb;--site-soft:#eee5d8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem}
body{color:var(--site-ink);font-family:Georgia,"Times New Roman",serif}
img{max-width:100%;height:auto}
a{ text-underline-offset:3px }
a:focus-visible{outline:3px solid #9b6035;outline-offset:3px;border-radius:2px}
.site-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:.7rem 1rem;z-index:1000}
.site-skip:focus{left:1rem;top:1rem}
.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.15rem;margin:0 0 1.5rem;padding:.8rem 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.site-nav a{color:var(--site-accent);text-decoration:none;padding:.25rem .1rem}
.site-nav a:hover{text-decoration:underline}
.site-detail-head{text-align:center;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--site-line)}
.site-detail-head a{color:var(--site-muted);font-size:.92rem;text-decoration:none}
.site-detail-head h1{font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.2;margin:.5rem 0;color:#493326}
.site-detail-head p{color:var(--site-muted);margin:.25rem 0}
.site-detail-foot{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--site-line);text-align:center;color:var(--site-muted);font-size:.92rem}
.site-detail-foot a{color:var(--site-accent)}
.pagina{overflow-wrap:anywhere}
@media(max-width:600px){.site-nav{gap:.35rem .8rem}.site-nav a{font-size:.94rem}.site-detail-head{margin-bottom:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}