/* Kiesjevliegreis 2026. Spec: docs/kjvr-design-direction.md. Homepage-only rules: front.css; flight tables: flight.css. */
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:400;font-display:swap;src:url("https://www.kiesjevliegreis.nl/wp-content/themes/kjvr/assets/fonts/atkinson-hyperlegible-next-400.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:700;font-display:swap;src:url("https://www.kiesjevliegreis.nl/wp-content/themes/kjvr/assets/fonts/atkinson-hyperlegible-next-700.woff2") format("woff2")}
@font-face{font-family:"Gabarito";font-style:normal;font-weight:700;font-display:swap;src:url("https://www.kiesjevliegreis.nl/wp-content/themes/kjvr/assets/fonts/gabarito-700.woff2") format("woff2")}
@font-face{font-family:"Gabarito";font-style:normal;font-weight:800;font-display:swap;src:url("https://www.kiesjevliegreis.nl/wp-content/themes/kjvr/assets/fonts/gabarito-800.woff2") format("woff2")}
@font-face{font-family:"Gabarito Fallback";src:local("Arial"),local("Liberation Sans");size-adjust:96.3%;ascent-override:97.6%;descent-override:27%;line-gap-override:0%}

:root{
  --deep:#0E2A47; --ink:#26384F; --muted:#5A6B80; --blue:#1F4FBF; --blue-d:#173F9E; --air:#EAF2FF;
  --sun:#FFB238; --go:#C2410C; --go-d:#9A3412; --line:#D9E3F0;
  --max:1200px; --read:72ch; --header-h:68px; --sp:52px; --radius:14px;
  --font:"Atkinson Hyperlegible Next","Atkinson Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --display:"Gabarito","Gabarito Fallback",system-ui,Arial,sans-serif;
}
@media (min-width:901px){:root{--sp:80px}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:16px;color:var(--ink);background:#fff;line-height:1.65}
@media (min-width:901px){body{font-size:17px}}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:3px}
a:hover{color:var(--blue-d)}
:focus-visible{outline:3px solid var(--ring,var(--blue));outline-offset:2px}
.wrap{max-width:calc(var(--max) + 48px);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;color:var(--deep);line-height:1.1;margin:0}
h1{letter-spacing:-.02em}
h1{font-size:34px}
h2{font-size:28px}
h3{font-size:21px}
@media (min-width:901px){h1{font-size:48px}h2{font-size:34px}}
@media (max-width:420px){h1{font-size:29px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;left:8px;top:8px;width:auto;height:auto;margin:0;clip:auto;background:#fff;padding:12px 16px;border-radius:var(--radius);z-index:100}

/* buttons */
.btn,a.kj-button,a.my-button,a.visit-agency,.wpcf7 input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55em 1.5em;font:700 1rem/1.2 var(--font);color:#fff;text-decoration:none;background:var(--blue);border:0;border-radius:999px;cursor:pointer;box-shadow:none;text-shadow:none}
.btn:hover,.wpcf7 input[type=submit]:hover{background:var(--blue-d);color:#fff}
.btn-go,a.kj-button,a.my-button,a.visit-agency{background:var(--go)}
.btn-go:hover,a.kj-button:hover,a.my-button:hover,a.visit-agency:hover{background:var(--go-d);color:#fff}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.site-header .wrap{display:flex;align-items:center;gap:8px;min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--deep);text-decoration:none;font:800 24px/1 var(--display);letter-spacing:-.01em}
.brand:hover{color:var(--deep)}
.brand-mark{color:var(--blue);flex:none}
.brand-dot{font-style:normal;color:var(--go);margin:0 .02em}
.nav{margin-left:auto}
.icon-btn{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;border-radius:50%;color:var(--deep);cursor:pointer}
.icon-btn:hover{background:var(--air)}
.icon-btn:disabled{opacity:.35;cursor:default;pointer-events:none}
.menu-toggle{display:none}
.searchbar{display:none;background:var(--air);border-bottom:1px solid var(--line);position:absolute;left:0;right:0;top:100%}
.searchbar.open{display:block}

/* navigation, desktop */
.menu-list,.menu-list ul{list-style:none;margin:0;padding:0}
.menu-list{display:flex}
.menu-list>li{position:relative}
.menu-list>li.is-mega{position:static}
.menu-list>li>a{display:flex;align-items:center;min-height:var(--header-h);padding:0 14px;font-weight:700;font-size:.95rem;color:var(--deep);text-decoration:none;border-bottom:3px solid transparent}
.menu-list>li:hover>a,.menu-list>li:focus-within>a,.menu-list>li.is-open>a{color:var(--blue)}
.menu-list>li.current-menu-item>a,.menu-list>li.current-menu-ancestor>a{border-bottom-color:var(--blue)}
.submenu-toggle{background:none;border:0;cursor:pointer;color:inherit;padding:0;display:none;place-items:center}
.submenu-toggle span{display:block;width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.submenu-toggle[aria-expanded=true] span{transform:translateY(2px) rotate(225deg)}
.panel{display:none;position:absolute;top:100%;left:0;min-width:260px;padding:16px 8px;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 14px 30px rgba(15,42,74,.14);z-index:30}
.menu-list>li:hover>.panel,.menu-list>li:focus-within>.panel,.menu-list>li.is-open>.panel{display:block}
.menu-list>li.is-dismissed>.panel{display:none}
.panel a,.menu-label{display:block;padding:6px 14px;color:var(--ink);text-decoration:none;font-size:.95rem}
.panel a:hover{color:var(--blue);text-decoration:underline}
.panel [aria-current]{color:var(--deep);font-weight:700}
.is-mega>.panel{left:0;right:0;border-radius:0;padding:28px 0 32px}
.is-mega>.panel>.sub-menu-1{max-width:var(--max);margin:0 auto;padding:0 24px;columns:4 200px;column-gap:32px}
.sub-menu-1>li{break-inside:avoid;margin-bottom:20px}
.sub-menu-1>li.menu-item-has-children>:is(a,.menu-label){font:700 1.2rem/1.2 var(--display);color:var(--deep);padding-top:0}
.sub-menu-2 a{padding:5px 14px;font-size:.92rem}
.sub-menu-3{padding-left:14px!important}
.sub-menu-3 a{font-size:.88rem}

/* sections shared by the front page and the 404 */
.section{padding:var(--sp) 0 0}
.band{background:var(--air);padding-bottom:var(--sp);margin-top:var(--sp)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;margin-bottom:24px}
.section-title{margin-bottom:28px}
.section-more{margin:24px 0 0;font-weight:700}

/* inner pages */
.page-head{background:var(--air);padding:20px 0 36px}
.breadcrumbs{font-size:.875rem;color:var(--muted)}
.breadcrumbs p{margin:0 0 14px}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs .sep{margin:0 .5em;opacity:.6}
.page-title{max-width:26ch;overflow-wrap:anywhere}
.entry-meta{margin:12px 0 0;color:var(--muted);font-size:.9375rem}
.page-head .lead{max-width:var(--read);margin:14px 0 20px}
.content-wrap{padding-top:40px;padding-bottom:var(--sp)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.entry{min-width:0;max-width:var(--read)}
.entry-thumb{margin:0 0 32px}
.entry-thumb img{border-radius:var(--radius);width:100%;aspect-ratio:16/9;object-fit:cover}
@media (min-width:1100px){
  .content-layout:has(>.sidebar){grid-template-columns:minmax(0,var(--read)) 300px;justify-content:space-between;align-items:start}
}

/* entry content */
.entry-content::after{content:"";display:table;clear:both}
.entry-content h2{margin:1.7em 0 .5em}
.entry-content>:first-child{margin-top:0}
.entry-content h3{margin:1.5em 0 .4em}
.entry-content h4{margin:1.3em 0 .3em;font-size:1.125rem}
.entry-content p,.entry-content ul,.entry-content ol{margin:0 0 1em}
.entry-content p:empty{display:none}
.entry-content ul,.entry-content ol{padding-left:1.4em}
.entry-content li{margin-bottom:.3em}
.entry-content li::marker{color:var(--blue)}
.entry-content img{border-radius:var(--radius)}
.entry-content :is(img,iframe,table,div,figure,video){max-width:100%}
.entry-content hr{height:1px;margin:2.5em 0;border:0;background:var(--line)}
.entry-content span[style*=underline]{text-decoration:none!important}
.entry-content p.intro{font-size:1.25rem;line-height:1.55;color:var(--deep)}
.alignleft{float:left;margin:.3em 1.5em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.5em}
.aligncenter{display:block;margin:1em auto}
.alignnone{margin:1em 0}
img.alignleft,img.alignright,img.aligncenter,img.alignnone{height:auto}
.wp-caption{max-width:100%;margin:1em 0}
.wp-caption-text{font-size:.875rem;color:var(--muted);margin:.5em 0 0}
.gallery{display:flex;flex-wrap:wrap;gap:12px;margin:1em 0}
.gallery-item{margin:0;flex:1 1 140px}
.page-links{margin-top:1.5em;font-weight:700}
.entry-content iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:1.5em 0;border:0;border-radius:var(--radius);background:var(--air)}
@media (max-width:620px){.alignleft,.alignright{float:none;display:block;margin:1em auto}}

/* callouts: .tip/.cta/.agency blocks, and the inline-styled boxes older airport pages carry */
.entry-content :is(div,p,aside,blockquote):is(.tip,.cta,.agency),
.entry-content div[style*=border-left]{margin:1.6em 0!important;padding:16px 20px!important;background:var(--air)!important;border:0!important;border-left:4px solid var(--blue)!important;border-radius:0!important;color:var(--ink);text-align:left!important}
.entry-content div[style*=border-left]>:last-child{margin-bottom:0}

div.tip,p.tip{border-left-color:var(--sun)!important}

/* partner buttons and the provider lists: logo, name, orange pill. .kjvr-top-list is hand-written content HTML,
   .my-top-list the [top-list] shortcode (the theme turns its <button> into span.cta, see inc/compat.php). */
a.kj-button{gap:.4em}
.entry-content :is(ul.kjvr-top-list,ul.my-top-list){list-style:none;margin:1.6em 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
:is(.kjvr-top-list,.my-top-list) li{margin:0;padding:0}
:is(.kjvr-top-list,.my-top-list) a{display:flex;align-items:center;gap:14px;padding:12px 14px;min-height:76px;border:1px solid var(--line);border-radius:var(--radius);color:var(--deep);text-decoration:none}
:is(.kjvr-top-list,.my-top-list) a:hover{border-color:var(--go);background:#fff}
.kjvr-top-list .agency,.my-top-list a>span:first-child{display:flex;align-items:center;gap:14px;flex:1;min-width:0;font:700 1.125rem/1.2 var(--display)}
:is(.kjvr-top-list,.my-top-list) img{object-fit:contain;flex:none;margin:0}
.kjvr-top-list img{width:52px;height:52px;border-radius:8px}
.kjvr-top-list.large img{width:64px;height:64px}
.my-top-list img{width:auto;height:auto;max-width:140px;max-height:44px;aspect-ratio:764/220;border-radius:0}
:is(.kjvr-top-list,.my-top-list) .cta{flex:none;padding:.5em 1.2em;font:700 .9375rem/1.2 var(--font);color:#fff;background:var(--go);border-radius:999px}
:is(.kjvr-top-list,.my-top-list) a:hover .cta{background:var(--go-d)}
.kjvr-top-list .tip{display:none}
@media (max-width:620px){.entry-content :is(ul.kjvr-top-list,ul.my-top-list){grid-template-columns:minmax(0,1fr)}}

/* [tt-feed] offers: a grid of cards, photo on top, price pill at the foot (the plugin markup is untouched; the
   theme only repairs the feed text and drops a description that repeats the title, see inc/compat.php) */
.tt-feed-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin:2em 0}
.entry-content .tt-feed-offers>h2{grid-column:1/-1;margin:0;padding:0;border:0;background:none}
.tt-feed-offer{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.tt-feed-offer-content{display:contents}
.tt-feed-offer-image{order:1;width:100%;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:0;background:var(--air)}
.tt-feed-offer h3{order:2;margin:16px 16px 6px;font-size:1.125rem;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tt-feed-offer-content>div{order:3;flex:1;display:flex;flex-direction:column;padding:0 16px 16px}
.tt-feed-offer-content p{margin:0 0 .8em}
.tt-feed-offer-content p:first-child:not(:last-child){color:var(--muted);font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tt-feed-offer-content p:last-child{margin:auto 0 0;padding-top:.4em}
.tt-feed-offer a.kj-button{display:flex;width:100%;min-height:48px;padding:.6em 1em;text-align:center}

/* plain data tables in content (airlines, flight schemas): hairline rows on desktop, one card per row on a phone.
   inc/compat.php adds data-title to each cell from the header row. The generated flight tables are in flight.css. */
.entry-content :is(table.flight-schemas,table.flight-carriers){width:100%;border-collapse:separate;border-spacing:0;margin:1.5em 0;font-size:.9375rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.entry-content :is(.flight-schemas,.flight-carriers) :is(th,td){padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.entry-content :is(.flight-schemas,.flight-carriers) th{background:var(--air);color:var(--deep);font-weight:700;border-bottom:2px solid var(--deep)}
.entry-content :is(.flight-schemas,.flight-carriers) tbody tr{background:#fff}
.entry-content :is(.flight-schemas,.flight-carriers) tbody tr:nth-child(even){background:#F6F9FE}
.entry-content :is(.flight-schemas,.flight-carriers) tbody tr:hover{background:var(--air)}
.entry-content :is(.flight-schemas,.flight-carriers) tbody tr:last-child td{border-bottom:0}
.entry-content :is(.flight-schemas,.flight-carriers) td:first-child{font-weight:700}
.entry-content :is(.flight-schemas,.flight-carriers) td:first-child a{color:var(--deep)}
.entry-content .flight-carriers tbody tr.az,.entry-content .flight-carriers tbody tr.az:hover,.entry-content .flight-carriers tbody tr.az:nth-child(even){background:var(--air)}
.entry-content .flight-carriers tr.az th{padding:8px 16px;font:800 .9375rem/1.2 var(--display);border-bottom:1px solid var(--line)}
.entry-content .flight-carriers--sites :is(td,th){padding-top:9px;padding-bottom:9px}
@media (min-width:761px){.entry-content .flight-carriers--sites :is(td,th):last-child{text-align:right;white-space:nowrap;width:1%}}
.entry-content .flight-carriers--sites tr.az th{text-align:left}
@media (max-width:760px){
  .entry-content :is(table.flight-schemas,table.flight-carriers){display:block;border:0;border-radius:0;overflow:visible}
  .entry-content :is(.flight-schemas,.flight-carriers) :is(tbody,tr,td){display:block}
  .entry-content :is(.flight-schemas,.flight-carriers) thead{display:none}
  .entry-content :is(.flight-schemas,.flight-carriers) tbody tr,.entry-content :is(.flight-schemas,.flight-carriers) tbody tr:nth-child(even){margin:0 0 10px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
  .entry-content :is(.flight-schemas,.flight-carriers) td{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:0 12px;padding:3px 0;border:0}
  .entry-content :is(.flight-schemas,.flight-carriers) td::before{content:attr(data-title);color:var(--muted);font-size:.875rem;font-weight:400}
  .entry-content :is(.flight-schemas,.flight-carriers) td:first-child{display:block;padding:0 0 6px;font:800 1.125rem/1.2 var(--display)}
  .entry-content :is(.flight-schemas,.flight-carriers) td:first-child::before{display:none}
  .entry-content .flight-carriers--sites tbody tr:nth-child(n){display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;border-radius:0;border-width:1px 1px 0}
  .entry-content .flight-carriers--sites tbody tr:nth-child(n):last-child{border-bottom-width:1px}
  .entry-content .flight-carriers--sites td,.entry-content .flight-carriers--sites td:first-child{display:block;padding:0;font-family:inherit;font-weight:700;font-size:.9375rem;line-height:1.3}
  .entry-content .flight-carriers--sites td::before{display:none}
  .entry-content .flight-carriers--sites td+td{flex:none;font-weight:400;white-space:nowrap}
  .entry-content .flight-carriers tbody tr.az,.entry-content .flight-carriers tbody tr.az:nth-child(even){display:block;margin:18px 0 0;padding:6px 14px;border-radius:var(--radius) var(--radius) 0 0;background:var(--air)}
  .entry-content .flight-carriers tr.az th{display:block;padding:0;border:0;background:transparent;color:var(--deep);font-size:1.0625rem}
}

/* Contact Form 7, sitemap, link-exchange, Content Views */
.wpcf7 form p{margin:0 0 1em}
.wpcf7 label{display:grid;gap:6px;font-weight:400}
.wpcf7 br{display:none}
.wpcf7 :is(input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select),.search-form input[type=search]{width:100%;max-width:560px;min-height:48px;font:inherit;padding:.6em 1em;color:var(--ink);background:#fff;border:1px solid #9AA9BC;border-radius:8px}
.wpcf7 textarea{min-height:160px}
.wpcf7 .wpcf7-not-valid{border:2px solid #B3261E}
.wpcf7-not-valid-tip{color:#B3261E;font-size:.875rem}
.wpcf7 form .wpcf7-response-output{margin:1em 0;padding:.7em 1em;border:0;border-left:4px solid var(--blue);background:var(--air)}
.wsp-pages-title{display:none}
/* sitemap: each top-level page is a group; the destination tree (deepest) spans the row and flows in columns */
.wsp-container ul{list-style:none;margin:0;padding:0}
.wsp-container .wsp-pages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px 32px;align-items:start}
.wsp-container .wsp-pages-list>li{padding:0 0 20px;border-top:3px solid var(--blue)}
.wsp-container .wsp-pages-list>li:has(.children .children .children){grid-column:1/-1}
.wsp-container .wsp-pages-list>li>a{display:block;padding:10px 0 6px;font:800 1.25rem/1.2 var(--display);color:var(--deep);text-decoration:none}
.wsp-container .wsp-pages-list>li>a:hover{color:var(--blue);text-decoration:underline}
.wsp-container li li a{display:block;color:var(--ink);text-decoration:none;padding:5px 0;font-size:1rem;line-height:1.35}
.wsp-container ul ul ul{padding-left:16px;border-left:2px solid var(--line)}
.wsp-container li li a:hover{color:var(--blue);text-decoration:underline}
.wsp-container li li li a{font-size:.9375rem}
@media (min-width:700px){.wsp-container .wsp-pages-list>li:has(.children .children .children)>ul{columns:3 240px;column-gap:32px}.wsp-container .wsp-pages-list>li>ul>li{break-inside:avoid;margin-bottom:14px}}
@media (max-width:700px){.wsp-container li li a{padding:8px 0}}
.entry-content .link-exchanges,.entry-content .link-exchanges ul{list-style:none;margin:0;padding:0}
.entry-content .link-exchanges ul ul{padding-left:20px}
.entry-content .link-exchanges-category{float:none;width:auto;margin:0 0 20px}
.entry-content .link-exchanges-category h3{margin:0 0 6px}
.entry-content .link-exchanges li{padding:3px 0}
.entry-content #pt-cv-view-wrapper,.entry-content .pt-cv-wrapper{margin:1.5em 0}

/* search form */
.search-form{display:flex;gap:8px;padding:16px 0}
.search-form input[type=search]{flex:1;max-width:none}
.archive-search .search-form{padding:0;max-width:560px}
@media (max-width:620px){.search-form{flex-wrap:wrap}.search-form .btn{width:100%}}
.autocomplete-result-list{border-radius:var(--radius)!important;font-family:var(--font)!important;color:var(--ink)!important;overflow:hidden}
.autocomplete-result:hover,.autocomplete-result[aria-selected=true]{background:var(--air)}
.autocomplete-result em{background:none;color:var(--blue);font-weight:700}

/* sidebar */
.sidebar{min-width:0;display:grid;gap:40px}
.side-title{margin:0 0 10px;font:800 21px/1.15 var(--display);color:var(--deep)}
.side-title a{color:inherit;text-decoration:none}
.sidebar ul{list-style:none;margin:0;padding:0}
.section-nav ul ul{margin:0 0 6px 14px}
.section-nav a{display:block;padding:6px 12px;border-left:3px solid transparent;color:var(--ink);text-decoration:none;font-size:.9375rem;line-height:1.35}
.section-nav a:hover{background:var(--air);color:var(--deep)}
.section-nav [aria-current]{border-left-color:var(--sun);background:var(--air);color:var(--deep);font-weight:700}
.airport-head{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;font:800 21px/1.15 var(--display);color:var(--deep)}
.airport-code{padding:2px 8px;border-radius:6px;background:var(--air);color:var(--deep);font-size:15px;line-height:1.3}
.side-news li{padding:8px 0;border-top:1px solid var(--line)}
.side-news time{display:block;font-size:.8125rem;color:var(--muted)}
.side-news a{color:var(--ink);text-decoration:none;font-size:.9375rem;line-height:1.35;font-weight:700}
.side-news a:hover{color:var(--blue);text-decoration:underline}
.side-search .search-form{padding:0;flex-direction:column;align-items:stretch}

/* post rows */
.post-list{display:grid;gap:36px;max-width:calc(240px + 32px + var(--read))}
.post-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.post-row:not(:has(.post-row-media)){grid-template-columns:minmax(0,1fr)}
.post-row-media{display:block;aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;background:var(--air)}
.post-row-media img{width:100%;height:100%;object-fit:cover}
.post-row-title{font-size:26px}
.post-row-title a{color:var(--deep);text-decoration:none}
.post-row-title a:hover{color:var(--blue);text-decoration:underline}
.post-row-meta{margin:6px 0 0;font-size:.875rem;color:var(--muted)}
.post-row-excerpt{margin:8px 0 0}
.archive-description{color:var(--ink);max-width:var(--read);margin-top:12px}
.navigation.pagination{margin-top:48px}
.nav-links{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;font-weight:700;text-decoration:none}
a.page-numbers:hover{text-decoration:underline}
.page-numbers.current{color:var(--deep);border-bottom:3px solid var(--blue)}
.post-navigation{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;align-items:start}
.post-navigation a{font-weight:700;text-decoration:none}
.post-navigation a:hover{text-decoration:underline}
.post-navigation .nav-next{grid-column:2;text-align:right}
.nav-label{display:block;font-size:.875rem;font-weight:400;color:var(--muted)}
@media (max-width:760px){.post-row{grid-template-columns:1fr;gap:14px}}


/* footer */
.site-footer{background:var(--deep);color:#fff;padding:var(--sp) 0 32px;font-size:.9375rem;--ring:#fff}
.site-footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.footer-title{margin:0 0 8px;font:800 1.25rem/1.2 var(--display);color:#fff}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li a{display:block;padding:7px 0;color:rgba(255,255,255,.82);text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.footer-base .brand{color:#fff}
.footer-base .brand-mark{color:#fff}
.footer-base p{margin:0;color:rgba(255,255,255,.75);font-size:.875rem}
.footer-base p a{color:#fff}

@media (max-width:1020px){
  .menu-list{display:none}
  .menu-toggle{display:grid}
  .nav{margin:0}
  .site-header .wrap{gap:0}
  .site-header .brand{margin-right:auto}
  .nav.open{position:fixed;inset:var(--header-h) 0 0;overflow:auto;background:#fff;padding:0 24px 40px}
  .nav.open>.menu-list{display:block}
  .nav.open li{position:relative}
  .nav.open li>a,.nav.open .menu-label{display:flex;align-items:center;min-height:48px;padding:0 48px 0 0;border:0;font-size:1rem;color:var(--deep)}
  .nav.open>.menu-list>li{border-bottom:1px solid var(--line)}
  .nav.open>.menu-list>li>a{min-height:56px;font-size:1.0625rem}
  .nav.open .submenu-toggle{display:grid;position:absolute;right:0;top:0;width:48px;height:48px}
  .nav.open>.menu-list>li>.submenu-toggle{height:56px}
  .nav.open .panel,.nav.open .is-mega>.panel{position:static;display:none;min-width:0;padding:0 0 8px 14px;border:0;box-shadow:none}
  .nav.open .is-mega>.panel>.sub-menu-1{padding:0;columns:auto}
  .nav.open .menu-list>li:hover>.panel,.nav.open .sub-menu{display:none}
  .nav.open .menu-list>li.is-open>.panel,.nav.open .menu-list>li.is-open>.panel>.sub-menu,.nav.open li.is-open>.sub-menu{display:block}
  .nav.open .sub-menu-1>li{margin:0}
  .nav.open .panel a{padding:0 48px 0 0}
  .nav.open .sub-menu-1>li.menu-item-has-children>:is(a,.menu-label){font:700 1.0625rem var(--font)}
  .nav.open .sub-menu-3{padding-left:14px!important}
  .site-footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .wrap{padding:0 16px}
  .nav.open{padding:0 16px 40px}
  .brand{font-size:21px}
  .site-footer .cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* content blocks (shortcodes in inc/blocks.php): faq, kader, kort, knop */
.entry-content :is(.faq,.kader,.kort){margin:1.8em 0}
.entry-content .faq>h2{margin-top:0}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-of-type{border-top:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 4px;font:700 1.0625rem/1.35 var(--font);color:var(--deep);cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:10px;height:10px;margin-right:4px;border:solid var(--blue);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.faq-item summary:hover{color:var(--blue)}
.faq-item summary:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;border-radius:6px}
.faq-a{padding:0 4px 8px}
.faq-a>:last-child{margin-bottom:.4em}

.kader{padding:16px 20px;background:var(--air);border-left:4px solid var(--blue);color:var(--ink)}
.kader>:last-child{margin-bottom:0}
.kader-titel{margin:0 0 .35em;font:800 1.125rem/1.3 var(--display);color:var(--deep)}
.kader-tip{border-left-color:var(--sun)}
.kader-let-op{border-left-color:var(--go)}
.kader-actie{padding:28px 24px;text-align:center;border-left:0;border-radius:var(--radius)}
.kader-actie .kader-titel{font-size:1.375rem}
.kader-actie p:has(>.knop){margin-top:1.1em}

.kort{padding:20px 24px;background:var(--air);border-radius:var(--radius);color:var(--ink)}
.kort-titel{margin:0 0 .6em;font:800 1.25rem/1.25 var(--display);color:var(--deep)}
.kort-lijst{display:grid;gap:12px;margin:0}
.kort-regel{display:grid;grid-template-columns:minmax(0,13rem) 1fr;gap:4px 16px;align-items:start}
.kort-regel dt{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--deep)}
.kort-regel dd{margin:0}
.kort-icoon{flex:none;color:var(--blue)}
.knop{text-align:center;padding:.7em 1.8em;font-size:1.0625rem}
.entry-content a.knop,.entry-content a.knop:hover{color:#fff;text-decoration:none}
.entry-content a.knop:hover{background:var(--go-d)}
@media (max-width:620px){
  .kort-regel{grid-template-columns:1fr}
  .kort-regel dd{padding-left:32px}
  .kader-actie{padding:22px 18px}
  .knop{width:100%}
}