/* Hub /instructies (Bet-Experts, 4-11-2026).
   Opbouw in Webflow: embed INH 1 hero (.inh-hero) · div .inh-sec > .inh-in > embed INH 2 (kop + filters) ·
   Collection List .inh-lijst (Instructies) met item-embed INH 3 (a.inh-card) · embed INH 4 (uitleg, FAQ, links, script).
   instructies-hub.js groepeert de kaarten per onderwerp, vult de bookmakerkeuze in de hero en regelt filters + zoeken. */
:root{--inh-g:#169A47;--inh-gh:#12833D;--inh-gl:#6CC08B;--inh-ink:#0F1621;--inh-tx:#4A5A52;--inh-mu:#7A8792;--inh-ln:#E3E8E5;--inh-bg:var(--background-green,#F4F7F5)}

/* ---------- hero ---------- */
.inh-hero,.inh-hero *{box-sizing:border-box}
.inh-hero{position:relative;display:block!important;width:100%;overflow:hidden;padding:92px 0 48px;background:#0A1017;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left!important}
.inh-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 12% 0%,rgba(22,154,71,.16),transparent 55%)}
.inh-hero-in{position:relative;max-width:1320px;margin:0 auto;padding:0 50px}
.inh-hero-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:center}
.inh-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;font-size:13px;color:#6C7A86}
.inh-hero a.inh-crumb-a{color:#A9B7C2!important;font-size:13px!important;font-weight:400!important;text-decoration:none!important;transition:color .15s}
.inh-hero a.inh-crumb-a:hover{color:#6CC08B!important}
.inh-crumb-nu{color:#F2F6F4}
.inh-eb{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6CC08B}
.inh-eb::before{content:"";width:3px;height:13px;flex:none;background:#6CC08B}
.inh-hero h1.inh-h1{margin:0!important;font-family:Poppins,sans-serif!important;font-size:56px!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.03em!important;color:#F2F6F4!important;text-align:left!important;text-wrap:balance}
.inh-hero p.inh-sub{margin:18px 0 0!important;max-width:640px;font-size:18px!important;line-height:1.6!important;color:#A9B7C2!important;text-align:left!important;text-wrap:pretty}
.inh-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:600px;margin-top:28px}
.inh-tile{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.inh-tile small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6C7A86;white-space:nowrap}
.inh-tile b{display:block;min-height:24px;margin-top:6px;font:600 20px/1.2 Poppins,sans-serif;color:#F2F6F4;font-variant-numeric:tabular-nums;white-space:nowrap}

/* bookmakerkeuze */
.inh-kies{background:#fff;border-radius:18px;padding:18px 18px 12px;color:var(--inh-ink)}
.inh-kies-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 2px}
.inh-kies-h b{font:700 16px/1.3 Poppins,sans-serif;color:var(--inh-ink)}
.inh-kies-h span{font-size:12.5px;color:var(--inh-mu)}
.inh-bms{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column}
.inh-bms li{margin:0;padding:0;border-top:1px solid #EEF2EF}
.inh-bms li:first-child{border-top:0}
button.inh-bm{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;width:100%;padding:10px 4px;cursor:pointer;border-radius:12px;transition:background-color .15s}
button.inh-bm:hover{background:#F2F7F4}
button.inh-bm:focus-visible{outline:2px solid var(--inh-g);outline-offset:2px}
.inh-bm-logo{display:flex;align-items:center;justify-content:center;flex:none;width:76px;height:44px;padding:0 10px;border-radius:10px;background:#0F1621}
.inh-bm-logo img{display:block;max-width:100%;max-height:22px;width:auto;height:auto;object-fit:contain}
.inh-bm-n{flex:1;min-width:0}
.inh-bm-n b{display:block;font:600 15px/1.3 Poppins,sans-serif;color:var(--inh-ink)}
.inh-bm-n small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:13px;line-height:1.4;color:var(--inh-mu)}
.inh-bm-pijl{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(22,154,71,.35);color:var(--inh-gh);transition:background-color .15s,border-color .15s}
.inh-bm-pijl svg{width:14px;height:14px}
button.inh-bm:hover .inh-bm-pijl{border-color:var(--inh-g);background:#fff}
button.inh-bm[aria-pressed="true"]{background:#EAF5EE}
button.inh-bm[aria-pressed="true"] .inh-bm-pijl{background:var(--inh-g);border-color:var(--inh-g);color:#fff}
.inh-kies-alle{display:block;width:100%;margin:6px 0 0;padding:10px 0 4px;border:0;border-top:1px solid #EEF2EF;background:none;font:600 13.5px Poppins,sans-serif;color:var(--inh-gh);text-align:center;cursor:pointer}
.inh-kies-alle[hidden]{display:none}
.inh-kies-alle:hover{text-decoration:underline}
/* skelet */
.inh-sk{display:block;border-radius:8px;background:linear-gradient(90deg,#EEF2EF 0,#F7FAF8 50%,#EEF2EF 100%);background-size:200% 100%;animation:inh-sk 1.2s linear infinite}
.inh-hero .inh-tile .inh-sk{background:rgba(255,255,255,.08);animation:none;height:20px;width:46px;margin-top:2px}
@keyframes inh-sk{to{background-position:-200% 0}}
.inh-bm-sk{display:flex;align-items:center;gap:14px;padding:10px 4px}

@media (max-width:1100px){.inh-hero-g{grid-template-columns:minmax(0,1fr);gap:28px}.inh-kies{max-width:560px}}
@media (max-width:991px){.inh-hero{padding:84px 0 34px}.inh-hero-in{padding:0 24px}.inh-hero h1.inh-h1{font-size:40px!important}.inh-hero p.inh-sub{font-size:17px!important}}
@media (max-width:767px){.inh-hero{padding:80px 0 28px}.inh-hero-in{padding:0 16px}.inh-hero h1.inh-h1{font-size:32px!important}.inh-hero p.inh-sub{font-size:16px!important}
  .inh-tiles{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1.45fr);gap:8px;margin-top:22px}.inh-tile{padding:11px 9px}.inh-tile b{font-size:14px}.inh-tile small{font-size:9.5px;letter-spacing:.05em}
  .inh-kies{padding:14px 14px 8px;border-radius:16px}.inh-bm-logo{width:68px;height:40px}}

/* ---------- inhoud ---------- */
.inh-sec{display:block!important;background:var(--inh-bg);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inh-ink);text-align:left}
.inh-sec *{box-sizing:border-box}
.inh-in{display:block!important;max-width:1320px;margin:0 auto;padding:48px 50px 80px}
.inh-sec .w-embed{margin:0!important;padding:0!important}
@media (max-width:991px){.inh-in{padding:36px 24px 64px}}
@media (max-width:767px){.inh-in{padding:28px 16px 56px}}

/* sectiekop (huisstijl) */
.inh-eb2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#12833D}
.inh-eb2::before{content:"";width:3px;height:13px;flex:none;border-radius:2px;background:#169A47}
.inh-sec h2.inh-h2{display:block;margin:0!important;padding:0!important;font-family:Poppins,sans-serif!important;font-size:26px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.02em!important;color:var(--inh-ink)!important;text-align:left!important;text-wrap:balance}
.inh-sec p.inh-intro{margin:10px 0 0!important;max-width:760px;font-size:15.5px!important;line-height:1.7!important;color:var(--inh-tx)!important;text-align:left!important}
@media (max-width:600px){.inh-sec h2.inh-h2{font-size:22px!important}.inh-sec p.inh-intro{font-size:15px!important}}

/* filterbalk */
.inh-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:22px 0 0}
.inh-zoek{position:relative;display:flex;align-items:center;flex:0 1 340px;min-width:240px;height:46px;margin:0!important;padding:0 40px 0 42px;background:#fff;border:1px solid var(--inh-ln);border-radius:12px;transition:border-color .15s}
.inh-zoek:focus-within{border-color:var(--inh-g)}
.inh-zoek>svg{position:absolute;left:15px;width:17px;height:17px;color:var(--inh-mu)}
.inh-zoek input{all:unset;box-sizing:border-box;width:100%;height:100%;font:500 15px 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inh-ink)}
.inh-zoek input::placeholder{color:#8C98A2}
.inh-zoek input::-webkit-search-cancel-button{display:none}
button.inh-wis-q{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:#EEF2EF;color:var(--inh-tx);cursor:pointer}
button.inh-wis-q[hidden]{display:none}
button.inh-wis-q svg{width:11px;height:11px}
.inh-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}
button.inh-chip{display:inline-flex;align-items:center;gap:7px;height:38px;margin:0;padding:0 15px;border:1px solid var(--inh-ln);border-radius:999px;background:#fff;font:600 14px/1 Poppins,sans-serif;color:var(--inh-ink);white-space:nowrap;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
button.inh-chip span{font:600 12px/1 'Plus Jakarta Sans',system-ui,sans-serif;color:var(--inh-mu);font-variant-numeric:tabular-nums}
button.inh-chip:hover{border-color:rgba(22,154,71,.45)}
button.inh-chip.on{background:var(--inh-ink);border-color:var(--inh-ink);color:#fff}
button.inh-chip.on span{color:#A9B7C2}
button.inh-chip[hidden]{display:none}
.inh-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:34px;margin:16px 0 0;font-size:14px;color:var(--inh-tx)}
.inh-status b{color:var(--inh-ink);font-weight:600}
.inh-pil{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 6px;border-radius:999px;background:#fff;border:1px solid rgba(22,154,71,.35);font:600 13.5px Poppins,sans-serif;color:var(--inh-ink)}
.inh-pil img{width:22px;height:22px;border-radius:6px;object-fit:contain}
.inh-pil button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:999px;background:#EEF2EF;color:var(--inh-tx);cursor:pointer}
.inh-pil button svg{width:9px;height:9px}
button.inh-reset{padding:0;border:0;background:none;font:600 13.5px Poppins,sans-serif;color:var(--inh-gh);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
button.inh-reset[hidden]{display:none}
@media (max-width:767px){
  .inh-bar{gap:12px}.inh-zoek{flex:1 1 100%;min-width:0}
  .inh-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .inh-chips::-webkit-scrollbar{display:none}}

/* groepen + kaarten */
.inh-top{scroll-margin-top:90px}
.inh-lijst{margin-top:30px}
.inh-lijst .w-dyn-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inh-lijst .w-dyn-item{display:block;min-width:0}
.inh-lijst .w-dyn-empty{display:none!important}
@media (max-width:1100px){.inh-lijst .w-dyn-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.inh-lijst .w-dyn-items{grid-template-columns:minmax(0,1fr);gap:12px}}
.inh-lijst.inh-klaar{display:none!important}
.inh-groepen{margin-top:18px}
.inh-groep{display:block!important;margin:0;padding:30px 0 0;scroll-margin-top:90px}
.inh-groep[hidden]{display:none!important}
.inh-groep-k{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.inh-groep-logo{display:flex;align-items:center;justify-content:center;flex:none;width:72px;height:42px;padding:0 10px;border-radius:10px;background:#0F1621}
.inh-groep-logo img{display:block;max-width:100%;max-height:20px;width:auto;height:auto;object-fit:contain}
.inh-groep-tt{flex:1;min-width:0}
.inh-sec h3.inh-groep-t{margin:0!important;padding:0!important;font-family:Poppins,sans-serif!important;font-size:19px!important;font-weight:700!important;line-height:1.3!important;letter-spacing:-.01em!important;color:var(--inh-ink)!important;text-align:left!important}
.inh-groep-n{display:block;margin-top:2px;font-size:13px;font-weight:600;color:var(--inh-mu);font-variant-numeric:tabular-nums}
a.inh-groep-rev{display:inline-flex!important;align-items:center;gap:8px;flex:none;padding:10px 16px!important;border:1px solid rgba(22,154,71,.35);border-radius:999px;background:#fff;font:600 13.5px/1.2 Poppins,sans-serif!important;color:#12833D!important;text-decoration:none!important;white-space:nowrap;transition:border-color .15s,background-color .15s}
a.inh-groep-rev:hover{border-color:#169A47;background:#F2F7F4}
a.inh-groep-rev svg{width:14px;height:14px}
.inh-plat-k{margin:0 0 16px}
.inh-plat-k[hidden]{display:none}
.inh-sec .inh-groep-p{margin:4px 0 0!important;font-size:14.5px!important;line-height:1.6!important;color:var(--inh-tx)!important}
.inh-status[hidden]{display:none}
.inh-rev-m{display:none}
@media (max-width:640px){
  .inh-groep-k{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center}
  .inh-groep-logo{grid-column:1;grid-row:1/3;width:64px;height:40px}
  .inh-groep-tt{display:contents}
  .inh-sec h3.inh-groep-t{grid-column:2/4;grid-row:1;align-self:end;font-size:17px!important;text-wrap:balance}
  .inh-groep-n{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:13px}
  a.inh-groep-rev{grid-column:3;grid-row:2;align-self:start;justify-self:start;gap:6px;margin-left:-5px!important;padding:0!important;border:0;border-radius:0;background:none;font-size:13px!important;line-height:1.45!important}
  a.inh-groep-rev::before{content:"·";margin-right:6px;color:var(--inh-mu);font-weight:400}
  a.inh-groep-rev:hover{background:none;text-decoration:underline!important}
  a.inh-groep-rev svg{width:12px;height:12px}
  .inh-rev-d{display:none}.inh-rev-m{display:inline}}
.inh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.inh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.inh-grid{grid-template-columns:minmax(0,1fr);gap:12px}.inh-groep{padding-top:26px}}

a.inh-card{display:flex!important;flex-direction:column;gap:10px;height:100%;padding:18px 18px 16px!important;background:#fff;border:1px solid var(--inh-ln);border-radius:16px;color:var(--inh-ink)!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
a.inh-card:hover{border-color:rgba(22,154,71,.30);box-shadow:0 10px 26px rgba(15,22,33,.07)}
a.inh-card:focus-visible{outline:2px solid var(--inh-g);outline-offset:2px}
a.inh-card[hidden]{display:none!important}
.inh-card-top{display:flex;align-items:center;gap:10px;min-width:0}
.inh-card-top img{display:block;flex:none;width:32px;height:32px;border-radius:9px;border:1px solid #EEF2EF;object-fit:contain;background:#fff}
.inh-card-bm{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--inh-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inh-groepen.per-bm .inh-card-top img,.inh-groepen.per-bm .inh-card-bm{display:none}
.inh-card-ond{flex:none;padding:5px 9px;border-radius:999px;background:#EAF5EE;font-size:11.5px;font-weight:700;line-height:1;color:#12833D;white-space:nowrap}
.inh-card-t{display:block;font:600 17px/1.35 Poppins,sans-serif;letter-spacing:-.01em;color:var(--inh-ink);text-wrap:balance;transition:color .15s}
a.inh-card:hover .inh-card-t{color:var(--inh-gh)}
.inh-card-p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.6;color:var(--inh-tx)}
.inh-card-f{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid #EEF2EF;font-size:13px;color:var(--inh-mu)}
.inh-card-m{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.inh-card-m svg{width:15px;height:15px;color:#98A4AD}
.inh-card-go{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:600 13.5px Poppins,sans-serif;color:var(--inh-gh);white-space:nowrap}
.inh-card-go svg{width:14px;height:14px;transition:transform .15s}
a.inh-card:hover .inh-card-go svg{transform:translateX(2px)}
@media (max-width:380px){.inh-card-f{gap:10px}}
@media (max-width:340px){.inh-card-go b{display:none}}

/* leeg */
.inh-leeg{margin:26px 0 0;padding:34px 24px;border:1px dashed #CBD6CF;border-radius:16px;background:#fff;text-align:center}
.inh-leeg[hidden]{display:none}
.inh-leeg b{display:block;font:600 17px/1.4 Poppins,sans-serif;color:var(--inh-ink)}
.inh-leeg p{margin:6px 0 14px!important;font-size:14.5px!important;color:var(--inh-tx)!important;text-align:center!important}
button.inh-knop2{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid rgba(22,154,71,.35);border-radius:999px;background:#fff;font:600 14.5px Poppins,sans-serif;color:#12833D;cursor:pointer;transition:border-color .15s,background-color .15s}
button.inh-knop2:hover{border-color:#169A47;background:#F2F7F4}

/* ---------- onder: werkwijze, FAQ, verder ---------- */
.inh-blok{display:block!important;margin:72px 0 0}
@media (max-width:767px){.inh-blok{margin-top:56px}}
.inh-punten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 0}
.inh-punt{padding:20px 20px 18px;background:#fff;border:1px solid var(--inh-ln);border-radius:16px}
.inh-punt i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 0 14px;border-radius:11px;background:#EAF5EE;color:#12833D}
.inh-punt i svg{width:19px;height:19px}
.inh-punt b{display:block;font:600 16px/1.35 Poppins,sans-serif;color:var(--inh-ink)}
.inh-punt p{margin:6px 0 0!important;font-size:14.5px!important;line-height:1.6!important;color:var(--inh-tx)!important}
@media (max-width:1100px){.inh-punten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.inh-punten{grid-template-columns:minmax(0,1fr);gap:12px}}

.inh-faq{max-width:880px;margin:22px 0 0}
details.inh-fq{margin:0 0 10px;background:#fff;border:1px solid var(--inh-ln);border-radius:14px;transition:border-color .15s}
details.inh-fq[open]{border-color:rgba(22,154,71,.30)}
details.inh-fq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;font:600 16px/1.4 Poppins,sans-serif;color:var(--inh-ink)}
details.inh-fq summary::-webkit-details-marker{display:none}
details.inh-fq summary i{flex:none;width:9px;height:9px;margin-top:-4px;border-right:2px solid #12833D;border-bottom:2px solid #12833D;transform:rotate(45deg);transition:transform .2s}
details.inh-fq[open] summary i{margin-top:4px;transform:rotate(-135deg)}
.inh-fq-a{padding:0 20px 18px}
.inh-fq-a p{margin:0!important;font-size:15px!important;line-height:1.7!important;color:var(--inh-tx)!important}
.inh-fq-a a{color:#12833D!important;font-weight:600;text-decoration:underline!important;text-underline-offset:3px}
@media (max-width:767px){details.inh-fq summary{padding:15px 16px;font-size:15px}.inh-fq-a{padding:0 16px 16px}}

.inh-verder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 0}
a.inh-vk{display:flex!important;align-items:center;gap:14px;padding:18px 18px!important;background:#fff;border:1px solid var(--inh-ln);border-radius:16px;color:var(--inh-ink)!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
a.inh-vk:hover{border-color:rgba(22,154,71,.30);box-shadow:0 10px 26px rgba(15,22,33,.07)}
a.inh-vk i{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:12px;background:#EAF5EE;color:#12833D}
a.inh-vk i svg{width:20px;height:20px}
.inh-vk-t{flex:1;min-width:0}
.inh-vk-t b{display:block;font:600 15.5px/1.35 Poppins,sans-serif;color:var(--inh-ink)}
.inh-vk-t small{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--inh-tx)}
a.inh-vk>svg{flex:none;width:16px;height:16px;color:#12833D;transition:transform .15s}
a.inh-vk:hover>svg{transform:translateX(2px)}
@media (max-width:1100px){.inh-verder{grid-template-columns:minmax(0,1fr)}}

/* ---------- hero v2: logorij "Kies je bookmaker" (vervangt de lijst rechts) ---------- */
.inh-hero-tekst{max-width:860px}
.inh-kiesrij{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.inh-kiesrij-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin:0 0 14px}
.inh-kiesrij-h b{font:600 16px/1.3 Poppins,sans-serif;color:#F2F6F4}
.inh-kiesrij-h span{font-size:13px;color:#8B98A3;font-variant-numeric:tabular-nums;text-wrap:balance}
.inh-kiesrij-h span .inh-sk{display:inline-block;width:240px;height:13px;vertical-align:middle;background:rgba(255,255,255,.08);animation:none}
ul.inh-logos{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}
ul.inh-logos li{margin:0;padding:0;min-width:0}
ul.inh-logos li.inh-lt-sk{display:flex;flex-direction:column;gap:8px}
ul.inh-logos li.inh-lt-sk span{display:block;border-radius:12px;background:rgba(255,255,255,.07)}
button.inh-lt{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;cursor:pointer;text-align:left}
.inh-lt-logo{display:flex;align-items:center;justify-content:center;height:54px;padding:0 14px;border-radius:12px;background:#1A222C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:box-shadow .15s}
.inh-lt-logo img{display:block;max-width:100%;max-height:24px;width:auto;height:auto;object-fit:contain}
.inh-lt-n{display:block;margin-top:9px;font:600 14px/1.3 Poppins,sans-serif;color:#F2F6F4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.inh-lt-c{display:block;margin-top:2px;font-size:12.5px;line-height:1.3;color:#8B98A3;white-space:nowrap}
button.inh-lt:hover .inh-lt-logo{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
button.inh-lt:hover .inh-lt-n{color:#6CC08B}
button.inh-lt:focus-visible .inh-lt-logo{box-shadow:0 0 0 2px #6CC08B}
button.inh-lt[aria-pressed="true"] .inh-lt-logo{box-shadow:0 0 0 2px #0A1017,0 0 0 4px #6CC08B}
button.inh-lt[aria-pressed="true"] .inh-lt-n{color:#6CC08B}
@media (max-width:767px){
  .inh-kiesrij{margin-top:26px;padding-top:20px}
  .inh-kiesrij-h{flex-direction:column;gap:2px}
  ul.inh-logos{display:flex;gap:10px;overflow-x:auto;margin:0 -16px!important;padding:4px 16px 6px!important;scroll-snap-type:x proximity;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  ul.inh-logos::-webkit-scrollbar{display:none}
  ul.inh-logos li{flex:0 0 104px;scroll-snap-align:start}
  .inh-lt-logo{height:48px;padding:0 12px}.inh-lt-logo img{max-height:22px}}