/* ==========================================================================
   J.C. Philpot – Korenaren · hoofdstijl
   Inhoud: 1 lettertypes · 2 kleuren · 3 basis · 4 kop · 5 knoppen ·
   6 homepage · 7 kaarten · 8 artikel · 9 sierletter · 10 dagboek ·
   11 steun · 12 voet · 13 overig · 14 donker · 15 print
   ========================================================================== */

/* 1. Lettertypes (eigen server, geen Google) ------------------------------ */
@font-face{font-family:"EB Garamond";src:url(../fonts/garamond-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(../fonts/garamond-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(../fonts/garamond-600-normal.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-600-normal.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(../fonts/cormorant-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Fraktur";src:url(../fonts/fraktur-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}

/* 2. Kleuren en maten ----------------------------------------------------- */
:root{
	--ink:#1d2621; --ink-2:#3b4741; --muted:#6c6c60; --paper:#f7f2e8; --paper-2:#efe6d3;
	--card:#fffdf8; --line:#e2d7c1; --gold:#a8792a; --gold-2:#c9a050; --deep:#24352c; --deep-2:#1a2620;
	--on-deep:#f3ead6; --shadow:0 1px 2px rgba(40,30,10,.05),0 12px 32px -14px rgba(40,30,10,.22);
	--radius:14px; --serif:"EB Garamond",Georgia,"Times New Roman",serif; --display:"Cormorant","EB Garamond",Georgia,serif;
	--fs-step:0; --text:calc(1.18rem + var(--fs-step) * .09rem); --w:1220px; --w-text:720px;
	color-scheme:light;
}
[data-theme="dark"]{
	--ink:#ece4d2; --ink-2:#cfc6b2; --muted:#a39d8c; --paper:#121815; --paper-2:#18201c; --card:#1b2420;
	--line:#2e3a33; --gold:#d3aa5c; --gold-2:#e2bf78; --deep:#0e1411; --deep-2:#0a0f0d; --on-deep:#efe6d2;
	--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px -16px rgba(0,0,0,.6); color-scheme:dark;
}

/* 3. Basis ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.6 var(--serif);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-kerning:normal;font-variant-ligatures:common-ligatures}
img,svg,video,iframe{max-width:100%;height:auto}
img{display:block}
.entry img{display:inline-block}
a{color:inherit;text-decoration-color:color-mix(in srgb,var(--gold) 55%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.005em;margin:0 0 .5em;color:var(--ink)}
p{margin:0 0 1em}
.wrap{width:min(100% - 2.5rem,var(--w));margin-inline:auto}
.wrap--text{width:min(100% - 2.5rem,var(--w-text))}
.screen-reader-text,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:var(--paper);padding:.6rem 1rem;border-radius:8px;z-index:100}
.skip:focus{top:1rem}
.jcp-icon{flex:none;vertical-align:middle}
.kicker{font:600 .78rem/1.3 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 .9rem}
.kicker a{text-decoration:none}
.ornament{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);margin:1.2rem auto}
.ornament::before,.ornament::after{content:"";height:1px;width:min(90px,20vw);background:linear-gradient(90deg,transparent,var(--gold))}
.ornament::after{transform:scaleX(-1)}
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2.2rem}
.section__head--center{display:block;text-align:center}
.section__title{font-size:clamp(2rem,4vw,2.9rem);margin:0}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;color:var(--gold)}
.link-arrow:hover .jcp-icon{transform:translateX(3px)}
.link-arrow .jcp-icon{transition:transform .2s}
.none-found{color:var(--muted);font-style:italic}

/* 4. Kop ------------------------------------------------------------------ */
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform-origin:0 50%;transform:scaleX(0)}
.site-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.site-head.is-stuck{border-color:var(--line);box-shadow:0 6px 24px -18px rgba(0,0,0,.35)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
.site-head__inner{display:flex;align-items:center;gap:1.5rem;min-height:76px}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;margin-right:auto;min-width:0}
.brand__logo{width:auto;height:46px;max-width:120px;object-fit:contain}
.brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);color:var(--gold)}
.brand__text{display:flex;flex-direction:column;min-width:0}
.brand__name{font:600 1.35rem/1.1 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand__tag{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nav__list{list-style:none;display:flex;gap:.25rem;margin:0;padding:0}
.nav__list>li{position:relative}
.nav__list a{display:block;padding:.55rem .8rem;border-radius:999px;text-decoration:none;font-size:1.04rem}
.nav__list>li>a:hover,.nav__list .current-menu-item>a,.nav__list .current-menu-ancestor>a{background:var(--paper-2);color:var(--ink)}
.nav__list .menu-item-has-children>a::after{content:"";display:inline-block;width:.42em;height:.42em;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-2px,-2px);margin-left:.5em;opacity:.6}
.nav__list .sub-menu{list-style:none;position:absolute;left:0;top:100%;min-width:250px;padding:.5rem;margin:.4rem 0 0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.nav__list li:hover>.sub-menu,.nav__list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav__list .sub-menu a{border-radius:8px}
.nav__list .sub-menu a:hover{background:var(--paper-2)}
/* "Steun Ons" staat al als knop in de kop */
.nav__list>li>a[href*="steun-ons"]{display:none}
.head-actions{display:flex;align-items:center;gap:.35rem}
.icon-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:none;color:var(--ink);cursor:pointer}
.icon-btn:hover{background:var(--paper-2)}
.i-sun{display:none}
[data-theme="dark"] .i-sun{display:block}
[data-theme="dark"] .i-moon{display:none}
.nav-toggle{display:none}
@media (max-width:1060px){
	.nav-toggle{display:grid}
	.nav{position:fixed;inset:76px 0 auto;max-height:calc(100vh - 76px);overflow:auto;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:1rem 1.25rem 1.5rem;display:none}
	.admin-bar .nav{top:122px}
	.nav.is-open{display:block}
	.nav__list{flex-direction:column}
	.nav__list a{border-radius:10px;padding:.8rem 1rem;font-size:1.15rem}
	.nav__list>li>a[href*="steun-ons"]{display:block}
	.nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 0 1rem;margin:0;background:none}
	.nav__list .menu-item-has-children>a::after{display:none}
}
@media (max-width:560px){.brand__tag{display:none}.brand__name{font-size:1.15rem}.btn--steun{padding:.5rem .8rem .5rem .6rem;font-size:.88rem;margin-left:.1rem}}

/* Zoeklaag */
.search-layer{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--deep-2) 70%,transparent);backdrop-filter:blur(6px);display:grid;place-items:start center;padding:12vh 1.25rem 0}
.search-layer[hidden]{display:none}
.search-layer__box{position:relative;width:min(680px,100%);background:var(--card);border-radius:20px;padding:2rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);animation:pop .25s ease}
.search-layer__hint{color:var(--muted);font-size:.98rem;margin:.9rem 0 0}
.search-layer__close{position:absolute;top:.6rem;right:.6rem}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.searchform{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:.3rem .3rem .3rem 1.2rem}
.searchform:focus-within{border-color:var(--gold)}
.searchform__input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.15rem;color:var(--ink);padding:.6rem 0;outline:0}
.searchform__btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:0;background:var(--ink);color:var(--paper);cursor:pointer}

/* 5. Knoppen -------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.45rem;border-radius:999px;border:1px solid transparent;font:600 1.02rem/1 var(--serif);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-1px)}
.btn--dark{background:var(--ink);color:var(--paper)}
.btn--dark:hover{color:var(--paper);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.btn--ghost{border-color:color-mix(in srgb,var(--ink) 25%,transparent);color:var(--ink);background:transparent}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn--gold{background:linear-gradient(135deg,#c99a3e 0%,var(--gold) 55%,#94661f 100%);color:#1b1408;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px -10px color-mix(in srgb,var(--gold) 80%,transparent)}
.btn--gold:hover{color:#1b1408;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 28px -12px color-mix(in srgb,var(--gold) 90%,transparent)}

/* 6. Homepage ------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,6rem) 0 clamp(3.5rem,8vw,7rem);background:
	radial-gradient(1200px 500px at 85% 10%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 60%),
	radial-gradient(900px 600px at 0% 100%,color-mix(in srgb,var(--deep) 8%,transparent),transparent 60%),var(--paper)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.hero--image{background:linear-gradient(90deg,var(--paper) 30%,color-mix(in srgb,var(--paper) 70%,transparent)),var(--hero-bg) center/cover}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero__title{font-size:clamp(2.9rem,7.2vw,5.6rem);line-height:.98;letter-spacing:-.02em;margin:0 0 1.4rem;font-weight:600}
.hero__lead{font-size:clamp(1.18rem,1.7vw,1.38rem);color:var(--ink-2);max-width:34em;margin-bottom:2rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:.8rem}
.hero__portrait{margin:0;justify-self:center;text-align:center;animation:rise .9s ease both}
.arch{display:block;width:min(400px,72vw);aspect-ratio:4/5;border-radius:999px 999px 18px 18px;overflow:hidden;position:relative;box-shadow:0 40px 80px -40px rgba(30,20,0,.6);outline:1px solid color-mix(in srgb,var(--gold) 60%,transparent);outline-offset:10px}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:sepia(.25) contrast(1.02)}
.hero__portrait figcaption{margin-top:1.6rem;font:italic 500 1.15rem var(--display);color:var(--muted);letter-spacing:.05em}
.hero__text>*{animation:rise .8s ease both}
.hero__text>*:nth-child(2){animation-delay:.08s}.hero__text>*:nth-child(3){animation-delay:.16s}.hero__text>*:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
@media (max-width:860px){.hero__grid{grid-template-columns:1fr}.hero__portrait{order:-1}.arch{width:min(260px,60vw)}}

/* Vandaag */
.section--today{background:var(--paper-2);position:relative}
.section--today .section__title{text-transform:none}
.today{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:980px){.today{grid-template-columns:1fr}}
.today__card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.8rem 1.6rem;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}
.today__card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.today__card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(40,30,10,.05),0 24px 44px -18px rgba(40,30,10,.3)}
.today__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}
.today__book{font:600 .78rem/1.3 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.today__date{font:italic 500 1.05rem var(--display);color:var(--muted);white-space:nowrap}
.today__title{font-size:1.7rem;margin-bottom:.8rem;text-align:center;text-wrap:balance}
.today__title a{text-decoration:none}
.today__verse{margin:0 0 1.2rem;padding:0;border:0;font:italic 400 1.28rem/1.5 var(--serif);color:var(--ink);text-align:center;text-wrap:balance}
.today__verse p{margin:0 0 .5rem}
.today__verse p::before{content:"“";color:var(--gold);font:600 2.2rem/0 var(--display);vertical-align:-.45em;margin-right:.1em}
.today__verse cite{display:block;font:600 .8rem var(--serif);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.today__text{color:var(--ink-2);font-size:calc(1rem + var(--fs-step) * .09rem)}
.today__more{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;font-weight:600;text-decoration:none;color:var(--ink);padding-top:.6rem}
.today__more::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.today__more:hover{color:var(--gold)}

/* Citaat */
.quote-band{background:var(--deep);color:var(--on-deep);padding:clamp(3.5rem,8vw,6rem) 0;text-align:center;position:relative;overflow:hidden}
.quote-band::before{content:"“";position:absolute;left:50%;top:-.15em;transform:translateX(-50%);font:600 22rem/1 var(--display);color:color-mix(in srgb,var(--gold) 16%,transparent);pointer-events:none}
.quote-band blockquote{position:relative;margin:0 auto;max-width:880px;border:0;padding:0}
.quote-band blockquote p{margin:0}

/* Preken */
.sermons{display:grid;grid-template-columns:1.25fr 1fr;gap:1.6rem}
.sermons__list{display:grid;gap:1rem}
@media (max-width:900px){.sermons{grid-template-columns:1fr}}

/* Levensverhaal */
.section--bio{background:linear-gradient(180deg,var(--paper),var(--paper-2))}
.bio{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start}
@media (max-width:900px){.bio{grid-template-columns:1fr}}
.bio__intro{position:sticky;top:110px}
@media (max-width:900px),(max-height:700px){.bio__intro{position:static}}
.bio__lead{font-size:1.25rem;color:var(--ink-2)}
.facts{margin:2rem 0 0;display:grid;gap:.1rem;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:.2rem}
.facts dd{margin:0}
.bio__full{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow)}
.bio__content{max-height:30rem;overflow:hidden;position:relative;transition:max-height .6s ease}
.bio__content::after{content:"";position:absolute;inset:auto 0 0;height:9rem;background:linear-gradient(transparent,var(--card));pointer-events:none;transition:opacity .4s}
.bio__full.is-open .bio__content{max-height:none}
.bio__full.is-open .bio__content::after{opacity:0}
.bio__more{margin-top:1.4rem}

/* 7. Kaarten -------------------------------------------------------------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:980px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}
.card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .card__media img{transform:scale(1.04)}
.card__letter{display:flex;align-items:center;padding:1.5rem 1.6rem 0;font:600 2.6rem/1 var(--display);color:var(--gold);opacity:.9}
.card__body{display:flex;flex-direction:column;flex:1;padding:1.3rem 1.6rem 1.5rem}
.card__title{font-size:1.5rem;margin:0 0 .55rem}
.card__title a{text-decoration:none}
.card__title a::after{content:"";position:absolute;inset:0}
.card__text{color:var(--ink-2);font-size:1.04rem;margin-bottom:1rem}
.card .meta{margin-top:auto;position:relative;z-index:1}
.card--text .card__letter{font-size:1.15rem;font-style:italic;font-weight:500;letter-spacing:.04em;padding-top:1.4rem}
.card--feature .card__media{aspect-ratio:16/9}
.card--feature .card__title{font-size:2rem}
.card--feature .card__letter{font-size:6rem;padding:2rem 2rem 0}
.card--small{flex-direction:row;align-items:stretch}
.card--small .card__media{width:150px;aspect-ratio:auto;flex:none}
.card--small .card__letter{font-size:2.2rem;padding:1.2rem 0 0 1.4rem;align-items:flex-start}
.card--small .card__body{padding:1.1rem 1.4rem}
.card--small .card__title{font-size:1.3rem}
.card--small .card__text{font-size:.98rem;margin-bottom:.6rem}
@media (max-width:520px){.card--small .card__media{width:100px}}
.card-list{display:grid;gap:1rem;margin:1.5rem 0}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;font-size:.92rem;color:var(--muted)}
.meta__item{display:inline-flex;align-items:center;gap:.3rem}
.meta__cat{color:var(--gold);text-decoration:none;font-weight:600}
.meta__sep{opacity:.5}

/* Paginering */
.pager{margin-top:3rem;display:flex;justify-content:center}
.pager ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 .8rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;background:var(--card)}
.pager .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* 8. Artikel -------------------------------------------------------------- */
.article__head,.archive-head{padding:clamp(2.5rem,6vw,4.5rem) 0 2rem;text-align:center}
.article--page .article__head{padding-bottom:1rem}
.archive-head{background:var(--paper-2);border-bottom:1px solid var(--line);padding-bottom:3rem}
.archive-head__desc{max-width:40em;margin:1rem auto 0;color:var(--ink-2);font-size:1.15rem}
.archive-head__search{max-width:560px;margin:1.6rem auto 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 1.6rem;padding:0;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:.4rem;opacity:.6}
.crumbs a{text-decoration:none}
.article__title{font-size:clamp(2.3rem,5.2vw,3.8rem);line-height:1.05;letter-spacing:-.015em;margin:0 auto .9rem;max-width:18em;text-wrap:balance}
.article__lead{font-size:1.25rem;color:var(--ink-2);max-width:36em;margin:1rem auto 0}
.article__head .meta{justify-content:center;margin-top:.4rem}
.tools{display:flex;justify-content:center;gap:.4rem;margin-top:1rem}
.tool{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;min-width:40px;height:34px;font:600 .95rem var(--serif);cursor:pointer}
.tool:hover{border-color:var(--gold);color:var(--gold)}
.article__media{margin:0 auto 2.5rem;border-radius:var(--radius);overflow:hidden;max-width:1000px}
.article__media img{width:100%}

.entry{font-size:var(--text);line-height:1.78;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.entry>*{margin-top:0;margin-bottom:1.15em}
.entry h2{font-size:1.9em;margin-top:1.6em}
.entry h3{font-size:1.5em;margin-top:1.5em}
.entry h4{font-size:1.25em;margin-top:1.4em}
.entry strong{font-weight:600}
.entry blockquote,.verse{margin:2em 0;padding:0 0 0 1.4em;border-left:2px solid var(--gold);font-style:italic;color:var(--ink-2)}
.verse{border:0;padding:1.6em 1.2em;text-align:center;background:var(--paper-2);border-radius:var(--radius)}
.verse p{font-size:1.15em;margin:0 0 .4em}
.verse cite{font-style:normal;font-weight:600;color:var(--gold)}
.entry ul,.entry ol{padding-left:1.4em}
.entry li{margin-bottom:.35em}
.entry hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:2.5em 0}
.entry .aligncenter{display:block;margin-inline:auto}
.entry .alignleft{float:left;margin:.3em 1.5em 1em 0}
.entry .alignright{float:right;margin:.3em 0 1em 1.5em}
.entry img[src*="Barok"]{width:190px;opacity:.85}
[data-theme="dark"] .entry img[src*="Barok"],[data-theme="dark"] .entry img[src*="barok"]{filter:invert(1) sepia(.4) brightness(.9)}
.entry p[style*="center"]{text-wrap:balance}
/* Bijbeltekst en "Gepredikt in…" bovenaan een preek */
.is-preek .entry>p[style*="center"]:has(em){font-size:1.04em;color:var(--ink-2)}
.entry table{width:100%;border-collapse:collapse;font-size:.92em}
.entry th,.entry td{padding:.6em .8em;border-bottom:1px solid var(--line);text-align:left}
.entry .wp-caption{max-width:100%}
.entry .wp-caption-text{font-size:.85em;color:var(--muted);text-align:center}
.entry iframe{max-width:100%}
.entry a{color:var(--gold)}
/* Oude Word-classes uit de dagboekstukjes netjes neutraliseren */
.entry .WordSection1{display:contents}
.entry [class^="Hoofdtekst"]{margin-left:0!important;text-indent:0!important}

.article__foot{margin:3rem 0 1rem;text-align:center}
.amen{color:var(--gold);margin-bottom:1.6rem}
.share{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.4rem}
.share__label{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:.4rem}
.share__btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-decoration:none;transition:.2s}
.share__btn:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.share__btn.is-done{background:var(--gold);color:#1b1408;border-color:var(--gold)}

/* Overgenomen opmaak-shortcodes */
.pullquote{margin:2.2em 0;padding:1.4em 0;border:0;border-block:1px solid var(--line);text-align:center;font:italic 500 1.45em/1.35 var(--display);color:var(--ink)}
.pullquote p{margin:0}
.pullquote cite{display:block;margin-top:.6em;font:600 .6em var(--serif);font-style:normal;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.pullquote--left{float:left;width:45%;margin:.3em 1.5em 1em 0;text-align:left}
.pullquote--right{float:right;width:45%;margin:.3em 0 1em 1.5em;text-align:left}
@media (max-width:640px){.pullquote--left,.pullquote--right{float:none;width:auto;margin:2em 0}}
.jcp-mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--gold) 30%,transparent) 55%);color:inherit;padding:0 .1em}
.sc-cols{display:flex;flex-wrap:wrap;gap:1.5em}
.sc-col{flex:1 1 240px}
.toggle{border:1px solid var(--line);border-radius:12px;background:var(--card);margin:1em 0;overflow:hidden}
.toggle summary{cursor:pointer;padding:.9em 1.2em;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1em}
.toggle summary::after{content:"+";color:var(--gold);font-size:1.3em;line-height:1}
.toggle[open] summary::after{content:"−"}
.toggle__body{padding:0 1.2em 1em}
.toggle-group .toggle{margin:.5em 0}

/* 9. Sierletter ----------------------------------------------------------- */
.jcp-dc,.entry .dropcap,.entry .mks_dropcap,.dagboek-full .dropcap{float:left;font-family:var(--display);font-weight:600;font-style:normal;font-size:5.5em;line-height:.74;margin:.06em .1em -.05em -.02em;padding:0;color:var(--gold);background:none!important;border:0!important;text-shadow:none;letter-spacing:0;width:auto;height:auto}
.dc-gotisch .jcp-dc,.dc-gotisch .entry .dropcap,.dc-gotisch .entry .mks_dropcap{font-family:"Fraktur",var(--display);font-weight:400;font-size:4.4em;line-height:.84;margin:.06em .12em 0 0}
.jcp-dc--square,.jcp-dc--rounded,.jcp-dc--circle{background:var(--paper-2)!important;padding:.08em .14em .02em!important;border-radius:8px}
.jcp-dc--circle{border-radius:50%}
.entry p:has(>.jcp-dc),.entry p:has(.jcp-dc){overflow:visible}
.entry p:has(.jcp-dc)+p{clear:left}
/* Een eerste letter direct na de sierletter (I|k) niet laten "zweven" */
.entry .jcp-dc+*{margin-left:0}

/* 10. Dagboek ------------------------------------------------------------- */
.dayhead{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:124px;margin:0 auto 1.4rem;border-radius:60px 60px 14px 14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);position:relative}
.dayhead::before{content:"";position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:54px 54px 10px 10px}
.dayhead__day{font:600 3.2rem/1 var(--display);color:var(--ink)}
.dayhead__month{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:.2rem}
.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong){position:relative;text-align:center!important;margin:.4em 0 2.2em;padding:2.3em 1.8em 1.35em;font:italic 500 1.3em/1.42 var(--display);color:var(--ink);text-wrap:balance;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--gold) 9%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:4px;box-shadow:inset 0 0 0 5px var(--card),inset 0 0 0 6px color-mix(in srgb,var(--gold) 18%,transparent),0 14px 30px -26px rgba(60,40,10,.3)}
.is-dagboek .entry>p:first-child strong,.is-dagboek .entry .WordSection1>p:first-child strong,.dagboek-full__content p:first-child strong{display:block;margin-top:.4em;font-size:.72em;letter-spacing:.08em;color:var(--gold);font-style:normal}
.daynav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:2.4rem;padding-top:2rem;border-top:1px solid var(--line)}
.daynav__link{display:flex;align-items:center;gap:.7rem;text-decoration:none;text-align:left}
.daynav__link small{display:block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.daynav__link span{font:500 1.3rem/1.2 var(--display)}
.daynav__link--next{justify-content:flex-end;text-align:right;grid-column:3}
.daynav__all{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;font-size:.85rem;color:var(--muted)}
.dagboek-full{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,4vw,2.6rem);margin:1.5rem 0 2.5rem;box-shadow:var(--shadow)}
.dagboek-full__head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.4rem}
.datebadge{display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:999px;background:var(--ink);color:var(--paper);font:600 .9rem var(--serif);letter-spacing:.04em}
.dagboek-full__book{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}
.dagboek-full__title{flex-basis:100%;font-size:1.8rem;margin:.3rem 0 0}
.dagboek-full__title a{text-decoration:none}
.dagboek-full__content{font-size:var(--text);line-height:1.78}
.otd__title{text-align:center;font-size:2rem;margin-top:2.5rem}

/* Kalender */
.kalender{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow)}
.kalender__tabs{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:1.6rem}
.kalender__tab{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:.45rem .9rem;font:600 .95rem var(--serif);text-transform:capitalize;cursor:pointer}
.kalender__tab[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.kalender__name{text-align:center;font-size:2rem}
.kalender__days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.kalender__days li a,.kalender__days li.is-empty{display:flex;flex-direction:column;gap:.15rem;height:100%;min-height:84px;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--line);text-decoration:none;background:var(--paper);transition:.2s}
.kalender__days b{font:600 1.5rem/1 var(--display);color:var(--gold)}
.kalender__days span{font-size:.88rem;line-height:1.3;color:var(--ink-2)}
.kalender__days li a:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}
.kalender__days li.is-empty{opacity:.4}
.kalender__days li.is-today a{background:var(--ink);border-color:var(--ink)}
.kalender__days li.is-today b,.kalender__days li.is-today span{color:var(--paper)}

/* 11. Steun --------------------------------------------------------------- */
.donate{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center;border-radius:20px;overflow:hidden;isolation:isolate}
.donate__seal{color:var(--gold);width:clamp(96px,12vw,132px);aspect-ratio:1;animation:spin 60s linear infinite}
.donate__seal svg{width:100%;height:100%}
.donate__seal path{animation:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.donate__seal{animation:none}}
.donate__kicker{font:600 .75rem/1 var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 .7rem}
.donate__title{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .5rem}
.donate__text{color:var(--ink-2);margin:0 0 1rem;max-width:42em}
.donate__points{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0 0 1.5rem;padding:0;font-size:.98rem}
.donate__points li{display:flex;align-items:center;gap:.45rem}
.donate__points svg{color:var(--gold);flex:none}
.donate__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}
.btn--donate{position:relative;overflow:hidden;padding:1rem 1.5rem 1rem 1.1rem;font-size:1.08rem;color:#1b1408;background:linear-gradient(135deg,#c99a3e 0%,var(--gold) 55%,#94661f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px -12px color-mix(in srgb,var(--gold) 90%,transparent)}
.btn--donate::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.btn--donate:hover{color:#1b1408;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 34px -14px color-mix(in srgb,var(--gold) 95%,transparent)}
.btn--donate:hover::after{transform:translateX(120%)}
.btn--donate__heart{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,248,230,.6);color:#8a2d1f}
.btn--donate .jcp-icon--arrow{transition:transform .25s}
.btn--donate:hover .jcp-icon--arrow{transform:translateX(3px)}
.donate--card{margin:3.2rem 0;padding:clamp(1.6rem,4vw,2.6rem);background:
	radial-gradient(500px 220px at 0% 0%,color-mix(in srgb,var(--gold) 13%,transparent),transparent 70%),var(--card);
	border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));box-shadow:var(--shadow)}
.donate--card::before{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);border-radius:14px;pointer-events:none}
.donate--band{padding:clamp(2rem,5vw,3.6rem);background:linear-gradient(135deg,var(--deep) 0%,#2e4637 60%,#3a4f35 100%);color:var(--on-deep)}
.donate--band::after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px)}
.donate--band::before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:14px;pointer-events:none}
.donate--band .donate__title{color:var(--on-deep)}
.donate--band .donate__text,.donate--band .donate__points{color:color-mix(in srgb,var(--on-deep) 85%,transparent)}
.donate--band .donate__seal{color:var(--gold-2)}
.section--steun{padding-block:0 clamp(3.5rem,7vw,6rem)}
.donate--compact{display:block;background:none;overflow:visible}
.donate--compact .donate__title{font-size:1.35rem;color:var(--on-deep)}
.donate--compact .donate__text{font-size:.98rem;color:color-mix(in srgb,var(--on-deep) 75%,transparent)}
.donate--compact .btn--donate{padding:.75rem 1.2rem .75rem .8rem;font-size:.98rem}
@media (max-width:640px){.donate{grid-template-columns:1fr;text-align:center}.donate__seal{margin:0 auto}.donate__points,.donate__actions{justify-content:center}}
.iban{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--gold) 60%,transparent);background:transparent;color:inherit;font:inherit;font-size:.95rem;cursor:pointer}
.iban__label{font-size:.7rem;letter-spacing:.16em;color:var(--gold);font-weight:600}
.iban__nr{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.iban__name{color:var(--muted);font-size:.85rem}
.iban.is-done{border-style:solid;background:color-mix(in srgb,var(--gold) 15%,transparent)}
.entry--steun{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow)}
.entry .widget-here,#widget-here-nhCSO,#widget-here-VTQ5L{max-width:100%!important;margin-inline:auto!important;box-sizing:border-box}
/* Steun-knop in de kop */
.btn--steun{padding:.6rem 1.05rem .6rem .75rem;font-size:.95rem;color:#1b1408;border:0;background:linear-gradient(135deg,#c99a3e 0%,var(--gold) 55%,#94661f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -8px color-mix(in srgb,var(--gold) 90%,transparent);margin-left:.4rem}
.btn--steun:hover{color:#1b1408;background:linear-gradient(135deg,#d4a64a 0%,#b3832f 55%,#9c6d22 100%)}
.btn--steun .jcp-icon{color:#8a2d1f;animation:beat 2.4s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}10%{transform:scale(1.18)}20%{transform:scale(1)}30%{transform:scale(1.12)}40%{transform:scale(1)}}

/* 12. Voet ---------------------------------------------------------------- */
.site-foot{background:var(--deep-2);color:color-mix(in srgb,var(--on-deep) 85%,transparent);padding:4rem 0 1.5rem;position:relative;margin-top:0}
.site-foot a{color:var(--on-deep);text-decoration:none}
.site-foot a:hover{color:var(--gold-2)}
.site-foot__ornament{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--deep-2);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}
.site-foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:2.5rem}
@media (max-width:980px){.site-foot__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.site-foot__grid{grid-template-columns:1fr}}
.foot-brand{font:600 1.7rem var(--display);color:var(--on-deep);margin-bottom:.6rem}
.foot-text{font-size:1rem}
.footer__title{font:600 .8rem var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);margin-bottom:1rem}
.foot-links{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.socials{list-style:none;display:flex;gap:.5rem;padding:0;margin:1.2rem 0 0}
.socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb,var(--on-deep) 25%,transparent)}
.socials a:hover{border-color:var(--gold-2)}
.site-foot__bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.4rem;border-top:1px solid color-mix(in srgb,var(--on-deep) 12%,transparent);font-size:.92rem}
.site-foot__bottom p{margin:0}
.to-top{display:inline-flex;align-items:center;gap:.4rem}

/* 13. Overig -------------------------------------------------------------- */
.comments{margin:3rem 0;padding-top:2rem;border-top:1px solid var(--line)}
.comments__list{list-style:none;padding:0}
.comments__list .comment{padding:1rem 0;border-bottom:1px solid var(--line)}
.comments__list .children{list-style:none;padding-left:1.5rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit}
.comment-form .submit{background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:.85rem 1.4rem;font:600 1rem var(--serif);cursor:pointer}
.notfound{text-align:center}
.notfound .searchform{max-width:560px;margin:2rem auto 0}
.toast{position:fixed;left:50%;bottom:1.5rem;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--paper);padding:.7rem 1.2rem;border-radius:999px;opacity:0;transition:.3s;z-index:99;pointer-events:none;font-size:.95rem}
.toast.is-on{opacity:1;transform:translateX(-50%)}
/* Plugins: Ninja Tables, WhyDonate, prekenlijst krijgen ruimte */
.entry .ninja_table_wrapper,.entry .widget-here{max-width:100%}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 15. Print --------------------------------------------------------------- */
@media print{
	.site-head,.site-foot,.progress,.share,.tools,.donate,.daynav,.section--related,.comments,.crumbs,.search-layer,#wpadminbar{display:none!important}
	body{background:#fff;color:#000;font-size:12pt}
	.entry{font-size:12pt;line-height:1.55}
	.article__head{padding:0 0 1rem}
	a{color:#000;text-decoration:none}
	.jcp-dc{color:#000}
}
.article{padding-bottom:clamp(3rem,6vw,5rem)}.article--steun .donate{margin-top:2rem}

/* 16. Leesbalk: leestijd en tekstgrootte ------------------------------------ */

/* 17. Kleurvlakken in boekstijl (i.p.v. telkens dezelfde afbeelding) -------- */
.card__media--cover{display:block;aspect-ratio:16/10;background:none}
.cover{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;color:#f3e9d2;text-align:center;
	background-color:var(--cv);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 7px),linear-gradient(90deg,rgba(0,0,0,.25),transparent 9%,transparent 91%,rgba(0,0,0,.18));
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.cover--1{--cv:#6a262c}.cover--2{--cv:#22364d}.cover--3{--cv:#2e4a39}.cover--4{--cv:#6b4527}.cover--5{--cv:#24555a}.cover--6{--cv:#4a2d45}
.cover__frame{position:absolute;inset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.6rem 1.1rem;border:1px solid rgba(214,177,104,.55);outline:1px solid rgba(214,177,104,.25);outline-offset:-6px}
.cover__top{position:absolute;top:.75rem;left:0;right:0;font:italic 500 .82rem var(--display);letter-spacing:.08em;color:#e4cf9e;opacity:.9}
.cover__star{color:#d6b168;font-size:.8rem}
.cover__title{font:600 clamp(1.05rem,1.8vw,1.35rem)/1.22 var(--display);letter-spacing:.05em;text-transform:uppercase;text-wrap:balance;max-width:16em;overflow-wrap:break-word;hyphens:auto}
.cover__rule{width:46px;height:1px;background:#d6b168}
.cover__label{position:absolute;left:0;right:0;bottom:.7rem;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#e4cf9e;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 14px}
.cover__letter{display:none;font:600 2.4rem/1 var(--display);color:#efe3c6}
.cover--klein .cover__frame{inset:8px;gap:.45rem;padding:1.5rem .6rem}
.cover--klein .cover__top{position:static;order:5;font-size:.7rem}
.cover--klein .cover__star{margin-top:1rem}.cover--klein .cover__rule{order:4}
.cover--klein .cover__title{font-size:.86rem;letter-spacing:.04em;line-height:1.25}
.cover__frame{overflow:hidden}
.cover--lang .cover__title{font-size:.95rem}.cover--klein.cover--lang .cover__title{font-size:.8rem;letter-spacing:.02em}
.cover--xlang .cover__title{font-size:.85rem}.cover--klein.cover--xlang .cover__title{font-size:.72rem;letter-spacing:.01em}
.cover--klein .cover__label{bottom:.5rem;font-size:.52rem;letter-spacing:.18em}
.card--feature .cover__title{font-size:clamp(1.4rem,2.6vw,2rem)}
.card:hover .cover{filter:brightness(1.08)}
.card--small .card__media--cover{width:172px;aspect-ratio:auto;flex:none}
@media (max-width:520px){.card--small .card__media--cover{width:96px}.cover--klein .cover__title,.cover--klein .cover__label,.cover--klein .cover__top,.cover--klein .cover__rule{display:none}.cover--klein .cover__letter{display:block}}

/* 18. Citatenband ---------------------------------------------------------- */
.kicker--light{color:var(--gold-2);text-align:center}
.quote{margin:0 auto;max-width:900px;transition:opacity .35s}
.quote.is-fading{opacity:0}
.quote blockquote{margin:0;border:0;padding:0}
.quote__text{font:italic 500 clamp(1.5rem,3.2vw,2.35rem)/1.32 var(--display);margin:0;color:var(--on-deep);text-wrap:balance}
.quote__src{margin-top:1.2rem;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}
.quote__next{margin-top:1.8rem;display:inline-flex;align-items:center;gap:.4rem;background:none;border:1px solid color-mix(in srgb,var(--on-deep) 30%,transparent);color:var(--on-deep);border-radius:999px;padding:.55rem 1.1rem;font:inherit;font-size:.92rem;cursor:pointer}
.quote__next:hover{border-color:var(--gold-2);color:var(--gold-2)}

/* 19. Prekenregister ------------------------------------------------------- */
.register{margin:1rem 0 2rem}
.register__intro{display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem 2rem;align-items:center;padding:1.4rem 1.6rem;border-radius:20px;background:var(--deep);color:var(--on-deep);margin-bottom:2.4rem;box-shadow:var(--shadow)}
.register--plain .register__intro{grid-template-columns:1fr;background:var(--card);color:var(--ink);border:1px solid var(--line)}
.register__stats{display:flex;gap:1.6rem}
.register__stats div{display:flex;flex-direction:column;gap:.45rem;line-height:1.1}
.register__stats strong{font:600 2.2rem/1.1 var(--display);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;color:var(--gold-2)}
.register__stats span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.register__search{display:flex;align-items:center;gap:.6rem;padding:.2rem .3rem .2rem 1rem;border-radius:999px;background:var(--paper);color:var(--ink);border:1px solid transparent}
.register__search:focus-within{border-color:var(--gold)}
.register__search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.05rem;padding:.7rem 0;color:var(--ink);outline:0}
.register--plain .register__search{border-color:var(--line)}
.register__latest{display:flex;flex-direction:column;gap:.15rem;text-decoration:none;padding-left:1.4rem;border-left:1px solid color-mix(in srgb,var(--on-deep) 20%,transparent);max-width:280px}
.register__latest-k{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}
.register__latest-t{font:600 1.25rem/1.15 var(--display);color:var(--on-deep)}
.register__latest-r{font-size:.88rem;opacity:.75}
.register__latest:hover .register__latest-t{color:var(--gold-2)}
@media (max-width:980px){.register__intro{grid-template-columns:1fr}.register__latest{border:0;padding:0;max-width:none}}
.register__body{display:grid;grid-template-columns:240px 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.thumbindex{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;padding-right:.4rem;scrollbar-width:thin}
.thumbindex__t{font:600 .72rem/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:1.2rem 0 .6rem}
.thumbindex__t:first-child{margin-top:0}
.thumbindex ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.thumbindex a{display:flex;justify-content:space-between;gap:.6rem;padding:.32rem .2rem .32rem .9rem;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;font-size:1rem;color:var(--ink-2)}
.thumbindex a em{font-style:normal;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.thumbindex a:hover,.thumbindex a.is-on{color:var(--ink);border-left-color:var(--gold)}
.thumbindex a.is-on{font-weight:600}
@media (max-width:860px){
	.register__body{grid-template-columns:1fr}
	.thumbindex{position:sticky;top:76px;z-index:5;max-height:none;overflow:auto;display:flex;gap:.4rem;padding:.6rem 0;background:var(--paper);white-space:nowrap}
	.thumbindex__t{display:none}
	.thumbindex ol{display:flex;gap:.4rem;border:0}
	.thumbindex a{border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;margin:0;background:var(--card)}
	.thumbindex a.is-on{border-color:var(--gold)}
}
.rbook{scroll-margin-top:100px;margin-bottom:2.8rem}
.rbook__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.2rem 1rem;padding-bottom:.8rem;margin-bottom:.4rem;border-bottom:2px solid var(--ink)}
.rbook__t{grid-column:1/-1;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.rbook__name{font-size:clamp(2rem,4vw,2.8rem);margin:0;line-height:1}
.rbook__n{font:italic 500 1.05rem var(--display);color:var(--muted)}
.rbook__list{list-style:none;margin:0;padding:0}
.rbook__list li a{display:grid;grid-template-columns:5.5rem 1fr auto;gap:1rem;align-items:baseline;padding:.95rem .4rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s,padding .2s}
.rbook__list li a:hover{background:var(--card);padding-left:.9rem}
.rref b{font:600 1.1rem/1 var(--display);color:var(--gold);font-variant-numeric:tabular-nums}
.rtitle{font-size:1.15rem;color:var(--ink)}
.rbook__list li a:hover .rtitle{color:var(--gold)}
.rmin{font-size:.85rem;color:var(--muted);white-space:nowrap}
.rbook__list--plain li a{grid-template-columns:1fr auto}
@media (max-width:560px){.rbook__list li a{grid-template-columns:4.2rem 1fr}.rmin{display:none}}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.92rem;cursor:pointer}
.chip em{font-style:normal;color:var(--muted);margin-left:.2rem}
.chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip.is-on em{color:inherit;opacity:.7}
.bzoek{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.bzoek label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}
.bzoek select,.bzoek input{font:inherit;font-size:1.05rem;padding:.65rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);min-width:12rem}
.bzoek input{min-width:7rem;width:7rem}
.bzoek__h{font-size:1.6rem;margin:2rem 0 .6rem}

/* 20. Overige shortcodes (Meks) ------------------------------------------ */
.sc-sep{border:0;border-top:2px solid var(--line);margin:2em 0}
.sc-sep--double{border-top-style:double;border-top-width:4px!important}.sc-sep--dotted{border-top-style:dotted}.sc-sep--dashed{border-top-style:dashed}
.sc-icon{color:var(--gold)}
.sc-progress{margin:1em 0}
.sc-progress__label{display:block;font-size:.9em;margin-bottom:.3em}
.sc-progress__bar{display:block;height:8px;border-radius:99px;background:var(--paper-2);overflow:hidden}
.sc-progress__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold))}
.sc-list ul{list-style:none;padding-left:0}
.sc-list li{padding-left:1.4em;position:relative}
.sc-list li::before{content:"✦";position:absolute;left:0;color:var(--gold);font-size:.8em;top:.25em}
.sc-social{display:inline-grid;margin-right:.3rem}

/* 21. Dagkiezer ------------------------------------------------------------ */
.daypick{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center;padding:.4rem;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 1px 2px rgba(40,30,10,.05);margin:.4rem auto 1.6rem}
.daypick--center{display:flex;width:fit-content;max-width:100%}
.daypick__icon{color:var(--gold);display:grid;place-items:center;padding-left:.3rem}
.daypick select{appearance:none;-webkit-appearance:none;border:0;background:var(--paper);color:var(--ink);font:600 1rem var(--serif);padding:.5rem .8rem;border-radius:999px;cursor:pointer;text-align:center}
.daypick select:focus-visible{outline:2px solid var(--gold)}
.daypick__go{border:0;background:var(--ink);color:var(--paper);font:600 .95rem var(--serif);padding:.55rem 1rem;border-radius:999px;cursor:pointer}
.daypick__today{font-size:.9rem;color:var(--gold);text-decoration:none;padding:0 .4rem}
.daypick__step{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink);text-decoration:none}
.daypick__step:hover{background:var(--paper-2);color:var(--gold)}
html,body{overflow-x:clip}
.entry .widget-here{visibility:visible!important;opacity:1!important}

/* 22. Knoppen uit losse tekstlinks ---------------------------------------- */
.entry p:has(> .link-btn){display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;text-align:center!important;margin-top:2.4rem}
.entry p:has(> .link-btn) br{display:none}
.entry .link-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;line-height:1.2;transition:.2s}
.entry .link-btn--cal{background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow)}
.entry .link-btn--cal .jcp-icon{color:var(--gold)}
.entry .link-btn--cal:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.entry .link-btn--steun{background:linear-gradient(135deg,#c99a3e 0%,var(--gold) 55%,#94661f 100%);color:#1b1408;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--gold) 90%,transparent)}
.entry .link-btn--steun .jcp-icon{color:#8a2d1f}
.entry .link-btn--steun:hover{color:#1b1408;transform:translateY(-2px)}
.rtestament{display:flex;align-items:center;gap:1rem;font:600 .78rem/1 var(--serif);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 1.4rem}
.rtestament::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.rbook+.rtestament{margin-top:3.4rem}

/* 23. Nieuw: balk, badges, tijdlijn --------------------------------------- */
.newsbar{background:var(--deep);color:var(--on-deep);font-size:.92rem;position:relative;z-index:51}
.newsbar[hidden]{display:none}
.newsbar__in{display:flex;align-items:center;gap:.9rem;min-height:40px}
.newsbar__k{flex:none;font:italic 500 .9rem/1 var(--display);letter-spacing:.02em;color:var(--gold-2);opacity:.85;padding-right:.9rem;border-right:1px solid rgba(255,255,255,.18)}
.newsbar__a{display:flex;align-items:center;gap:.6rem;min-width:0;text-decoration:none;color:inherit}
.newsbar__a strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsbar__m{opacity:.7;white-space:nowrap}
.newsbar__a:hover strong{color:var(--gold-2)}
.newsbar__x{margin-left:auto;flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:0;background:none;color:inherit;opacity:.7;cursor:pointer}
.newsbar__x:hover{opacity:1;background:rgba(255,255,255,.08)}
@media (max-width:640px){.newsbar__m{display:none}}
.card{position:relative}
.badge-new{position:absolute;top:12px;left:12px;z-index:2;font:600 .68rem/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:#1b1408;background:linear-gradient(135deg,#e7c477,var(--gold));padding:.4rem .65rem;border-radius:999px;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.badge-new--inline{position:static;display:inline-block;margin-right:.5rem;box-shadow:none}
.card__when{font-size:.82rem;letter-spacing:.06em;color:var(--gold);margin:0 0 .3rem;font-weight:600}
.card--new{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}
/* "Pas verschenen": vier kaarten, elk een eigen boekkleur */
.fresh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.fresh--1{--fc:#8a2f36}.fresh--2{--fc:#2b4a6b}.fresh--3{--fc:#3b6a4e}.fresh--4{--fc:#8a5a2b}
.fresh__card{position:relative;display:flex;flex-direction:column;gap:.45rem;height:100%;padding:1.35rem 1.35rem 1.2rem;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--fc);border-radius:var(--radius);text-decoration:none;transition:transform .25s,box-shadow .25s}
.fresh__card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.fresh__top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.15rem}
.fresh__badge{font:600 .64rem/1 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--fc);padding:.38rem .6rem;border-radius:999px}
.fresh__when{font-size:.82rem;color:var(--muted);font-style:italic}
.fresh__cat{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fc);font-weight:600}
.fresh__title{font:600 1.35rem/1.15 var(--display);color:var(--ink);text-wrap:balance}
.fresh__text{font-size:.98rem;color:var(--ink-2)}
.fresh__meta{margin-top:auto;padding-top:.4rem;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.3rem}
[data-theme=dark] .fresh--1{--fc:#d27a80}[data-theme=dark] .fresh--2{--fc:#7fa6d1}[data-theme=dark] .fresh--3{--fc:#86c09b}[data-theme=dark] .fresh--4{--fc:#d6a46b}
[data-theme=dark] .fresh__badge{color:#141414}
@media (max-width:980px){.fresh{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.fresh{grid-template-columns:1fr}}
.quote__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.8rem}
.quote__nav .quote__next{margin:0;width:40px;height:40px;padding:0;justify-content:center}
.quote__bar{display:block;width:120px;height:2px;background:color-mix(in srgb,var(--on-deep) 18%,transparent);border-radius:2px;overflow:hidden}
.quote__bar span{display:block;height:100%;width:0;background:var(--gold-2)}

/* 24. Verder lezen, naar boven -------------------------------------------- */
.resume{position:fixed;left:50%;bottom:18px;transform:translate(-50%,30px);z-index:80;display:flex;align-items:center;gap:.6rem;padding:.5rem .5rem .5rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);box-shadow:0 14px 34px -12px rgba(0,0,0,.5);opacity:0;transition:.3s;font-size:.95rem}
.resume.is-on{opacity:1;transform:translate(-50%,0)}
.resume button{border:0;border-radius:999px;cursor:pointer;font:600 .92rem var(--serif)}
.resume [data-go]{background:linear-gradient(135deg,#c99a3e 0%,var(--gold) 55%,#94661f 100%);color:#1b1408;padding:.5rem .9rem}
.resume [data-no]{background:none;color:inherit;font-size:1.3rem;width:32px;height:32px}
.backtop{position:fixed;right:18px;bottom:18px;z-index:70;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s}
.backtop.is-on{opacity:1;transform:none;pointer-events:auto}
.backtop:hover{color:var(--gold);border-color:var(--gold)}
.logged-in .backtop{bottom:76px}

/* 25. Mobiel verfijnd ------------------------------------------------------ */
.brand__mark,.brand__logo{flex:none}
.brand__short{display:none;font:600 1.2rem/1.1 var(--display);white-space:nowrap}
@media (max-width:560px){
	.brand__name{display:none}
	.brand__short{display:block}
	.site-head__inner{gap:.6rem}
	.head-actions{gap:.1rem}
	.icon-btn{width:38px;height:38px}
	.arch{width:min(220px,56vw)}
	.hero{padding-top:2rem}
	.hero__title{font-size:2.6rem}
	.register__stats strong{font-size:1.8rem}
	.daypick__today{display:none}
	.section{padding:3rem 0}
}
@media (max-width:380px){.btn--steun{padding:.45rem .6rem}.btn--steun span{display:none}}
.brand{padding-right:.3rem}

/* 25. "Aan de lezer…" onder dagboekstukjes ------------------------------- */
.jcp-lezer{margin:2.6rem 0 1rem;padding:1.6rem 1.8rem 1.4rem;background:color-mix(in srgb,var(--gold) 7%,var(--card));border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-left:3px solid var(--gold);border-radius:var(--radius)}
.jcp-lezer p{margin:0 0 .9rem}
.jcp-lezer p:last-child{margin-bottom:0}
.entry .jcp-lezer p.jcp-lezer__kop,.jcp-lezer__kop{font:italic 600 1.3rem/1.2 var(--display);color:var(--gold);margin-bottom:.7rem;letter-spacing:.01em}
.jcp-lezer__kop::first-letter{float:none!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;color:inherit!important}

/* 26. Bijbeltekst bovenaan: als een ingelijst schriftwoord ------------------ */
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong))::before{content:"";position:absolute;top:.65em;left:50%;transform:translateX(-50%);width:120px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 18'%3E%3Cg fill='none' stroke='%23b08a3e' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M8 9H40C47 9 49 3.5 53.5 3.5C57 3.5 58 7 55.5 8.3C53.2 9.4 51.6 7.4 53.2 6.2'/%3E%3Cpath d='M112 9H80C73 9 71 3.5 66.5 3.5C63 3.5 62 7 64.5 8.3C66.8 9.4 68.4 7.4 66.8 6.2'/%3E%3Cpath d='M44 9C48 9 50 13.5 54 13.5M76 9C72 9 70 13.5 66 13.5' stroke-width='.8' opacity='.7'/%3E%3C/g%3E%3Cpath d='M60 5.2L62.6 9L60 12.8L57.4 9Z' fill='%23b08a3e'/%3E%3C/svg%3E") center/120px 20px no-repeat}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) em{font-style:italic}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) em::before{content:"„";color:var(--gold);margin-right:.04em}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) em::after{content:"”";color:var(--gold);margin-left:.02em}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) br{display:none}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) strong{display:flex;align-items:center;justify-content:center;gap:.9em;margin-top:.8em;font:600 .66em/1 var(--serif);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) strong::before,:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) strong::after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child,.entry>p:first-child[style*="center"]:has(>em):has(>strong)) strong::after{transform:scaleX(-1)}
.is-dagboek .entry p:first-child .jcp-dc{float:none;font:inherit;color:inherit;margin:0;padding:0}
@media (max-width:640px){:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child){padding:1.7em 1.1em 1.2em;font-size:1.18em}:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child) strong{letter-spacing:.12em;gap:.6em}:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child) strong::before,:is(.is-dagboek .entry>p:first-child,.is-dagboek .entry .WordSection1>p:first-child,.dagboek-full__content>p:first-child,.dagboek-full__content .WordSection1>p:first-child) strong::after{width:22px}}

/* 27. Eén rustige leesbalk: dag, leestijd en lettergrootte ------------------ */
.readbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 0;margin:0 auto 2.6rem;width:fit-content;max-width:100%;padding:.3rem .4rem;border:1px solid var(--line);border-radius:999px;background:var(--card);box-shadow:0 1px 2px rgba(40,30,10,.04);font-size:.95rem}
.readbar>*{display:flex;align-items:center;padding:0 .7rem;margin:0}
.readbar>*+*{border-left:1px solid var(--line)}
.readbar__day{padding:0 .2rem}
.readbar .daypick{margin:0;padding:0;border:0;background:none;box-shadow:none;gap:.1rem;flex-wrap:nowrap}
.readbar .daypick select{background:none;padding:.4rem .35rem;font-size:1rem}
.readbar .daypick select:hover{background:var(--paper-2)}
.readbar .daypick__go{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}
.readbar .daypick__today{font-size:.88rem}
.readbar .daypick__step{width:32px;height:32px}
.readbar .daypick__icon{padding:0 .15rem}
.readbar__time{gap:.4rem;color:var(--muted);white-space:nowrap}
.readbar__time .jcp-icon{color:var(--gold)}
.readbar__time strong{color:var(--ink);font-weight:600}
.textsize{gap:.15rem}
.textsize button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:none;color:var(--ink-2);font:600 .95rem/1 var(--display);cursor:pointer;transition:.2s}
.textsize button:hover{color:var(--gold);background:var(--paper-2)}
.textsize button.is-on{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.readbar--compact{padding:.2rem .3rem}
@media (max-width:560px){.readbar{border-radius:20px}.readbar--dag .readbar__day{flex-basis:100%;justify-content:center;border:0;padding-bottom:.2rem;border-bottom:1px solid var(--line)}.readbar--dag .readbar__day+*{border-left:0}}

/* 28. Leestekst op grotere schermen iets groter ----------------------------- */
@media (min-width:1024px){:root{--text:calc(1.3rem + var(--fs-step) * .1rem);--w-text:780px}}

/* 29. Lettergrootte in de dagkiezer ---------------------------------------- */
.textsize{display:flex;align-items:center}
.daypick .textsize{gap:.1rem}
.daypick__sep{width:1px;align-self:stretch;margin:.35rem .25rem;background:var(--line)}
.daypick .textsize button{width:32px;height:32px}
@media (max-width:560px){.daypick__sep{display:none}.daypick .textsize{flex-basis:100%;justify-content:center;border-top:1px solid var(--line);padding-top:.3rem;margin-top:.2rem}}

/* 30. Titel en bijbeltekst altijd in het midden */
.article__head,.article__title{text-align:center}
.entry>p:first-child:has(>em:first-child),.entry .WordSection1>p:first-child:has(>em:first-child){text-align:center}
.article__sub{margin:-.2rem auto 0;max-width:30em;font:italic 500 clamp(1.25rem,2.4vw,1.6rem)/1.3 var(--display);color:var(--ink-2);text-align:center;text-wrap:balance}
.jcp-lezer__groet{margin-top:1.1rem!important;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));text-align:right;font:italic 500 1rem/1.5 var(--display);color:var(--muted)}

/* 31. Prekenpagina: boekenkast + boekkaarten ---------------------------------- */
.shelf{scroll-margin-top:90px;margin:0 0 2.6rem;padding:1.6rem 1.6rem 1.4rem;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(40,30,10,.04)}
.shelf__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.4rem;margin-bottom:1.2rem}
.shelf__title{margin:0;font-size:clamp(1.4rem,2.4vw,1.8rem)}
.shelf__filters{display:flex;flex-wrap:wrap;gap:.4rem}
.shelf__filters .chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.shelf__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6rem 2.2rem}
.shelf__t[hidden]{display:none}
.shelf__label{display:flex;align-items:center;gap:.8rem;margin:0 0 .7rem;font:600 .74rem/1 var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.shelf__label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.shelf__books{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.35rem}
.shelf__book{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.42rem .65rem;border-radius:10px;font-size:.92rem;line-height:1.2;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);transition:.2s}
.shelf__t--ot{--bk:#6a262c}.shelf__t--nt{--bk:#22364d}
.shelf__book em{font-style:normal;font:600 .72rem/1 var(--serif);min-width:1.5rem;text-align:center;padding:.22rem .35rem;border-radius:999px;color:#fff;background:var(--bk,#6a262c)}
.shelf__t--nt .shelf__book em{--bk:#22364d}
a.shelf__book:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 14px -10px rgba(40,30,10,.5)}
.shelf__book.is-empty{color:color-mix(in srgb,var(--muted) 70%,transparent);background:none;border-style:dashed;border-color:color-mix(in srgb,var(--line) 70%,transparent)}
@media (max-width:820px){.shelf{padding:1.2rem}.shelf__grid{grid-template-columns:1fr}.shelf__books{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}

.rbooks{columns:2 420px;column-gap:1.6rem}
.rbooks .rbook{--bk:#6a262c;break-inside:avoid;display:inline-block;width:100%;margin:0 0 1.6rem;padding:1.3rem 1.4rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:16px;border-top:4px solid var(--bk);scroll-margin-top:100px}
.rbooks .rbook--nt{--bk:#22364d}
.rbooks .rbook--rest{--bk:var(--gold)}
.rbooks .rbook[hidden]{display:none}
.rbooks .rbook__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.15rem 1rem;padding:0 0 .7rem;margin:0 0 .2rem;border-bottom:1px solid var(--line)}
.rbooks .rbook__t{grid-column:1/-1;font:600 .66rem/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--bk)}
.rbooks .rbook__name{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:0;line-height:1.05}
.rbooks .rbook__n{font:italic 500 1rem var(--display);color:var(--muted);white-space:nowrap}
.rbooks .rbook__list li a{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:.7rem .2rem;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);text-decoration:none;transition:background .2s,padding .2s}
.rbooks .rbook__list li:last-child a{border-bottom:0}
.rbooks .rbook__list li a:hover{background:var(--paper);padding-left:.6rem;border-radius:8px}
.rbooks .rref{display:inline-block;min-width:3.6rem;text-align:center;padding:.3rem .5rem;border-radius:8px;font:600 .9rem/1 var(--display);font-variant-numeric:lining-nums;color:var(--bk);background:color-mix(in srgb,var(--bk) 9%,transparent);white-space:nowrap}
.rbooks .rtitle{font-size:1.07rem;line-height:1.3;color:var(--ink)}
.rbooks .rbook__list li a:hover .rtitle{color:var(--gold)}
.rbooks .rmin{display:flex;align-items:center;gap:.25rem;font-size:.82rem;color:var(--muted);white-space:nowrap}
.rnew{display:inline-block;margin-left:.35rem;padding:.16rem .45rem;border-radius:999px;font:600 .6rem/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;vertical-align:.15em;color:#fff;background:var(--gold)}
.rbook__up{display:inline-flex;align-items:center;gap:.3rem;margin-top:.6rem;font-size:.82rem;color:var(--muted);text-decoration:none}
.rbook__up .jcp-icon{transform:rotate(-90deg)}
.rbook__up:hover{color:var(--gold)}
@media (max-width:560px){.rbooks .rbook{padding:1.1rem 1rem .8rem}.rbooks .rbook__list li a{grid-template-columns:auto 1fr}.rbooks .rmin{display:none}}
[data-theme="dark"] .rbooks .rbook--ot,[data-theme="dark"] .shelf__t--ot{--bk:#d27a80}
[data-theme="dark"] .rbooks .rbook--nt,[data-theme="dark"] .shelf__t--nt{--bk:#7fa6d1}
.entry .register:has(.shelf){width:min(1200px,calc(100vw - 2.4rem));margin-left:50%;transform:translateX(-50%)}
.shelf__books{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.shelf__book{padding:.55rem .75rem;font-size:.98rem;background:color-mix(in srgb,var(--bk) 5%,var(--paper));border-color:color-mix(in srgb,var(--bk) 22%,var(--line))}
.shelf__grid{grid-template-columns:1fr 1fr}
@media (max-width:820px){.shelf__grid{grid-template-columns:1fr}}
.entry .shelf__books,.entry .rbooks .rbook__list{padding-left:0!important;margin-left:0!important;list-style:none}
.entry .shelf__books li,.entry .rbooks .rbook__list li{margin:0;padding:0}
.entry .shelf__title,.entry .rbooks .rbook__name{margin-top:0!important}
.entry .shelf__label,.entry .rbooks .rbook__t{margin-top:0}

/* 32. Portret als rond medaillon (Customizer › Voorpagina › Vorm van het portret) */
.hero__portrait--rond .arch{width:min(380px,70vw);aspect-ratio:1;border-radius:50%;outline:1px solid color-mix(in srgb,var(--gold) 70%,transparent);outline-offset:12px;box-shadow:0 0 0 5px var(--paper,#f7f2ea),0 0 0 6px color-mix(in srgb,var(--gold) 55%,transparent),0 40px 80px -36px rgba(30,20,0,.55)}
.hero__portrait--rond .arch img{object-position:var(--focus,58%) 30%;transform:scale(1.1);transform-origin:50% 35%}
.hero__portrait--rond .arch::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 40px rgba(40,25,5,.35);pointer-events:none}
.hero__portrait--rond figcaption{margin-top:2rem}
@media (max-width:860px){.hero__portrait--rond .arch{width:min(240px,58vw)}}

/* 33. Versieschakelaar (nieuwe/oorspronkelijke vertaling, NL · EN · ES) */
.vswitch{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin:-.4rem 0 1.6rem;font:500 .95rem/1 var(--serif);letter-spacing:.01em}
.vswitch__nl,.vswitch__lang{display:inline-flex;gap:.15rem;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:.2rem}
.vswitch__nl[hidden]{display:none}
.vswitch button,.vswitch a{appearance:none;text-decoration:none;border:0;background:transparent;color:var(--muted);font:inherit;padding:.42rem .8rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.vswitch button:hover,.vswitch a:hover{color:var(--ink)}
.vswitch button[aria-pressed="true"]{background:var(--card,#fff);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.vswitch__lang{margin-left:auto;background:transparent;border-color:transparent}
.vswitch__lang a{padding:.42rem .55rem;font-size:.76rem;letter-spacing:.08em}
.vswitch__lang a[aria-pressed="true"]{background:transparent;box-shadow:none;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.jcp-v[hidden]{display:none}
@media (max-width:520px){.vswitch{justify-content:center}.vswitch__lang{margin-left:0}}
.jcp-v:is([lang="en"],[lang="es"])>p:first-child:has(>strong) em::before{content:"“"!important}
.jcp-v:is([lang="en"],[lang="es"])>p:first-child:has(>strong) em::after{content:"”"!important}

/* 34. Donatieformulier: laadweergave tot WhyDonate klaar is */
.jcp-wd-loading{min-height:420px;border-radius:var(--radius);background:linear-gradient(100deg,var(--paper-2) 30%,var(--card) 50%,var(--paper-2) 70%) 0 0/300% 100%;animation:jcpShimmer 1.4s linear infinite;position:relative}
.jcp-wd-loading::after{content:"Het donatieformulier wordt geladen…";position:absolute;inset:0;display:grid;place-items:center;font:italic 1.05rem var(--serif);color:var(--muted)}
@keyframes jcpShimmer{to{background-position:-300% 0}}
@media (prefers-reduced-motion:reduce){.jcp-wd-loading{animation:none}}