/* Kunstlocaties — marcovanthiel.nl/kunstlocaties
   Identiteit sinds 11-9-2026: Editorial reismagazine, kleurstelling petrol + pruim.
   Diepe petrol als grond, gebroken wit als inkt, lichte pruim/orchidee als accent.
   Newsreader (serif: koppen, standfirsts, body, catalogustekst; de cursief draagt de
   accenten) x Schibsted Grotesk (sans: kickers, meta, labels, cijfers, chips, nav).
   Editorial idioom: kickers, genummerde rubrieken, standfirsts, folio's, hairlines,
   catalogus-/registercodes. Eén vaste, donkere wereld; geen licht/donker-schakelaar.
   (Verving de oude machine-stijl van Anton/millimeterpapier/vermiljoen.) */

:root{
  --papier:#072A31;      /* petrol-grond */
  --papier2:#0D3B44;     /* secties naar voren, panelen */
  --diep:#04191E;        /* kaartvlak, dieper dan de grond */
  --inkt:#EAF0F0;        /* gebroken wit, hoofdtekst */
  --gedempt:#98AFB1;     /* meta, secundair */
  --accent:#D89AD0;      /* lichte pruim / orchidee */
  --lijn:rgba(234,240,240,.26);
  --lijn-zwaar:rgba(234,240,240,.64);
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --maxw:1180px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--papier);color:var(--inkt);overflow-x:clip;
  font-family:var(--serif);font-optical-sizing:auto;
  font-size:clamp(1.02rem,.98rem + .2vw,1.12rem);line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--accent)}
a:hover{color:var(--inkt)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,48px)}

/* -- toegankelijkheid -- */
.skip{position:fixed;top:.75rem;inset-inline-start:.75rem;z-index:99;
  transform:translateY(-300%);background:var(--inkt);color:var(--papier);
  font-family:var(--sans);font-size:.85rem;padding:.6rem 1rem;text-decoration:none}
.skip:focus{transform:none}

/* -- typerollen -- */
.kicker{font-family:var(--sans);font-weight:700;font-size:.76rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.9rem;margin:0}
.kicker::after{content:"";height:1px;background:var(--lijn);flex:1 1 3rem;max-width:5.5rem}
.standfirst{font-style:italic;font-weight:420;font-size:clamp(1.22rem,1.08rem + .6vw,1.5rem);
  line-height:1.5;color:var(--inkt);max-width:36em;margin:0}
.meta{font-family:var(--sans);font-size:.8rem;letter-spacing:.05em;color:var(--gedempt)}
.code{font-family:var(--sans);font-weight:700;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gedempt);white-space:nowrap}

/* -- masthead -- */
.masthead{border-bottom:1px solid var(--inkt);position:relative}
.masthead::after{content:"";display:block;position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--inkt)}
.masthead-in{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem 1.5rem;
  padding-block:1.05rem 1rem;flex-wrap:wrap}
.merk{font-family:var(--serif);font-weight:600;font-size:1.5rem;letter-spacing:.01em;text-decoration:none;color:var(--inkt)}
.merk em{font-style:italic;font-weight:500;color:var(--accent)}
.merk:hover{color:var(--inkt)}
.folio{font-family:var(--sans);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gedempt);text-decoration:none}
.folio:hover{color:var(--accent)}
nav.rubrieken-nav{display:flex;gap:1.6rem;flex-wrap:wrap}
nav.rubrieken-nav a{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;color:var(--inkt);padding-block:.2rem}
nav.rubrieken-nav a:hover{color:var(--accent)}

/* -- locatie van de dag (redactionele cover; rouleert dagelijks) -- */
.duotoon-def{position:absolute;width:0;height:0;overflow:hidden}
.dagcover{padding-block:clamp(2rem,4.5vw,3.4rem) 0;border-bottom:1px solid var(--lijn-zwaar)}
.dagcover-band{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem 1.4rem;
  flex-wrap:wrap;margin-bottom:clamp(1.1rem,2.4vw,1.7rem)}
.dagcover-band .kicker{flex:1 1 12rem}
#dag-datum{white-space:nowrap}
.dagcover-grid{display:grid;grid-template-columns:minmax(0,6.6fr) minmax(0,5.4fr);
  gap:clamp(1.6rem,3.4vw,3.2rem);align-items:center;padding-bottom:clamp(2rem,4.5vw,3.4rem)}
.dagcover-figuur{margin:0;min-width:0}
.duotoon{position:relative;border:1px solid var(--lijn);background:var(--diep);aspect-ratio:3/2;overflow:hidden}
.duotoon img{width:100%;height:100%;object-fit:cover;filter:url(#duotoon-petrol) contrast(1.02)}
.dagcover-credit{font-family:var(--sans);font-size:.64rem;line-height:1.6;color:var(--gedempt);margin:7px 1px 0;overflow-wrap:anywhere}
.dagcover-credit a{color:var(--gedempt);text-decoration:underline;text-underline-offset:2px}
.dagcover-credit a:hover{color:var(--accent)}
.dagcover-tekst{min-width:0}
.dagcover-plaats{font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin:0 0 .5rem}
.dagcover-naam{font-family:var(--serif);font-weight:520;font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);
  line-height:1.03;letter-spacing:-.018em;color:var(--inkt);margin:0;text-wrap:balance;overflow-wrap:anywhere}
.dagcover-wie{font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.45;
  color:var(--gedempt);margin:.7rem 0 0;max-width:42ch}
.dagcover-omschrijving{font-family:var(--serif);font-size:clamp(1.05rem,1rem + .3vw,1.18rem);
  line-height:1.56;color:var(--inkt);margin:1rem 0 0;max-width:48ch;overflow-wrap:anywhere}
.dagcover-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:1.2rem 0 0;padding:0}
.dagcover-tags li{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gedempt);border:1px solid var(--lijn);padding:5px 10px}
.dagcover-acties{display:flex;flex-wrap:wrap;gap:14px 22px;margin:1.5rem 0 0;align-items:center}
.dagcover-acties button,.dagcover-acties a{font-family:var(--sans);font-size:.74rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;cursor:pointer;text-decoration:none;border:0;background:none;padding:0}
.dagcover-acties #dag-kaart{color:var(--papier);background:var(--accent);padding:9px 16px}
.dagcover-acties #dag-kaart:hover{background:var(--inkt)}
.dagcover-acties a{color:var(--accent);border-bottom:1px solid transparent;padding-bottom:2px}
.dagcover-acties a:hover{border-bottom-color:var(--accent);color:var(--inkt)}

/* -- cover -- */
.cover{padding-block:clamp(2.6rem,6vw,4.6rem) clamp(1.4rem,3vw,2.4rem)}
.cover-kop{display:grid;grid-template-columns:minmax(0,8.4fr) minmax(0,3.6fr);gap:1.4rem 3rem;align-items:end}
h1{font-family:var(--serif);font-weight:520;font-size:clamp(2.7rem,1.5rem + 5.2vw,5.8rem);line-height:1.02;
  letter-spacing:-.018em;text-wrap:balance;max-width:14ch;margin:.9rem 0 0;color:var(--inkt);overflow-wrap:anywhere}
h1 .accent{font-style:italic;font-weight:440;color:var(--accent)}
.cover-nr{justify-self:end;text-align:right;display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}
.nr-label{font-family:var(--sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gedempt)}
.nr-getal{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.6rem,2rem + 2.4vw,4.4rem);line-height:.95;color:var(--gedempt)}
.seizoen{font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gedempt);font-variant-numeric:tabular-nums}
.cover .standfirst{margin-top:1.6rem}
.onderschrift-cover{margin:1.5rem 0 0;font-family:var(--serif);font-size:1.02rem;line-height:1.55;
  color:var(--gedempt);max-width:52ch;border-left:1px solid var(--lijn);padding-left:1.2rem}

/* -- nummer-index (statpillen; #pillen wordt door app.js gevuld) -- */
.nummer-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);margin-top:clamp(2rem,4vw,2.8rem)}
.nummer-index .pil{display:flex;flex-direction:column;gap:.5rem;text-align:left;
  padding:1.4rem 1.3rem 1.5rem 1.3rem;border-inline-start:1px solid var(--lijn);
  font:inherit;color:inherit;background:none;-webkit-appearance:none;appearance:none}
.nummer-index .pil:first-child{border-inline-start:0;padding-inline-start:0}
.nummer-index .pil b{font-family:var(--serif);font-weight:420;font-size:clamp(2rem,1.6rem + 1.3vw,3rem);
  line-height:1;font-variant-numeric:tabular-nums;color:var(--inkt)}
.nummer-index .pil span{font-family:var(--sans);font-size:.78rem;letter-spacing:.03em;color:var(--gedempt);line-height:1.4}
button.pil{cursor:pointer;border:0;border-inline-start:1px solid var(--lijn);text-align:left}
button.pil span{text-decoration:underline;text-decoration-color:var(--lijn);text-underline-offset:3px}
button.pil:hover b{color:var(--accent)}
button.pil:hover span{color:var(--inkt);text-decoration-color:var(--gedempt)}
button.pil[aria-pressed="true"] b{color:var(--accent)}
button.pil[aria-pressed="true"] span{color:var(--inkt);text-decoration-color:var(--accent)}

/* -- sectiekop -- */
.sectiekop{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  margin-bottom:clamp(1.2rem,3vw,1.8rem)}

/* -- de kaart -- */
.plaat-sectie{padding-block:clamp(2.4rem,5vw,4rem) clamp(1.6rem,3vw,2.6rem)}
.plaat-binnen{max-width:1360px;margin:1.4rem auto 0;padding:0 clamp(12px,3vw,40px)}
.kaart-frame{border:1px solid var(--lijn);background:var(--papier2);position:relative}
.kaart-houder{position:relative;overflow:hidden;background:var(--diep);
  height:clamp(380px,72vh,780px);touch-action:none;cursor:crosshair;margin:14px}
.kaart-houder.sleept{cursor:grabbing}
#kaart{display:block;width:100%;height:100%;overflow:hidden}

.land{fill:#062229;stroke:rgba(234,240,240,.14);stroke-width:.55;vector-effect:non-scaling-stroke}
.land.scope{fill:var(--papier2);stroke:rgba(234,240,240,.34);stroke-width:.9}
.land.scope.aan{fill:#2B1A2C;stroke:var(--accent)}
.graticule{fill:none;stroke:var(--accent);stroke-width:.4;vector-effect:non-scaling-stroke;opacity:.16}
.landlabel{font-family:var(--sans);font-size:11px;font-weight:600;fill:var(--gedempt);
  letter-spacing:.22em;text-transform:uppercase;text-anchor:middle;pointer-events:none;
  paint-order:stroke;stroke:var(--diep);stroke-width:3.5px;stroke-linejoin:round;transition:opacity .25s}
.landlabel.buiten{fill:var(--gedempt);font-size:9.5px;opacity:.5}
.stip{cursor:pointer}
.stip .blok{fill:none;stroke:var(--inkt);stroke-width:1.1}
.stip.kern .blok{fill:var(--accent);stroke:none}
.stip:hover .blok,.stip.actief .blok{fill:var(--accent);stroke:var(--accent)}
.stip.uit{opacity:.16;pointer-events:none}
.stip .naam{font-family:var(--sans);font-size:9.5px;font-weight:600;fill:var(--inkt);
  paint-order:stroke;stroke:var(--diep);stroke-width:3.5px;stroke-linejoin:round;
  opacity:0;transition:opacity .2s;pointer-events:none}
.stip.toon .naam,.stip:hover .naam,.stip.actief .naam{opacity:1}
.kruis{stroke:var(--accent);stroke-width:1;fill:none}
.kruis-groep{pointer-events:none}
.liniaal{stroke:rgba(234,240,240,.22);stroke-width:1}
@keyframes inkt{from{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}
.stip.inkten > g{animation:inkt .45s steps(4,end) backwards}

.kaart-knoppen{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:5px}
.kaart-knoppen button{width:34px;height:34px;border:1px solid var(--lijn);background:rgba(7,42,49,.86);
  color:var(--inkt);font-family:var(--sans);font-size:16px;cursor:pointer;padding:0;border-radius:0}
.kaart-knoppen button:hover{border-color:var(--accent);color:var(--accent)}
.cartouche{position:absolute;left:12px;top:12px;background:rgba(7,42,49,.92);border:1px solid var(--lijn);
  padding:11px 14px;max-width:min(290px,54vw)}
.cart-titel{margin:0 0 8px;font-family:var(--sans);font-weight:700;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--accent)}
.cart-regel{font-family:var(--sans);font-size:.72rem;color:var(--gedempt);margin:0 0 5px;display:flex;gap:10px;align-items:center}
.cart-regel .sym{width:11px;height:11px;flex:none;border:1.5px solid var(--inkt);display:inline-block}
.cart-regel .sym.kern{background:var(--accent);border-color:var(--accent)}
.schaal{display:flex;align-items:center;gap:9px;margin-top:10px}
.schaalbalk{height:5px;border:1px solid var(--inkt);border-top:0;width:70px}
.schaal span{font-family:var(--sans);font-size:.68rem;color:var(--gedempt)}
.kaartkaart{position:absolute;right:12px;bottom:12px;background:var(--papier2);
  border:1px solid var(--accent);padding:14px 16px;max-width:min(340px,66vw)}
.kaartkaart .kk-nr{font-family:var(--sans);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.kaartkaart h4{font-family:var(--serif);font-weight:520;font-size:1.35rem;color:var(--inkt);margin:6px 0 5px;line-height:1.1}
.kaartkaart p{margin:0;font-family:var(--serif);font-size:.95rem;line-height:1.5;color:var(--gedempt)}
.kaartkaart .kk-link{font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  display:inline-block;margin-top:9px;text-decoration:none;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:.1rem}
.kaartkaart .kk-lo{font-family:var(--sans);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:5px 0 0}
.plaat-onderschrift{display:flex;flex-wrap:wrap;gap:6px 22px;margin:.9rem 2px 0;max-width:1360px;
  margin-inline:auto;padding:0 clamp(12px,3vw,40px);font-family:var(--sans);font-size:.74rem;letter-spacing:.04em;color:var(--gedempt)}
.plaat-onderschrift b{color:var(--inkt);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.plaat-onderschrift .hint{margin-left:auto;color:var(--accent)}

/* -- register (filters en zoeken) -- */
.register{position:sticky;top:0;z-index:20;background:var(--papier);
  border-top:1px solid var(--lijn-zwaar);border-bottom:1px solid var(--lijn-zwaar);
  padding:14px 0 13px;margin-top:6px}
.reg-kop{display:none}
.reg-toggle{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.08em;background:transparent;
  color:var(--inkt);border:1px solid var(--lijn-zwaar);padding:7px 13px;cursor:pointer;
  border-radius:0;white-space:nowrap;flex:none}
.reg-toggle::before{content:"+ ";color:var(--accent)}
.reg-toggle[aria-expanded="true"]::before{content:"\2212 "}
.telling-kop{margin-left:auto}
.reg-rij{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.reg-rij + .reg-rij{margin-top:9px}
.reg-label{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gedempt);width:64px;flex:none}
button.chip{font-family:var(--sans);font-size:.78rem;font-weight:500;background:transparent;
  color:var(--gedempt);border:1px solid var(--lijn);padding:5px 11px;cursor:pointer;
  border-radius:0;line-height:1.4;transition:background .12s,color .12s,border-color .12s}
button.chip:hover{color:var(--inkt);border-color:var(--gedempt)}
button.chip[aria-pressed="true"]{background:var(--accent);color:var(--papier);border-color:var(--accent);font-weight:700}
input.zoek{font-family:var(--sans);font-size:.82rem;background:var(--papier2);
  border:1px solid var(--lijn);color:var(--inkt);padding:6px 11px;min-width:200px;
  flex:1 1 200px;border-radius:0}
input.zoek::placeholder{color:var(--gedempt)}
.telling{font-family:var(--sans);font-size:.76rem;color:var(--gedempt);margin-left:auto;white-space:nowrap;
  font-variant-numeric:tabular-nums}

/* -- catalogus -- */
#lijst{padding-bottom:clamp(50px,8vw,96px)}
.landkop{display:flex;align-items:baseline;gap:16px;margin:clamp(2.6rem,6vw,4.4rem) 0 0;
  padding-top:1rem;border-top:2px solid var(--inkt);scroll-margin-top:170px}
.landkop h2{font-family:var(--serif);font-weight:520;font-size:clamp(1.9rem,1.4rem + 1.9vw,3rem);
  letter-spacing:-.012em;color:var(--inkt);margin:0;line-height:1.05;overflow-wrap:anywhere}
.landkop .telling-land{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gedempt);margin-left:auto;white-space:nowrap}
.regiokop{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent);margin:1.6rem 0 0;padding-bottom:.5rem;border-bottom:1px solid var(--lijn)}

article.plek{display:grid;grid-template-columns:190px minmax(0,1fr) 168px;gap:0 28px;
  padding:1.5rem 0 1.6rem;border-bottom:1px solid var(--lijn);scroll-margin-top:180px;align-items:start}
article.plek.kern{background:linear-gradient(90deg,rgba(216,154,208,.07),transparent 58%)}
article.plek.gemarkeerd{outline:1px solid var(--accent);outline-offset:8px}

.beeld{position:relative;background:var(--papier2);border:1px solid var(--lijn);aspect-ratio:4/3;overflow:hidden}
.beeld img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.02)}
.beeld .geen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.beeld .geen span{font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gedempt);
  background:rgba(4,25,30,.7);padding:4px 8px}
.beeld.leeg{background:linear-gradient(135deg,#05232A,#123c46)}
.beeld.leeg.v1{background:linear-gradient(120deg,#06272e,#0e3540)}
.beeld.leeg.v2{background:linear-gradient(150deg,#04202a,#104049)}
.beeld.leeg.v3{background:linear-gradient(110deg,#052730,#0d3742)}
.credit{font-family:var(--sans);font-size:.62rem;line-height:1.6;color:var(--gedempt);margin:6px 1px 0;overflow-wrap:anywhere}
.credit a{color:var(--gedempt);text-decoration:underline;text-underline-offset:2px}
.credit a:hover{color:var(--accent)}

.plek-body{display:flex;flex-direction:column;min-width:0}
.plek-body h3{font-family:var(--serif);font-weight:520;font-size:clamp(1.45rem,1.2rem + .9vw,1.9rem);
  line-height:1.1;letter-spacing:-.01em;color:var(--inkt);margin:.1rem 0 .35rem;overflow-wrap:anywhere}
.wie{font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--gedempt);margin:0 0 .6rem}
.waarom{margin:0;max-width:60ch;font-family:var(--serif);font-size:1.02rem;line-height:1.55;color:var(--inkt);overflow-wrap:anywhere}
.praktisch{font-family:var(--sans);font-size:.8rem;line-height:1.65;color:var(--gedempt);margin:.7rem 0 0;max-width:68ch;
  padding-left:14px;border-left:1px solid var(--lijn);overflow-wrap:anywhere}

.logeren{margin:.75rem 0 0;max-width:68ch;font-family:var(--serif);font-size:.98rem;line-height:1.55;
  color:var(--inkt);overflow-wrap:anywhere}
.lo-merk{display:inline-block;margin-right:10px;padding:3px 8px;font-family:var(--sans);
  font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--papier);
  background:var(--accent);vertical-align:2px}
.kk-lo{margin:4px 0 0}
.stip.buiten{display:none}
.plek-acties{display:flex;flex-wrap:wrap;gap:16px;margin:.85rem 0 0}
.plek-acties a,.plek-acties button{font-family:var(--sans);font-size:.72rem;font-weight:600;
  color:var(--accent);text-decoration:none;border:0;background:none;padding:0;cursor:pointer;
  letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid transparent;overflow-wrap:anywhere}
.plek-acties a:hover,.plek-acties button:hover{border-bottom-color:var(--accent)}

.plek .meta{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right}
.plek .meta .nr{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--gedempt);white-space:nowrap}
article.plek.kern .meta .nr{color:var(--accent)}
.plek .meta .plaats{font-family:var(--serif);font-size:1rem;color:var(--inkt)}
.merk{display:inline-block;padding:3px 9px;font-family:var(--sans);font-size:.62rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;border:1px solid currentColor}
.m-jaarrond{color:var(--gedempt)}
.m-seizoen{color:var(--inkt);border-style:dashed}
.m-afspraak{color:var(--accent)}
.m-letop{color:var(--papier);background:var(--accent);border-color:var(--accent)}
.m-arch{color:var(--accent);border-style:dotted}
.hond{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gedempt)}
.hond.ja{color:var(--inkt)}
.leeg{padding:60px 0;color:var(--gedempt);font-family:var(--serif);font-size:1.1rem;font-style:italic}

/* -- colofon -- */
.colofon{border-top:1px solid var(--inkt);position:relative;margin-top:1rem}
.colofon::before{content:"";position:absolute;left:0;right:0;top:3px;height:1px;background:var(--inkt)}
.colofon-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:2rem 4rem;padding-block:2.6rem 3.4rem}
.colofon-tekst p{font-size:.95rem;line-height:1.75;color:var(--gedempt);max-width:80ch;margin:0 0 1rem}
.colofon-tekst p:last-child{margin-bottom:0}
.colofon-tekst b{color:var(--inkt);font-weight:600}
.colofon-zij .meta{max-width:38em}
.colofon-links{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin-top:1.1rem}
.colofon-links a{font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;color:var(--inkt);border-bottom:1px solid var(--lijn-zwaar);padding-bottom:.15rem}
.colofon-links a:hover{color:var(--accent);border-color:var(--accent)}

/* ---------------------------------------------------------- klein ---- */
@media (max-width:980px){
  .nummer-index{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nummer-index .pil:nth-child(3n+1){border-inline-start:0;padding-inline-start:0}
  .nummer-index .pil:nth-child(n+4){border-top:1px solid var(--lijn)}
}
@media (max-width:900px){
  .cover-kop{grid-template-columns:1fr}
  .cover-nr{display:none}
  .dagcover-grid{grid-template-columns:1fr;gap:1.4rem;align-items:start}
  article.plek{grid-template-columns:150px minmax(0,1fr)}
  .plek .meta{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;
    justify-content:flex-start;text-align:left;gap:9px 14px;margin-top:.75rem}
  .colofon-in{grid-template-columns:1fr}
}
@media (max-width:760px){
  .reg-kop{display:flex;align-items:center;gap:12px}
  .register .reg-inhoud{display:none;margin-top:12px}
  .register.open .reg-inhoud{display:block}
  nav.rubrieken-nav{gap:1.1rem}
}
@media (max-width:640px){
  .nummer-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nummer-index .pil{border-inline-start:0;padding-inline-start:0}
  .nummer-index .pil:nth-child(even){border-inline-start:1px solid var(--lijn);padding-inline-start:1.1rem}
  .nummer-index .pil:nth-child(n+3){border-top:1px solid var(--lijn)}
  .kaart-houder{height:clamp(320px,56vh,520px);margin:10px}
  .cartouche{display:none}
  .reg-label{width:100%;margin-bottom:-2px}
  .telling{margin-left:0;width:100%}
  article.plek{grid-template-columns:1fr;gap:14px}
  .beeld{aspect-ratio:16/9}
  .plek .meta{grid-column:1}
  .plaat-onderschrift .hint{margin-left:0;width:100%}
  .folio{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}