@layer components{.dr{width:100%;max-width:35rem;margin:0 auto;padding:0 1rem 2.5rem}.dr-balk{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;min-height:3.75rem;display:grid}.dr-balk .merk-blok{justify-self:center}.dr .pil,.dr .rond{transition:none}.dr .pil:active,.dr .rond:active{opacity:.8;transform:none}.dr-kop{text-align:center;padding:1.375rem .25rem 0}.dr-kop h1{letter-spacing:-.045em;text-wrap:balance;font-size:min(2.5rem,10.6vw);font-weight:770;font-stretch:104%;line-height:1}.dr-kop>p{color:var(--color-grijs);margin-top:.625rem;font-size:1.0625rem;font-weight:520}.dr-kop .dr-gevaar{color:var(--color-inkt);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-top:1.25rem;font-size:1rem;font-weight:640;display:flex}.dr-gevaar .pil{min-height:3rem;color:var(--color-inkt);box-shadow:inset 0 0 0 1.5px var(--color-inkt);background:#fff;font-size:1rem}.dr-lijst{gap:.625rem;margin:1.625rem 0 0;padding:0;list-style:none;display:grid}.dr-kaart{background:#fff;border-radius:1.75rem;padding:1.375rem;box-shadow:inset 0 0 0 1px #10100e0d}.dr-leeftijd{background:var(--color-vlak);width:fit-content;color:var(--color-inkt);border-radius:999px;margin:0 0 .875rem;padding:.375rem .75rem;font-size:.9375rem;font-weight:660;line-height:1.2}.dr-num{letter-spacing:-.05em;font-variant-numeric:lining-nums;width:fit-content;color:inherit;white-space:nowrap;margin:0 0 .75rem -.1875rem;font-size:4rem;font-weight:800;font-stretch:112%;line-height:.95;text-decoration:none;display:block}.dr-num[data-lang]{margin-left:-.125rem;font-size:min(2.5rem,11.6vw)}.dr-kaart h2{letter-spacing:-.035em;text-wrap:balance;font-size:1.4375rem;font-weight:750;font-stretch:104%;line-height:1.1}.dr-naam{color:var(--color-grijs);margin-top:.25rem;font-size:.875rem;font-weight:600}.dr-zin{color:var(--color-donkergrijs);margin-top:.625rem;font-size:1.0625rem;font-weight:500;line-height:1.4}.dr-knoppen{flex-wrap:wrap;gap:.5rem;margin-top:1.125rem;display:flex}.dr-knoppen .pil{text-align:center;flex:auto;max-width:100%;min-height:3.5rem;padding:.375rem 1.375rem;font-size:1.03125rem}.dr-knoppen .pil>span:not(.sr-only){overflow-wrap:anywhere;min-width:0;line-height:1.15;display:grid}.dr-knoppen small{color:#c9c9c4;font-size:.78125rem;font-weight:520}.dr-knoppen svg{flex:none}.dr-lijn{color:var(--color-inkt);box-shadow:inset 0 0 0 1.5px var(--color-rand);background:0 0}.dr-lijn small{color:var(--color-grijs)}.dr-stappen{border-top:1px solid var(--color-lijn);margin:1.125rem 0 0;padding:0;list-style:none}.dr-stappen li{border-bottom:1px solid var(--color-lijn);padding:.6875rem 0;font-size:1rem;font-weight:520;line-height:1.4}.dr-stappen a{white-space:nowrap;text-underline-offset:3px;margin:-.75rem -.25rem;padding:.75rem .25rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}.dr-punten{color:var(--color-grijs);flex-wrap:wrap;gap:.25rem 1rem;margin:.75rem 0 0;padding:0;font-size:.875rem;font-weight:520;list-style:none;display:flex}.dr-kaart--eerst{background:var(--color-inkt);color:#fff;box-shadow:none}.dr-kaart--eerst .dr-naam,.dr-kaart--eerst .dr-zin,.dr-kaart--eerst .dr-punten{color:#d2d2cd}.dr-kaart--eerst .dr-stappen,.dr-kaart--eerst .dr-stappen li{border-color:#fff3}.dr-kaart--eerst .dr-leeftijd{background:#fff}.dr-kaart--eerst .pil{color:var(--color-inkt);background:#fff}.dr-kaart--eerst .pil small{color:var(--color-grijs)}.dr-kaart--eerst .dr-lijn{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #fff9}.dr-kaart--eerst .dr-lijn small{color:#d2d2cd}.dr-kaart--eerst :focus-visible{outline-color:#fff}.dr-voet{text-align:center;gap:.25rem;margin-top:1.5rem;padding:0 .375rem;display:grid}.dr-voet .tekstlink{justify-content:center}@media (min-width:40rem){.dr{padding-bottom:4rem}.dr-balk{min-height:5rem}.dr-kop{padding-top:2rem}.dr-kaart{padding:1.75rem}}}@media (prefers-contrast:more){.dr-leeftijd,.dr-kaart,.dr-lijn{box-shadow:inset 0 0 0 2px var(--color-inkt)}.dr-kaart--eerst .dr-lijn{box-shadow:inset 0 0 0 2px #fff}.dr-kaart--eerst .dr-naam,.dr-kaart--eerst .dr-zin,.dr-kaart--eerst .dr-punten,.dr-kaart--eerst .dr-lijn small{color:#fff}.dr-naam,.dr-zin,.dr-punten,.dr-kop>p,.dr-lijn small{color:var(--color-inkt)}}@media (forced-colors:active){.dr-leeftijd{border:1px solid canvastext}.dr-kaart{border:2px solid canvastext}}