/* Cuvee — sitestijl. Opzet: één smalle leeskolom, haarlijnen in plaats van kaders, cijfers in mono.
   Kleuren (1.1): ivoor, espresso, foliegoud, flessengroen; per rubriek een eigen accent. */

@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-wght.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(../fonts/bodoni-moda-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/instrument-sans-wght.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500.woff2) format("woff2")}

:root,:root[data-theme="dark"],:root[data-theme="light"]{
  color-scheme:light;
  --chalk:#F8EFE2; --paper:#FFF9F0; --ink:#2B1A0E; --muted:#75604C; --line:#EAD9C2;
  --bottle:#8A4A1F; --bottle-2:#A85A26; --foil:#8C6216; --foil-bright:#C8913A; --foil-soft:#F6E3C4; --mousse:#F1E2CC;
  --spritz:#A94C18; --spritz-soft:#F8E1CF; --sage:#7E5F22; --sage-soft:#F3E7CF; --rose:#963C4C; --rose-soft:#F5E0E0; --on-bottle:#FFF9F0;
  --deep:#2B1A0E; --on-deep:#F8EFE2; --trust:#2B1A0E; --on-trust:#F8EFE2;
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --wrap:1120px; --read:680px; --gutter:20px;
  --rub:var(--foil-bright); --rub-ink:var(--foil); --rub-soft:var(--foil-soft); --rub-mid:#EBD6A6;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--chalk);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;overflow-wrap:break-word}
img,svg{max-width:100%;height:auto}
a{color:var(--bottle);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--foil-bright);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.14;text-wrap:balance;margin:0}
p{margin:0}
.cv-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.cv-skip{position:absolute;left:-9999px}
.cv-skip:focus{left:12px;top:12px;z-index:99;background:var(--paper);padding:8px 12px}
.cv-eyebrow{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0}
.cv-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.cv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cv-btn{font:inherit;font-weight:600;font-size:.95rem;background:var(--bottle);color:var(--on-bottle);border:0;border-radius:3px;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.2}
.cv-btn:hover{background:var(--bottle-2)}
.cv-more{font-weight:600;font-size:.95rem}
.cv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.cv-chip{font-size:.86rem;border:1px solid var(--line);border-radius:999px;padding:5px 13px;color:var(--ink);text-decoration:none;background:var(--paper);display:inline-block}
.cv-chip:hover{border-color:var(--bottle);color:var(--bottle)}

/* Kop van de site */
.cv-header{background:var(--paper);border-bottom:1px solid var(--line)}
.cv-top{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:var(--muted);padding-block:8px;border-bottom:1px solid var(--line)}
.cv-top nav{display:flex;gap:16px;white-space:nowrap}
.cv-top a{color:var(--muted);text-decoration:none}
.cv-top a:hover{color:var(--bottle)}
.cv-brand{display:flex;flex-direction:column;align-items:center;gap:4px;padding-block:22px 12px;text-decoration:none;color:var(--ink)}
.cv-word{font-family:var(--display);font-size:2.4rem;letter-spacing:.01em;line-height:1;font-weight:500}
.cv-word i{color:var(--foil);font-style:italic;font-weight:400}
.cv-brand small{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.cv-nav{display:flex;justify-content:center;gap:4px 26px;flex-wrap:wrap;padding-block:10px 14px;font-size:.95rem;font-weight:500;margin:0;list-style:none}
.cv-nav a{color:var(--ink);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent;display:block}
.cv-nav a:hover,.cv-nav .is-current a{color:var(--bottle);border-bottom-color:var(--foil-bright)}

/* Secties */
.cv-section{padding-block:44px}
.cv-h2row{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:20px;flex-wrap:wrap}
.cv-h2row h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:400}

/* Hero met zoetheidsschaal */
.cv-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:48px 40px}
.cv-hero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:400;margin-top:10px}
.cv-hero h1 em{color:var(--bottle)}
.cv-lede{font-size:1.14rem;color:var(--muted);max-width:52ch;margin:16px 0 22px}
.cv-search{display:flex;gap:8px;max-width:520px}
.cv-search input{flex:1;min-width:0;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink)}
.cv-hero .cv-chips{margin-top:16px}
.cv-scale{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--foil-bright);padding:22px}
.cv-scale h2,.cv-scale h3{font-size:1.3rem;margin-bottom:4px}
.cv-scale>p{color:var(--muted);font-size:.9rem;margin-bottom:16px}
.cv-bars{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cv-bar{display:grid;grid-template-columns:104px minmax(0,1fr) 84px;gap:10px;align-items:center;font-size:.88rem}
.cv-track{height:10px;background:var(--mousse);border-radius:5px;overflow:hidden;display:block}
.cv-fill{display:block;height:100%;background:linear-gradient(90deg,var(--foil-bright),var(--bottle-2));border-radius:5px}
.cv-bar .cv-g{text-align:right;color:var(--muted);font-size:.8rem}
.cv-scale .cv-note{font-size:.78rem;color:var(--muted);margin:14px 0 0}
.cv-scale table{margin-top:18px}

/* Seizoensblok */
.cv-season{background:var(--foil-soft);border-block:1px solid var(--line)}
.cv-season .cv-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;padding-block:22px}
.cv-season h2{font-size:1.5rem}
.cv-season p{color:var(--muted);font-size:.95rem}
.cv-season>.cv-wrap>div:first-child{flex:1 1 300px}

/* Rubrieken */
.cv-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.cv-pillar{padding:20px 20px 20px 0;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
.cv-pillar+.cv-pillar{padding-left:20px;border-left:1px solid var(--line)}
.cv-pillar h3{font-size:1.45rem}
.cv-pillar h3 a{color:var(--ink);text-decoration:none}
.cv-pillar h3 a:hover{color:var(--bottle)}
.cv-pillar ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.93rem;line-height:1.35;flex:1}
.cv-count{font-size:.78rem;color:var(--muted)}

/* Tools */
.cv-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cv-tool{border:1px solid var(--line);padding:18px;background:var(--paper);display:flex;flex-direction:column;gap:8px}
.cv-tool .cv-eyebrow{color:var(--foil)}
.cv-tool h3{font-size:1.2rem}
.cv-tool p{color:var(--muted);font-size:.9rem;flex:1}
.cv-tool a{font-weight:600;font-size:.93rem}

/* Kaarten */
.cv-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.cv-card{display:flex;flex-direction:column;gap:8px;min-width:0}
.cv-thumb{aspect-ratio:3/2;overflow:hidden;background:var(--rub-soft);display:block;max-width:100%;border-radius:4px}
.cv-thumb img,.cv-thumb svg{width:100%;height:100%;object-fit:cover;display:block}
.cv-thumb img{transition:transform .5s ease}.cv-card:hover .cv-thumb img{transform:scale(1.03)}
.cv-card h3{font-size:1.22rem}
.cv-card h3 a{color:var(--ink);text-decoration:none}
.cv-card h3 a:hover{color:var(--bottle);text-decoration:underline}
.cv-card p{font-size:.9rem;color:var(--muted)}
.cv-meta{font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 10px}

/* Sfeerband */
.cv-band{position:relative;background:var(--deep);color:var(--on-deep);overflow:hidden}
.cv-band img.cv-band-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.cv-band .cv-wrap{position:relative;padding-block:56px;display:grid;gap:10px;max-width:var(--wrap)}
.cv-band blockquote{margin:0;font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.2;max-width:24ch}
.cv-band p{font-size:.9rem;opacity:.85;max-width:52ch}
.cv-band a{color:var(--on-deep)}

/* Vertrouwen */
.cv-trust{background:var(--trust);color:var(--on-trust)}
.cv-trust .cv-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:40px}
.cv-trust h3{font-size:1.25rem;margin-bottom:6px}
.cv-trust p{font-size:.93rem;opacity:.92}
.cv-trust a{color:inherit}

/* Voet */
.cv-footer{border-top:1px solid var(--line);background:var(--paper);font-size:.88rem;color:var(--muted)}
.cv-footer .cv-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;padding-block:36px 24px}
.cv-footer h2{font-family:var(--body);margin:0 0 10px;color:var(--ink);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.cv-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cv-footer a{color:var(--muted);text-decoration:none}
.cv-footer a:hover{color:var(--bottle);text-decoration:underline}
.cv-footer .cv-word{font-size:1.5rem;color:var(--ink)}
.cv-nix{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--ink)}
.cv-nix b{font-family:var(--mono);border:2px solid var(--ink);padding:2px 7px;border-radius:3px;font-size:.8rem;font-weight:500}
.cv-colofon{border-top:1px solid var(--line);padding-block:14px 20px;font-size:.8rem;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}

/* Artikel */
.cv-art{display:grid;grid-template-columns:minmax(0,var(--read)) 270px;gap:56px;padding-block:28px 56px;justify-content:center}
.cv-art--smal{grid-template-columns:minmax(0,var(--read))}
.cv-crumbs{font-size:.82rem;color:var(--muted);margin-bottom:16px}
.cv-crumbs a{color:var(--muted)}
.cv-art h1{font-size:clamp(2rem,4.4vw,2.9rem);font-weight:400;margin-top:8px}
.cv-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.86rem;color:var(--muted);margin:18px 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.cv-byline a{color:var(--ink);font-weight:600;text-decoration:none}
.cv-byline a:hover{text-decoration:underline}
.cv-check{color:var(--bottle);font-weight:600}
.cv-figure{margin:0 0 26px;aspect-ratio:16/9;overflow:hidden;background:var(--mousse)}
.cv-figure img{width:100%;height:100%;object-fit:cover;display:block}

.cv-prose{font-size:1.06rem}
.cv-prose>*+*{margin-top:1.05em}
.cv-prose>p:first-child{font-size:1.16rem;line-height:1.55}
.cv-prose h2{font-size:1.65rem;margin-top:1.9em;scroll-margin-top:16px}
.cv-prose h3{font-size:1.25rem;margin-top:1.6em}
.cv-prose h2+*,.cv-prose h3+*{margin-top:.55em}
.cv-prose ul,.cv-prose ol{padding-left:1.25em;margin-bottom:0}
.cv-prose li+li{margin-top:.35em}
.cv-prose li::marker{color:var(--foil)}
.cv-prose img{display:block;height:auto}
.cv-prose figure{margin-inline:0}
.cv-prose figcaption{font-size:.84rem;color:var(--muted);margin-top:6px}
.cv-prose blockquote{margin-inline:0;padding:4px 0 4px 18px;border-left:3px solid var(--foil-bright);font-family:var(--display);font-size:1.25rem;line-height:1.35}
.cv-tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper)}
.cv-prose table,.cv-table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:540px}
.cv-prose th,.cv-prose td,.cv-table th,.cv-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.cv-prose tr:last-child td,.cv-table tr:last-child td{border-bottom:0}
.cv-prose th,.cv-table th{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--chalk)}
.cv-prose td,.cv-table td{font-variant-numeric:tabular-nums}

.cv-prose .kort{background:var(--foil-soft);padding:18px 22px}
.cv-prose .kort h2,.cv-prose .bronnen h2{font-family:var(--body);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin:0 0 8px}
.cv-prose .kort ul{padding-left:1.1em}
.cv-toc{border:1px solid var(--line);padding:10px 16px;background:var(--paper);font-size:.96rem}
.cv-toc summary{cursor:pointer;font-weight:600}
.cv-toc ol{margin:8px 0 4px;padding-left:1.3em}
.cv-prose div[class$="intern-leesook"],.cv-leesook{border-left:3px solid var(--foil-bright);padding:4px 0 4px 16px;font-size:.98rem}
.cv-prose div[class$="intern-leesook"] strong,.cv-prose div[class$="intern-leesook"] b{display:block;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cv-prose div[class$="intern-leesook"] ul{list-style:none;padding:0}
.cv-prose .toolbox{border:1px solid var(--bottle);padding:16px 18px;display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;background:var(--paper)}
.cv-prose .toolbox p{flex:1 1 220px;margin:0}
.cv-prose .toolbox a{font-weight:600;background:var(--bottle);color:var(--on-bottle);padding:10px 16px;border-radius:3px;text-decoration:none;font-size:.95rem}
.cv-prose .bronnen{border-top:1px solid var(--line);margin-top:2.2em;padding-top:18px;font-size:.88rem;color:var(--muted)}
.cv-prose .bronnen ol{display:grid;gap:4px}
.cv-prose .bronnen li+li{margin-top:0}
.cv-adslot{margin:1.4em 0}

.cv-redactie{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;border:1px solid var(--line);padding:18px;margin-top:32px;background:var(--paper);font-size:.93rem}
.cv-redactie strong.cv-naam{font-family:var(--display);font-size:1.2rem;font-weight:500;display:block}
.cv-redactie .cv-desk{font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.04em;margin-bottom:6px}
.cv-redactie p+p{margin-top:6px}
.cv-redactie .cv-klein{font-size:.84rem;color:var(--muted)}
.cv-related{margin-top:44px;border-top:2px solid var(--ink);padding-top:18px}
.cv-related h2{font-size:1.4rem;margin-bottom:16px}
.cv-related .cv-feed{gap:20px}
.cv-related .cv-card h3{font-size:1.02rem}
.cv-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px;align-self:start}
.cv-sidebox{border-top:2px solid var(--ink);padding-top:12px;font-size:.9rem}
.cv-sidebox h2{font-family:var(--body);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:10px}
.cv-sidebox ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;line-height:1.35}
.cv-sidebox p{margin-bottom:10px}

/* Blokken binnen een pagina: de kopjes houden hun eigen maat */
.cv-prose .cv-steps,.cv-prose .cv-tools{margin-top:1.4em}
.cv-prose .cv-step h2{margin-top:0;font-size:1.25rem}
.cv-prose .cv-facts h2{margin-top:0}
.cv-prose .cv-tool h2{margin-top:0;font-size:1.2rem}
.cv-prose .cv-scale h2{margin-top:0;font-size:1.3rem}
.cv-prose .cv-label-uitleg h3{margin-top:6px}
.cv-prose .cv-toolbron{margin-top:10px}

/* Rubriek, zoeken, redacteur */
.cv-arch-head{padding-block:36px 28px;border-bottom:1px solid var(--line);background:var(--paper)}
.cv-arch-head h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:400;margin-top:8px}
.cv-arch-head .cv-intro{max-width:66ch;color:var(--muted);margin-top:14px;font-size:1.05rem}
.cv-arch-head--beeld{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:center}
.cv-arch-beeld{aspect-ratio:3/2;overflow:hidden}
.cv-arch-beeld img{width:100%;height:100%;object-fit:cover;display:block}
.cv-index{list-style:none;margin:0;padding:0;columns:2;column-gap:40px}
.cv-index li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.cv-index a{color:var(--ink);text-decoration:none;font-weight:500;line-height:1.35}
.cv-index a:hover{color:var(--bottle);text-decoration:underline}
.cv-pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px;font-family:var(--mono);font-size:.9rem}
.cv-pager .page-numbers{padding:6px 12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--paper)}
.cv-pager .current{background:var(--bottle);color:var(--on-bottle);border-color:var(--bottle)}
.cv-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start}
.cv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding-block:32px}
.cv-facts h2{font-family:var(--body);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:10px}
.cv-facts ul{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:.95rem}
.cv-facts li::marker{color:var(--foil)}
.cv-note-box{background:var(--foil-soft);padding:14px 18px;font-size:.92rem;margin-top:18px;max-width:66ch}
.cv-page{padding-block:32px 56px}
.cv-page h1{font-size:clamp(2rem,4.4vw,2.9rem);font-weight:400;margin-bottom:20px}
.cv-page .cv-prose{max-width:var(--read)}
.cv-page--breed .cv-prose{max-width:none}
.cv-leeg{padding-block:56px;text-align:left;max-width:60ch}

/* Tools */
.cv-calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block:1.4em}
.cv-calc form{display:grid;gap:16px;background:var(--paper);border:1px solid var(--line);padding:22px}
.cv-calc label{font-weight:600;font-size:.92rem;display:grid;gap:6px}
.cv-calc input[type=number],.cv-calc select{font:inherit;font-weight:400;padding:9px 12px;border:1px solid var(--line);border-radius:3px;background:var(--chalk);color:var(--ink);width:100%}
.cv-calc .cv-hint{font-weight:400;font-size:.8rem;color:var(--muted)}
.cv-calc .cv-checkrow{display:flex;gap:8px;align-items:center;font-weight:500}
.cv-result{display:grid;gap:12px;align-content:start}
.cv-big{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.4rem);line-height:1}
.cv-resrow{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-block:8px;font-size:.96rem}
.cv-bottles{display:flex;flex-wrap:wrap;align-items:flex-end;gap:5px;min-height:52px;padding-top:6px}
.cv-bottles span{width:12px;height:36px;border-radius:5px 5px 2px 2px;background:var(--bottle);position:relative}
.cv-bottles span.m{width:16px;height:46px;background:var(--bottle-2)}
.cv-bottles span::before{content:"";position:absolute;top:-3px;left:3px;right:3px;height:8px;background:var(--foil-bright);border-radius:2px}
.cv-formats{margin-block:1.4em}
.cv-formats-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--paper);padding:18px 12px 8px}
.cv-formats svg{display:block;min-width:1040px;width:100%;height:auto}
.cv-formats svg text{font-family:var(--mono);font-size:11px;fill:var(--muted)}
.cv-formats svg .cv-fname{font-family:var(--body);font-size:11.5px;fill:var(--ink);font-weight:600}
.cv-formats svg .glas{fill:var(--bottle)}
.cv-formats svg .folie{fill:var(--foil-bright)}
.cv-formats svg .mens{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:3 3}
.cv-label{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:start;margin-block:1.4em}
.cv-label-art{background:var(--paper);border:1px solid var(--line);padding:22px 18px;text-align:center;display:grid;gap:8px;justify-items:center;font-family:var(--display)}
.cv-label-art button{font:inherit;color:var(--ink);background:none;border:1px dashed transparent;border-radius:3px;padding:3px 8px;cursor:pointer;line-height:1.2}
.cv-label-art button:hover{border-color:var(--foil-bright)}
.cv-label-art button[aria-pressed="true"]{background:var(--foil-soft);border-color:var(--foil-bright);border-style:solid}
.cv-label-art .l-huis{font-size:1.7rem;letter-spacing:.08em;text-transform:uppercase}
.cv-label-art .l-app{font-size:1.25rem;font-style:italic;color:var(--foil)}
.cv-label-art .l-klein{font-family:var(--mono);font-size:.74rem;letter-spacing:.04em}
.cv-label-art .l-rij{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center}
.cv-label-art hr{width:60%;border:0;border-top:1px solid var(--foil-bright);margin:4px 0}
.cv-label-uitleg{border-top:2px solid var(--ink);padding-top:14px;min-height:150px}
.cv-label-uitleg h3{font-size:1.35rem;margin-bottom:8px}
.cv-label-uitleg p+p{margin-top:8px}
.cv-toolbron{font-size:.84rem;color:var(--muted);margin-top:10px}

@media (max-width:960px){
  .cv-hero,.cv-calc,.cv-arch-head--beeld,.cv-label{grid-template-columns:minmax(0,1fr)}
  .cv-pillars,.cv-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-pillar:nth-child(odd){padding-left:0;border-left:0}
  .cv-feed,.cv-trust .cv-wrap{grid-template-columns:minmax(0,1fr)}
  .cv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cv-related .cv-feed{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cv-art{grid-template-columns:minmax(0,var(--read));gap:36px}
  .cv-side{position:static}
  .cv-footer .cv-cols{grid-template-columns:1fr 1fr}
  .cv-facts{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:620px){
  body{font-size:16px}
  .cv-top span{display:none}
  .cv-top{justify-content:flex-end}
  .cv-word{font-size:1.9rem}
  .cv-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:22px;scrollbar-width:none}
  .cv-nav::-webkit-scrollbar{display:none}
  .cv-nav li{flex:none}
  .cv-pillars,.cv-tools{grid-template-columns:minmax(0,1fr)}
  .cv-pillar,.cv-pillar+.cv-pillar{padding-left:0;border-left:0}
  .cv-bar{grid-template-columns:86px minmax(0,1fr) 70px}
  .cv-related .cv-feed{grid-template-columns:minmax(0,1fr)}
  .cv-index{columns:1}
  .cv-steps{grid-template-columns:minmax(0,1fr)}
  .cv-merk{width:30px}
  .cv-hero{padding-block:32px 28px}
  .cv-section{padding-block:34px}
  .cv-search{flex-wrap:wrap}
  .cv-search input{flex-basis:100%}
}
@media (prefers-reduced-motion:no-preference){
  .cv-fill{transition:width .6s ease}
}
@media print{
  .cv-header nav,.cv-side,.cv-related,.cv-footer,.cv-search{display:none}
  body{background:#fff}
}

/* ---------- 1.1: merk, rubriekkleuren, illustraties, werkwijze ---------- */
.cv-brandrow{display:flex;align-items:center;gap:12px}
.cv-merk{width:40px;height:auto;flex:none;display:block}
.cv-merk .m-kop{fill:var(--foil-bright)}
.cv-merk .m-glans{fill:none;stroke:#F0D68C;stroke-width:1.8;stroke-linecap:round;opacity:.75}
.cv-merk .m-band{fill:var(--foil)}
.cv-merk .m-pen{fill:var(--bottle)}
.cv-merk .m-spleet{stroke:var(--paper);stroke-width:1.5;stroke-linecap:round}
.cv-merk .m-gat{fill:var(--paper)}
.cv-brandrow--klein .cv-merk{width:30px}
.cv-merk--by{width:28px}
.cv-merk--box{width:52px}
.cv-header{background:var(--paper);border-bottom:0;box-shadow:inset 0 -3px 0 var(--foil-bright)}

.cv-rub--goud{--rub:var(--foil-bright);--rub-ink:var(--foil);--rub-soft:var(--foil-soft);--rub-mid:#EBD6A6}
.cv-rub--groen{--rub:var(--bottle);--rub-ink:var(--bottle);--rub-soft:#E3ECE2;--rub-mid:#CFE0CF}
.cv-rub--oranje{--rub:var(--spritz);--rub-ink:var(--spritz);--rub-soft:var(--spritz-soft);--rub-mid:#F2CBAE}
.cv-rub--salie{--rub:var(--sage);--rub-ink:var(--sage);--rub-soft:var(--sage-soft);--rub-mid:#C9DCCD}
.cv-rub--rose{--rub:var(--rose);--rub-ink:var(--rose);--rub-soft:var(--rose-soft);--rub-mid:#EBC5C8}
.cv-card .cv-eyebrow,.cv-pillar .cv-eyebrow,.cv-arch-head .cv-eyebrow{color:var(--rub-ink)}

.cv-il{display:block;width:100%;height:100%}
.cv-il .bg{fill:var(--rub-soft)}
.cv-il .disc{fill:var(--rub-mid)}
.cv-il .s,.cv-il .s0,.cv-il .s1{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.cv-il .s1{stroke-width:2;opacity:.55}
.cv-il .w{fill:var(--paper)}
.cv-il .b{fill:none;stroke:var(--foil-bright);stroke-width:2}
.cv-il .g{fill:var(--foil-bright)}
.cv-il .lq{fill:#EBC768}
.cv-il .lqs{fill:#E8843E}
.cv-il .lqm{fill:#D45468}
.cv-il .fl{fill:#2C4A34}
.cv-il .ice{fill:rgba(255,255,255,.55);stroke:var(--ink);stroke-width:1.6}
.cv-il .cork{fill:#C99A62;stroke:var(--ink);stroke-width:3}
.cv-il .leaf{fill:#6E9C78;stroke:var(--ink);stroke-width:2.4}
.cv-il .grape{fill:#7B3B5A;stroke:var(--ink);stroke-width:2.4}
.cv-il .orange{fill:#E8843E;stroke:var(--ink);stroke-width:2.4}
.cv-il .orange-in{fill:#F6B26B}
.cv-il .lemon{fill:#F2D35B;stroke:var(--ink);stroke-width:2.4}
.cv-il .lemon-in{fill:#F8E79A}

.cv-pillars{border-top:0;gap:20px}
.cv-pillar,.cv-pillar+.cv-pillar{padding:0 0 18px;border:0;border-bottom:3px solid var(--rub)}
.cv-pillar-il{display:block;aspect-ratio:3/2;overflow:hidden;border-radius:4px;background:var(--rub-soft)}
.cv-pillar-il img,.cv-pillar-il svg{width:100%;height:100%;object-fit:cover;display:block}
.cv-pillar h3 a:hover{color:var(--rub-ink)}

.cv-arch-head{background:var(--rub-soft)}
.cv-arch-beeld{border-radius:4px}
.cv-arch-head .cv-intro{color:var(--ink);opacity:.85}

.cv-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:stap}
.cv-step{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--foil-bright);padding:18px;display:grid;gap:8px;align-content:start}
.cv-step-n{font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--foil-bright)}
.cv-step h3{font-size:1.2rem}
.cv-step p{font-size:.92rem;color:var(--muted)}
.cv-facts--pagina{padding-block:24px 0}
.cv-figure--pagina{aspect-ratio:3/1;margin-bottom:24px;border-radius:4px}

.cv-check{color:var(--bottle);font-weight:600;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:2px 10px;background:var(--paper)}
.cv-check:hover{border-color:var(--bottle)}
.cv-byline{align-items:center}
.cv-figure{border-radius:4px}
.cv-redactie{border-left:3px solid var(--foil-bright);align-items:start}
.cv-season{background:var(--rose-soft)}
.cv-band{background:radial-gradient(120% 140% at 85% 20%,#6B4A2A 0,var(--deep) 60%)}
.cv-tool{border-top:3px solid var(--foil-bright)}
.cv-prose .kort{border-left:3px solid var(--foil-bright);border-radius:0 4px 4px 0}
.cv-btn{border-radius:999px;padding:11px 20px}
.cv-search input{border-radius:999px;padding-inline:18px}
@media (max-width:960px){.cv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cv-steps{grid-template-columns:minmax(0,1fr)}.cv-brandrow .cv-merk{width:32px}.cv-brandrow--klein .cv-merk{width:26px}}
.cv-rub--oranje .cv-il .lq,.cv-il.cv-rub--oranje .lq{fill:#E8843E}

/* ---------- 1.2: filmband bovenaan de homepage; de site is altijd licht ---------- */
.cv-film{position:relative;background:var(--deep);aspect-ratio:21/9;max-height:min(62vh,620px);width:100%;overflow:hidden}
.cv-film-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cv-film::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to bottom,transparent,rgba(250,244,232,.0) 40%,var(--chalk));pointer-events:none}
@media (max-width:620px){.cv-film{aspect-ratio:4/3;max-height:none}}

/* ---------- 1.3: afwerking naar de ontwerpregels van Apple (WWDC), vertaald naar deze site ----------
   Kop als doorschijnende laag, reactie op het indrukken zelf, typografie per grootte, rust bij minder beweging. */

/* Typografie: grote letters krapper, kleine letters iets ruimer; regelafstand omgekeerd met de grootte. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-optical-sizing:auto}
h1,h2,h3,h4{letter-spacing:-.01em}
.cv-hero h1,.cv-art h1,.cv-arch-head h1,.cv-page h1{letter-spacing:-.022em;line-height:1.06}
.cv-word{letter-spacing:-.012em}
.cv-prose{line-height:1.65}
.cv-meta,.cv-byline,.cv-klein{letter-spacing:.005em}

/* Kop: blijft als menubalk staan en wordt doorschijnend; een zachte rand in plaats van een harde lijn. */
.cv-header.is-plak{position:sticky;top:calc(-1 * var(--kop-verberg,0px));z-index:50;transition:background-color .25s ease,box-shadow .25s ease}
body.admin-bar .cv-header.is-plak{top:calc(32px - var(--kop-verberg,0px))}
.cv-header.is-vast{background:rgba(255,252,246,.74);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);box-shadow:0 1px 0 rgba(42,33,24,.06),0 10px 24px -14px rgba(42,33,24,.28)}
.cv-header.is-vast .cv-nav a{font-weight:600}

/* Reactie op het indrukken zelf, niet pas bij loslaten; geen tikvertraging op telefoons. */
a,button,summary,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cv-btn,.cv-chip,.cv-prose .toolbox a,.cv-check,.cv-label-art button{transition:transform .1s ease-out,background-color .2s ease,border-color .2s ease,color .2s ease}
.cv-btn:active,.cv-chip:active,.cv-prose .toolbox a:active,.cv-check:active,.cv-label-art button:active{transform:scale(.97)}
.cv-thumb,.cv-pillar-il{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1)}
.cv-card:hover .cv-thumb,.cv-pillar:hover .cv-pillar-il{transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(42,33,24,.45)}
.cv-card:active .cv-thumb,.cv-pillar:active .cv-pillar-il{transform:scale(.985);transition-duration:.1s}
.cv-step,.cv-tool{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s cubic-bezier(.2,.8,.2,1)}
.cv-tool:hover{transform:translateY(-2px);box-shadow:0 12px 24px -18px rgba(42,33,24,.4)}

/* Inhoudsopgave: opent zacht. */
.cv-toc[open] ol{animation:cv-in .22s ease-out}
@keyframes cv-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Minder beweging: geen verschuiving of vergroting, alleen kleur. Video staat dan stil (zie render). */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}
  .cv-card:hover .cv-thumb,.cv-pillar:hover .cv-pillar-il,.cv-tool:hover,.cv-card:hover .cv-thumb img{transform:none!important}
}
/* Minder doorzichtigheid: een dichte kop. */
@media (prefers-reduced-transparency:reduce){
  .cv-header.is-vast{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* Meer contrast: dichte vlakken en duidelijke randen. */
@media (prefers-contrast:more){
  :root{--line:#9C8A74;--muted:#4A3D30}
  .cv-header.is-vast{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 var(--ink)}
}

/* ---------- 1.3.1: uitkomst van de controle met de Apple-skill ---------- */
/* Contrast: kleine tekst op de zachte rubriekvlakken haalt nu 4,5:1; grote cijfers 3:1. */
.cv-rub--goud{--rub-ink:#7A5714}
.cv-rub--oranje{--rub-ink:#9A4416}
.cv-step-n{color:var(--foil)}
/* Eén afronding voor alle vlakken, één voor knoppen. */
:root{--r:6px}
.cv-thumb,.cv-pillar-il,.cv-arch-beeld,.cv-figure,.cv-step,.cv-tool,.cv-scale,.cv-redactie,.cv-toc,.cv-tablewrap,.cv-calc form,.cv-label-art,.cv-prose .toolbox,.cv-formats-scroll,.cv-note-box,.cv-sidebox .cv-btn{border-radius:var(--r)}
.cv-prose .kort{border-radius:0 var(--r) var(--r) 0}
/* Aanwijs-effecten alleen waar echt aangewezen wordt (niet blijven hangen na een tik op de telefoon). */
@media (hover:none){
  .cv-card:hover .cv-thumb,.cv-pillar:hover .cv-pillar-il,.cv-tool:hover{transform:none;box-shadow:none}
  .cv-card:hover .cv-thumb img{transform:none}
}
/* Tikdoelen van minstens 44 pixels op de telefoon. */
@media (max-width:620px){
  .cv-nav a{padding-block:12px}
  .cv-chip{padding:10px 16px}
  .cv-footer a,.cv-top a,.cv-count,.cv-more,.cv-tool a,.cv-crumbs a,.cv-redactie a,.cv-byline a{display:inline-block;padding-block:12px}
  .cv-footer ul{gap:0}
  .cv-pillar ul{gap:0}.cv-pillar ul a{display:block;padding-block:9px}
  .cv-index a{display:block;padding-block:6px}
  .cv-toc summary{padding-block:10px}
  .cv-label-art button{min-height:44px}
}
.cv-checkrow input{width:22px;height:22px;accent-color:var(--bottle);flex:none}
.cv-checkrow{min-height:44px;cursor:pointer}
/* Menu op de telefoon: een zachte rand rechts laat zien dat er meer is. */
@media (max-width:620px){
  .cv-nav{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent);padding-right:40px}
  .cv-nav.is-eind{-webkit-mask-image:none;mask-image:none}
}
/* Pauzeknop op de video. */
.cv-film-knop{position:absolute;right:16px;bottom:16px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,252,246,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;display:grid;place-items:center;transition:transform .1s ease-out}
.cv-film-knop:active{transform:scale(.94)}
.cv-film-knop span{width:12px;height:14px;border-left:4px solid var(--ink);border-right:4px solid var(--ink)}
.cv-film-knop[aria-pressed="true"] span{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent var(--ink);margin-left:3px}
@media (max-width:620px){
  .cv-pillar ul a{padding-block:11px}
  .cv-pager .page-numbers{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
  .cv-sidebox ul{gap:0}.cv-sidebox ul a{display:block;padding-block:11px}
  .cv-index a{padding-block:10px}
}
@media (max-width:620px){.cv-byline a.cv-check{padding:6px 12px}.cv-byline{gap:2px 12px}}

/* ---------- 1.3.2: altijd licht, ook als de omgeving om donker vraagt; links zonder onderstreping ---------- */
html{color-scheme:light}
a{text-decoration:none}
a:hover{text-decoration:none}
/* Lijsten met links: inktkleur, bij aanwijzen de rubriekkleur. */
.cv-pillar ul a,.cv-sidebox a,.cv-toc a,.cv-index a,.cv-season a,.cv-footer a{color:var(--ink);text-decoration:none;transition:color .15s ease}
.cv-pillar ul a:hover,.cv-sidebox a:hover,.cv-toc a:hover,.cv-index a:hover,.cv-footer a:hover,.cv-card h3 a:hover,.cv-byline a:hover{color:var(--rub-ink,var(--bottle));text-decoration:none}
.cv-count,.cv-more,.cv-tool a{color:var(--bottle);font-weight:600}
.cv-count::after,.cv-more::after,.cv-tool a::after{content:" \2192"}
.cv-crumbs a{color:var(--muted)}
/* Alleen in lopende tekst blijft een link herkenbaar: een dunne lijn in de rubriekkleur, geen standaard onderstreping. */
.cv-prose p a,.cv-prose li a,.cv-prose td a,.cv-redactie p a,.cv-intro a{color:var(--bottle);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--bottle) 35%,transparent);text-decoration-thickness:1px;text-underline-offset:4px}
.cv-prose p a:hover,.cv-prose li a:hover,.cv-prose td a:hover,.cv-redactie p a:hover{text-decoration-color:var(--bottle)}
.cv-prose .bronnen a{color:var(--muted)}
.cv-toc a{text-decoration:none!important}

/* ---------- 1.5: palet afgestemd op de beelden (amber, koper, espresso, kaarslicht) ---------- */
.cv-rub--goud{--rub:#C8913A;--rub-ink:#7A5714;--rub-soft:#F6E3C4;--rub-mid:#EED3A6}
.cv-rub--groen{--rub:#7E5F22;--rub-ink:#7E5F22;--rub-soft:#F3E7CF;--rub-mid:#E7D4AE}
.cv-rub--oranje{--rub:#A94C18;--rub-ink:#9A4416;--rub-soft:#F8E1CF;--rub-mid:#F2CBAE}
.cv-rub--salie,.cv-rub--rose{--rub:#963C4C;--rub-ink:#963C4C;--rub-soft:#F5E0E0;--rub-mid:#EBC5C8}
.cv-fill{background:linear-gradient(90deg,#E2B467,#8A4A1F)}
.cv-hero h1 em{color:var(--bottle)}
.cv-merk .m-pen{fill:var(--ink)}
.cv-header{box-shadow:inset 0 -3px 0 var(--foil-bright)}
.cv-header.is-vast{background:rgba(255,249,240,.76)}
.cv-band{background:radial-gradient(120% 140% at 85% 20%,#7A4A22 0,var(--deep) 60%)}
.cv-band img.cv-band-img{opacity:.5}
.cv-season{background:var(--foil-soft)}
.cv-film{background:var(--deep)}
.cv-il .fl{fill:#3A2414}

/* Rubriekpagina: kop en de lijst met alle artikelen in de rubriekkleur, alleen Begin hier wit. */
.cv-zone--wit{background:var(--paper);border-block:1px solid var(--line)}
.cv-zone--rub{background:var(--rub-soft)}
.cv-zone--rub .cv-index li{border-bottom-color:color-mix(in srgb,var(--rub) 22%,transparent)}
.cv-zone--rub .cv-eyebrow{color:var(--rub-ink)}
.cv-arch-head{border-bottom:0}

/* ---------- 1.6: flessen, winkels en de vinder ---------- */
.cv-vinder{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--foil-bright);border-radius:var(--r);padding:16px}
.cv-vinder-veld{display:grid;gap:4px;min-width:0}
.cv-vinder label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cv-vinder input,.cv-vinder select{font:inherit;font-size:.95rem;min-height:44px;width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--ink)}
.cv-vinder select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
.cv-vinder .cv-btn{min-height:44px}
.cv-vinder--compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}
.cv-vinder--compact .cv-vinder-veld--q{grid-column:1/-1}
.cv-vinder--compact .cv-btn{grid-column:1/-1;justify-self:start}
.cv-hero--vinder .cv-lede{margin-bottom:18px}

.cv-winkels{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.cv-winkels h2{font-size:1.3rem;margin-bottom:8px}
.cv-winkels ul{list-style:none;margin:0;padding:0}
.cv-winkels li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
.cv-winkels li:last-child{border-bottom:0}
.cv-winkels a{color:var(--ink);font-weight:600}
.cv-winkels a:hover{color:var(--bottle)}
.cv-winkels .cv-mono{font-size:.82rem;color:var(--muted);white-space:nowrap}

.cv-vind-sectie .cv-vinder{margin-bottom:22px}
.cv-flessen{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cv-fles{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:12px 4px;border-bottom:1px solid var(--line)}
.cv-fles[hidden]{display:none}
.cv-fles-naam{color:var(--ink);font-weight:600;line-height:1.35}
.cv-fles-naam:hover{color:var(--bottle)}
.cv-fles-meta{grid-column:1;font-size:.84rem;color:var(--muted)}
.cv-fles-prijs{grid-column:2;grid-row:1/3;align-self:center;font-size:1rem;text-align:right;white-space:nowrap}
.cv-fles-prijs small{font-family:var(--body);font-size:.74rem;color:var(--muted)}
.cv-prose .cv-flessen{padding:0;margin:1em 0}
.cv-prose .cv-fles{margin:0}

.cv-art--fles{grid-template-columns:minmax(0,var(--read))}
.cv-art--fles section{margin-top:34px}
.cv-art--fles section>h2{font-size:1.5rem;margin-bottom:12px}
.cv-antwoord{font-size:1.16rem;line-height:1.55;margin:14px 0 16px;max-width:60ch}
.cv-label-info{font-size:.88rem;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}
.cv-label-info span{font-weight:700;color:var(--ink);margin-right:6px}
.cv-proef{background:var(--foil-soft);border-radius:var(--r);padding:16px 18px}
.cv-proef-score{font-size:2rem;line-height:1.1;margin:4px 0}
.cv-figure--fles{max-width:420px;margin-top:22px}
.cv-prijzen{min-width:560px}
.cv-prijzen small{color:var(--muted);font-size:.8rem}
.cv-art--fles .cv-klein{font-size:.84rem;color:var(--muted);margin-top:10px}
.cv-context{margin-top:12px;font-size:.95rem}
.cv-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.cv-specs div{padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.cv-specs dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cv-specs dd{margin:2px 0 0}
.cv-specs small{color:var(--muted)}
.cv-specs a{color:var(--bottle)}
.cv-huis-citaat{margin-top:14px;font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--muted)}
.cv-fles-bronnen ul{font-size:.86rem;color:var(--muted);padding-left:1.1em;display:grid;gap:4px}
.cv-fles-bronnen a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line)}
.cv-terug{margin-top:34px}
.cv-section--tekst .cv-prose{max-width:var(--read)}

@media (max-width:960px){
  .cv-vinder{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cv-vinder-veld--q{grid-column:1/-1}
  .cv-vinder .cv-btn{grid-column:1/-1;justify-self:start}
}
@media (max-width:620px){
  .cv-vinder,.cv-vinder--compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cv-vinder-veld--q{grid-column:1/-1}
  .cv-specs{grid-template-columns:minmax(0,1fr)}
}