/* Winterzon.net – stylesheet */
@font-face{font-family:"Bricolage Grotesque";font-weight:600;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(../fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/source-sans-3-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(../fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:700;font-display:swap;src:url(../fonts/source-sans-3-latin-700-normal.woff2) format("woff2")}

:root{
  --navy:#123E7C;      /* koppen, logo */
  --link:#0B55B5;      /* links (afgeleid van oude #03348F) */
  --ink:#1F2933;       /* lopende tekst */
  --muted:#5B6673;
  --sun:#F7931E;       /* zon-oranje */
  --sun-deep:#D9560B;
  --sun-light:#FFC93C;
  --sand:#FFF5DF;      /* oude #FFF7E6 */
  --sand-2:#FFE6A8;    /* oude #FFD57D, iets zachter */
  --line:#EFDDB3;
  --page:#FFFCF5;
  --white:#fff;
  --radius:10px;
  --display:"Bricolage Grotesque",system-ui,sans-serif;
  --body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wrap:1140px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--page);color:var(--ink);font:400 1.0625rem/1.65 var(--body)}
img{max-width:100%;height:auto}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--sun-deep)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:3px}
h1,h2,h3{font-family:var(--display);color:var(--navy);line-height:1.15;letter-spacing:-.01em}
h1{font-weight:800;font-size:clamp(2.2rem,1.4rem + 3.6vw,3.6rem);margin:0 0 .25em}
h2{font-weight:800;font-size:clamp(1.45rem,1.2rem + 1vw,1.85rem);margin:2.2em 0 .5em}
h3{font-weight:600;font-size:1.2rem;margin:1.6em 0 .4em}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
@media (min-width:700px){.wrap{padding:0 28px}}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:8px 12px;z-index:99}
.skip:focus{left:8px}

/* ---------- header & menu ---------- */
.site-header{background:var(--white);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.site-header::after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--sun-light),var(--sun) 55%,var(--sun-deep))}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.logo img{display:block;height:40px;width:auto}
@media (min-width:900px){.logo img{height:48px}}
.menu-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--sand);color:var(--navy);font:600 1rem var(--body);padding:8px 14px;border-radius:999px;cursor:pointer}
.menu-toggle svg{width:20px;height:20px}
.nav{display:none}
.nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(18,62,124,.12);max-height:calc(100vh - 72px);overflow:auto}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{padding:8px 16px 16px}
.nav>ul>li>a,.nav summary{display:block;padding:12px 4px;font:600 1.05rem var(--body);color:var(--navy);text-decoration:none;border-bottom:1px solid #F3E8CF;cursor:pointer}
.nav summary{list-style:none;display:flex;justify-content:space-between;align-items:center}
.nav summary::-webkit-details-marker{display:none}
.nav summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 6px 0}
.nav details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.nav .sub{padding:6px 0 10px 8px;columns:2;column-gap:16px}
.nav .sub a{display:block;padding:6px 4px;color:var(--ink);text-decoration:none}
.nav .sub a:hover{color:var(--sun-deep)}
.nav a[aria-current=page]{color:var(--sun-deep)}
@media (min-width:900px){
  .menu-toggle{display:none}
  .nav{display:block;position:static!important;box-shadow:none!important;border:0!important}
  .nav>ul{display:flex;gap:4px;padding:0}
  .nav>ul>li{position:relative}
  .nav>ul>li>a,.nav summary{border:0;padding:10px 14px;border-radius:999px;font-size:1rem}
  .nav>ul>li>a:hover,.nav summary:hover{background:var(--sand)}
  .nav details>.sub{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(18,62,124,.16);padding:10px;columns:1;min-width:240px}
}

/* ---------- broodkruimel ---------- */
.crumbs{font-size:.92rem;color:var(--muted);margin:22px 0 10px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li::before{content:"›";margin:0 6px 0 2px;color:#B9A57A}
.crumbs a{color:var(--muted)}

/* ---------- bestemming: kop ---------- */
.dest-head{display:grid;gap:24px;padding-bottom:8px}
.dest-head .lede{font-size:1.2rem;color:#3A4652;max-width:62ch;margin:0}
.dest-photo{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/7;background:var(--sand)}
.dest-photo img{width:100%;height:100%;object-fit:cover;display:block}

/* het winterstrookje: per maand in één oogopslag */
.winterstrip{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#fff, var(--sand));overflow:hidden}
.winterstrip li{text-align:center;padding:12px 4px 12px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:4px}
.winterstrip li:first-child{border-left:0}
.winterstrip .m{font:600 .95rem var(--display);color:var(--navy);text-transform:capitalize}
.winterstrip img{width:46px;height:46px}
.winterstrip .t{font:800 1.35rem/1 var(--display);color:var(--sun-deep)}
.winterstrip .t small{font-size:.7em;font-weight:600}
.winterstrip .stars{--size:12px}
.winterstrip li.best{background:linear-gradient(180deg,#FFF3C9,#FFE29A)}
@media (max-width:520px){
  .winterstrip{grid-template-columns:repeat(3,1fr)}
  .winterstrip li:nth-child(4){border-left:0}
  .winterstrip li:nth-child(n+4){border-top:1px solid var(--line)}
}
.strip-caption{font-size:.9rem;color:var(--muted);margin:8px 0 0}

/* ---------- layout met zijkolom ---------- */
.layout{display:grid;gap:40px;margin-top:8px}
@media (min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 300px;gap:56px}}
.article{max-width:760px}
.article>p,.article li{max-width:68ch}
.article ul.tips{padding-left:0;list-style:none}
.article ul.tips li{position:relative;padding-left:26px;margin:.45em 0}
.article ul.tips li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--sun-light),var(--sun))}
.intro-note{color:var(--muted);font-size:.95rem}

/* ---------- sterren ---------- */
.stars{--size:18px;--pct:0%;display:inline-block;width:calc(var(--size)*5);height:var(--size);vertical-align:middle;
  background:linear-gradient(90deg,var(--sun) var(--pct),#E7DCC4 var(--pct));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.5 7.1.9-5.2 4.9 1.3 7.1L12 17.8l-6.3 3.4L7 14.1 1.8 9.2l7.1-.9z'/%3E%3C/svg%3E") left/var(--size) var(--size) repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3.1 6.5 7.1.9-5.2 4.9 1.3 7.1L12 17.8l-6.3 3.4L7 14.1 1.8 9.2l7.1-.9z'/%3E%3C/svg%3E") left/var(--size) var(--size) repeat-x}
.unfit{display:inline-flex;align-items:center;gap:6px;color:#9B3B2E;font-weight:600;font-size:.95rem}
.unfit img{width:18px;height:18px}

/* ---------- tabellen ---------- */
.table-wrap{margin:1em 0 1.6em;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
table{border-collapse:collapse;width:100%;font-size:1rem}
th,td{text-align:left;vertical-align:middle;padding:14px 16px}
thead th{background:var(--sand);color:var(--navy);font:600 .95rem/1.25 var(--body);border-bottom:1px solid var(--line)}
tbody tr+tr>*{border-top:1px solid #F4EAD3}
tbody th{font-weight:600;color:var(--navy);text-transform:capitalize;white-space:nowrap}
.table-note{font-size:.92rem;color:var(--muted);padding:12px 16px;background:#FFFBF0;border-top:1px solid var(--line)}

/* geschiktheid */
.fit td.stars-cell{white-space:nowrap;width:1%}
.fit tr.best{background:#FFF8E1}
@media (max-width:640px){
  .fit thead{display:none}
  .fit tbody tr{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 16px;align-items:center}
  .fit tbody tr>*{padding:0;border:0!important}
  .fit tbody tr+tr{border-top:1px solid #F4EAD3}
  .fit td.stars-cell{justify-self:end;width:auto}
  .fit td.desc{grid-column:1/-1;color:#3A4652}
}

/* praktische info als definitielijst */
.facts{margin:1em 0 1.6em;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.facts div{display:grid;grid-template-columns:minmax(150px,34%) 1fr;gap:4px 20px;padding:13px 16px}
.facts div+div{border-top:1px solid #F4EAD3}
.facts dt{font-weight:600;color:var(--navy)}
.facts dt small{display:block;font-weight:400;color:var(--muted);font-size:.85rem}
.facts dd{margin:0}
@media (max-width:560px){.facts div{grid-template-columns:1fr}}

/* klimaat */
.climate td{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}
.climate thead th{text-align:center;font-size:.88rem}
.climate thead th:first-child{text-align:left}
.climate .unit{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.climate td.temp{color:#7A2E06}
.climate td.sea{color:#0B5E8A}
.climate td .meter{display:block;height:5px;border-radius:3px;background:#F3E6C6;margin:6px auto 0;max-width:64px;overflow:hidden}
.climate td .meter i{display:block;height:100%;background:var(--sun)}
.climate td.rain .meter i{background:#5A97D8}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){
  .climate th,.climate td{padding:11px 8px}
  .climate thead th{font-size:.8rem}
  .climate tbody th{position:sticky;left:0;background:#fff;z-index:1}
}

/* weersomstandigheden */
.weather td{text-align:center}
.weather thead th{text-align:center}
.weather thead th:first-child{text-align:left}
.weather td.icon img{width:48px;height:48px;display:block;margin:0 auto}
.weather td.icon span{display:block;font-size:.8rem;color:var(--muted);line-height:1.2}
.risk{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.88rem;font-weight:600;white-space:nowrap}
.risk-0{background:#EEF1F4;color:#66717D}
.risk-1{background:#E4F4E6;color:#25683A}
.risk-2{background:#FFF0C7;color:#8A5A00}
.risk-3{background:#FFDCC6;color:#A33A0B}
.risk-4{background:#F9C9C3;color:#8E1D12}
@media (max-width:720px){
  .weather thead{display:none}
  .weather tbody tr{display:grid;grid-template-columns:64px 1fr 1fr;gap:6px 10px;padding:14px 12px;align-items:center}
  .weather tbody tr>*{padding:0;border:0!important;text-align:left}
  .weather tbody tr+tr{border-top:1px solid #F4EAD3}
  .weather tbody th{grid-column:2/-1;grid-row:1}
  .weather td.icon{grid-row:1/span 3;grid-column:1}
  .weather td.icon span{display:none}
  .weather td[data-label]{font-size:.9rem;color:var(--muted)}
  .weather td[data-label]::before{content:attr(data-label) " ";display:block;font-size:.8rem}
}

/* legenda */
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--muted);margin:-.6em 0 1.6em}
.legend span{display:inline-flex;align-items:center;gap:6px}

/* ---------- reclameblokken ---------- */
.ad-label{font-size:.78rem;color:var(--muted);margin:0 0 6px;letter-spacing:.02em}
.deal{margin:2.2em 0;padding:20px;border-radius:14px;background:linear-gradient(115deg,#FFF6DC 0%,#FFE9B0 60%,#FFD98A 100%);position:relative;overflow:hidden}
.deal::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,60,.55),rgba(255,201,60,0) 70%)}
.deal h2,.deal .deal-title{font:800 1.35rem/1.2 var(--display);color:var(--navy);margin:0 0 4px;position:relative}
.deal p{margin:0 0 14px;color:#3A4652;position:relative;max-width:56ch}
.partners{display:grid;gap:12px;position:relative}
@media (min-width:640px){.partners{grid-template-columns:repeat(3,1fr)}}
.partner{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#fff;border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);border:1px solid rgba(217,86,11,.15);transition:transform .15s ease,box-shadow .15s ease}
.partner:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,62,124,.14);color:var(--ink)}
.partner .plogo{height:34px;display:flex;align-items:center}
.partner .plogo img{max-height:34px;width:auto}
.partner .pline{font-size:.95rem;line-height:1.4}
.partner .btn{align-self:flex-start}
.btn{display:inline-block;background:var(--navy);color:#fff;font:600 .95rem var(--body);padding:9px 16px;border-radius:999px;text-decoration:none}
.partner:hover .btn,.btn:hover{background:var(--sun-deep);color:#fff}
/* breed blok met één partner */
.deal-wide{display:grid;gap:16px;align-items:center}
@media (min-width:640px){.deal-wide{grid-template-columns:auto 1fr auto}}
.deal-wide .plogo{background:#fff;border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:center;position:relative}
.deal-wide .plogo img{height:40px;width:auto}
.deal-wide .txt{position:relative}
.deal-wide .txt p{margin:0}
.deal-wide .btn{position:relative;justify-self:start}

/* ---------- zijkolom ---------- */
.aside{display:grid;gap:24px;align-content:start}
@media (min-width:1000px){.aside .sticky{position:sticky;top:96px}}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 14px}
.box h2{font-size:1.15rem;margin:0 0 10px}
.box ul{list-style:none;margin:0;padding:0}
.box li{border-top:1px solid #F4EAD3}
.box li:first-child{border-top:0}
.box li a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;text-decoration:none}
.box li a .stars{--size:11px}
.box .more{display:inline-block;margin-top:10px;font-weight:600}
.box-sun{background:linear-gradient(180deg,#FFF6DC,#FFE7AA);border-color:#F6D486}
.box-sun .btn{margin-top:4px}

/* links-lijst onderaan */
.linklist{columns:2 240px;column-gap:28px;padding:0;list-style:none}
.linklist li{break-inside:avoid;padding:4px 0}

/* ---------- footer ---------- */
.site-footer{margin-top:72px;background:var(--navy);color:#D9E3F2;font-size:.95rem}
.site-footer::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--sun-light),var(--sun) 55%,var(--sun-deep))}
.site-footer a{color:#fff}
.site-footer a:hover{color:var(--sun-light)}
.foot{display:grid;gap:28px;padding:40px 0 28px}
@media (min-width:760px){.foot{grid-template-columns:1.3fr 1fr 1fr}}
.foot h2{color:#fff;font-size:1.05rem;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:3px 0}
.foot .logo-inv{height:38px;width:auto}
.foot p{max-width:42ch}
.copy{border-top:1px solid rgba(255,255,255,.15);padding:16px 0 24px;font-size:.88rem;color:#AFC0D8}

/* ---------- homepage ---------- */
.hero{background:radial-gradient(120% 140% at 85% 0%,#FFE3A0 0%,#FFF1CF 38%,var(--page) 70%);padding:40px 0 28px;border-bottom:1px solid var(--line)}
.hero h1{max-width:16ch}
.hero .lede{font-size:1.2rem;max-width:58ch;color:#3A4652}
.monthpick{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 14px 34px rgba(217,86,11,.08)}
.monthpick h2{margin:0 0 12px;font-size:1.25rem}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tabs button{font:600 1rem var(--body);border:1px solid var(--line);background:var(--sand);color:var(--navy);padding:8px 16px;border-radius:999px;cursor:pointer;text-transform:capitalize}
.tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.picks{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(150px,45%),1fr));list-style:none;margin:0;padding:0}
.picks a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid #F1E3C2;border-radius:10px;text-decoration:none;color:var(--ink);background:#FFFDF8}
.picks a:hover{border-color:var(--sun);color:var(--sun-deep)}
.picks .t{font:800 1rem var(--display);color:var(--sun-deep);white-space:nowrap}
.picks-note{font-size:.9rem;color:var(--muted);margin:12px 0 0}
.regions{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.region{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.region h3{margin:0 0 8px}
.region ul{list-style:none;margin:0;padding:0;columns:2;column-gap:12px}
.region li{padding:3px 0;break-inside:avoid}
.region li.sub{font-size:.92rem;padding-left:10px}
.top10{counter-reset:t;list-style:none;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.top10 li{counter-increment:t}
.top10 a{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:600}
.top10 a::before{content:counter(t);font:800 1.4rem/1 var(--display);color:var(--sun);min-width:1.4em}
.two-col{display:grid;gap:32px}
@media (min-width:900px){.two-col{grid-template-columns:minmax(0,1fr) 340px;gap:56px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dest-photo{margin-bottom:28px}
/* overzicht */
.jump{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
.btn-ghost{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:600;color:var(--navy)}
.btn-ghost:hover{background:var(--sand)}
.overview th,.overview td{padding:10px 12px}
.overview td{text-align:center}
.overview thead th{text-align:center}
.overview thead th:first-child{text-align:left}
.overview tbody th{text-transform:none;white-space:normal;font-weight:600}
.overview tr.subrow th{font-weight:400;padding-left:26px}
.overview tbody th a{text-decoration:none}
.overview tbody th a:hover{text-decoration:underline}
@media (max-width:640px){.overview .stars{--size:8px}.overview th,.overview td{padding:9px 5px}.overview tbody th{position:sticky;left:0;background:#fff;z-index:1;font-size:.95rem;min-width:120px}}
h2[id],h1[id]{scroll-margin-top:90px}
@media (max-width:480px){.picks a{padding:8px 10px;font-size:.95rem}.monthpick{padding:14px}.tabs button{padding:7px 12px}}
.unfit-ico{width:16px;height:16px;vertical-align:middle;opacity:.85}
h1,h2{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:640px){.overview .stars{--size:8px!important}.overview tr.subrow th{padding-left:14px}}
.partners-1{grid-template-columns:1fr}@media (min-width:640px){.partners-2{grid-template-columns:repeat(2,1fr)}.partners-1{grid-template-columns:minmax(0,320px)}}
.plain th,.plain td{vertical-align:top;font-size:.95rem}.plain thead th{text-align:left}
/* foto's in hun eigen verhouding, niet bijgesneden */
.dest-photo{aspect-ratio:auto;background:none}
.dest-photo img{height:auto;object-fit:initial}
/* homepage: lange namen netjes binnen de kaders */
.picks{grid-template-columns:repeat(auto-fill,minmax(min(190px,45%),1fr))}
.picks a span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.region ul{columns:auto 150px}
.region li{overflow-wrap:anywhere;hyphens:auto}
.region,.picks a{min-width:0}
/* extra onderdelen bestemmingspagina */
.why{margin:2em 0;padding:22px 24px;border-radius:14px;background:linear-gradient(135deg,#FFF6DC,#FFE6A8);border:1px solid #F6D486}
.why h2{margin:0 0 .5em;font-size:1.4rem}
.why p:last-child{margin-bottom:0}
.rainy{margin:2em 0;padding:22px 24px;border-radius:14px;background:#EEF4FB;border:1px solid #D3E2F3}
.rainy h2{margin:0 0 .5em;font-size:1.4rem;display:flex;align-items:center;gap:10px}
.rainy h2 img{width:40px;height:40px}
.rainy ul.tips li::before{background:radial-gradient(circle at 40% 35%,#8FC1F0,#2F7FD8)}
.why h2{display:flex;align-items:center;gap:10px}.why h2 img{width:40px;height:40px}
.linklist li.more a{font-style:italic}
/* alternatieven */
.alts{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.alt-grid{display:grid;gap:16px}
@media (min-width:760px){.alt-grid{grid-template-columns:repeat(3,1fr)}}
.alt{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.alt:hover{border-color:var(--sun);box-shadow:0 10px 24px rgba(18,62,124,.10);color:var(--ink)}
.alt-name{font:800 1.3rem/1.15 var(--display);color:var(--navy)}
.alt-meta{font-size:.88rem;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.alt-txt{font-size:.98rem;line-height:1.55;flex:1}
.alt-go{font-weight:600;color:var(--link)}
.alt:hover .alt-go{color:var(--sun-deep)}
/* onderliggende bestemmingen */
.kids{margin:2em 0}
.kids h2{margin-top:0}
.kid-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
.kid{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}
.kid:hover{border-color:var(--sun);box-shadow:0 10px 24px rgba(18,62,124,.10);color:var(--ink)}
.kid .alt-name{font-size:1.15rem}
.kid-t{font-size:.9rem;color:var(--sun-deep);font-weight:600}
.melding{margin:0 0 24px;padding:16px 18px;border-radius:10px;background:#FDE8E4;border:1px solid #F2B8AE;color:#5C1A10}.melding strong{color:#8E1D12}