@layer sections{.vergelijk__head{margin-block-end:var(--space-6)}.vergelijk__title{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);max-inline-size:16ch;line-height:1.04}.vergelijk__grid{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:0 var(--space-3);margin:0;padding:0;list-style:none;display:grid}.vergelijk__kol,.vergelijk__kol>article{grid-row:span 5;grid-template-rows:subgrid;display:grid}.vergelijk__kol>article{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 6%, transparent), 0 24px 48px -32px color-mix(in srgb, var(--color-primary) 32%, transparent)}.vergelijk__kop{align-content:start;gap:.5rem;padding-block-end:var(--space-3);display:grid}.vergelijk__icoon{background:var(--color-surface-muted);border-radius:50%;place-items:center;block-size:3.25rem;inline-size:3.25rem;margin-block-end:.25rem;display:grid}.vergelijk__kop h3{font-size:var(--text-h4);font-weight:var(--weight-display)}.vergelijk__kop p{color:var(--color-text-muted);font-size:var(--text-small)}.vergelijk__blok{padding-block:var(--space-2);border-block-start:1px solid var(--color-border)}.vergelijk__label{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);margin-block-end:.5rem}.vergelijk__blok ul{font-size:var(--text-small);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.vergelijk__blok li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.vergelijk__blok li:not(:has(.icon)):before{content:"";background:var(--color-accent);border-radius:50%;block-size:.375rem;inline-size:.375rem;margin:.5rem .3rem 0}.vergelijk__blok .icon{--icon-size:1rem;margin-block-start:.2rem}.vergelijk__blok--wel .icon{color:var(--color-primary)}.vergelijk__blok--niet .icon{color:var(--color-text-muted)}.vergelijk__acties{border-block-start:1px solid var(--color-border);align-content:end;justify-items:start;gap:.25rem;padding-block-start:var(--space-3);display:grid}.vergelijk__advies{min-block-size:2.75rem;color:var(--color-text-muted);font-size:var(--text-small);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-underline-offset:.25em;align-items:center;display:inline-flex}.vergelijk__advies:hover{color:var(--color-text)}@media not (min-width:64rem){.vergelijk__grid{gap:var(--space-2);margin-inline:calc(var(--space-gutter) * -1);padding-inline:var(--space-gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--space-gutter);scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:min(82%,22rem);grid-auto-flow:column;padding-block-end:var(--space-2);overflow-x:auto}.vergelijk__kol{scroll-snap-align:start;grid-row:auto;display:flex}.vergelijk__kol>article{inline-size:100%;padding:var(--space-3);flex-direction:column;grid-row:auto;display:flex}.vergelijk__acties{margin-block-start:auto}.vergelijk__blok--weten{display:none}.vergelijk__head:after{content:"Veeg voor alle oplossingen →";font-size:var(--text-small);color:var(--color-text-muted)}}}