.luisteren-page{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-bottom:var(--space-4)}.luisteren-start-knop{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:76px;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-lg);background:var(--gradient-cta);color:var(--color-on-gold);text-align:left;cursor:pointer;box-shadow:var(--shadow-gold);transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-normal) var(--ease-out)}.luisteren-start-knop:active{transform:scale(.985)}.luisteren-start-knop:disabled{cursor:default;opacity:.6;box-shadow:none}.luisteren-start-glyph{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:999px;background:var(--color-gold-soft);color:var(--color-gold-deep)}.luisteren-start-copy{display:grid;grid-gap:.15em;gap:.15em;min-width:0}.luisteren-start-titel{font-family:var(--font-display,inherit);font-size:1.35rem;line-height:1.1}.luisteren-start-sub{font-size:.88rem;opacity:.92}.luisteren-rij{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.luisteren-rij-titel{margin:0;font-family:var(--font-display,inherit);font-size:1.1rem;color:var(--color-text)}.luisteren-rij-uitleg{margin:0;font-size:.86rem;line-height:1.55;color:var(--color-text-dim)}.luisteren-kaarten{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.luisteren-kaart{display:grid;align-content:end;grid-gap:.2em;gap:.2em;flex:0 0 auto;width:10.5rem;min-height:92px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-align:left;scroll-snap-align:start;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.luisteren-kaart-leeg{cursor:default;opacity:.45}.luisteren-kaart-regel{display:block}.luisteren-kaart-breed{width:100%;max-width:22rem}.luisteren-kaart:focus-visible,.luisteren-kaart:hover{border-color:var(--color-gold-deep)}.luisteren-kaart:active{transform:scale(.98)}.luisteren-kaart-naam{font-weight:600;line-height:1.2}.luisteren-kaart-sub{font-size:.8rem;color:var(--color-text-dim)}.luisteren-lijsten{display:grid;grid-gap:var(--space-2);gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.luisteren-lijst{display:grid;grid-gap:.25em;gap:.25em;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-spring)}.luisteren-lijst:focus-visible,.luisteren-lijst:hover{border-color:var(--color-gold-deep)}.luisteren-lijst:active{transform:scale(.99)}.luisteren-lijst:disabled{cursor:default;opacity:.55}.luisteren-lijst-naam{font-family:var(--font-display,inherit);font-size:1.02rem}.luisteren-lijst-uitleg{font-size:.84rem;line-height:1.5;color:var(--color-text-dim)}.luisteren-lijst-tel{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold-deep)}.luisteren-alles{margin:0;font-size:.86rem;color:var(--color-text-dim)}.luisteren-alles a{color:var(--color-gold-deep)}.luisteren-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;padding-top:var(--space-2);background:linear-gradient(to bottom,transparent,var(--color-night) 22%)}@media (prefers-reduced-motion:reduce){.luisteren-kaart,.luisteren-lijst,.luisteren-start-knop{transition:none}.luisteren-kaart:active,.luisteren-lijst:active,.luisteren-start-knop:active{transform:none}}.stemmen{margin:var(--space-4) 0}.stemmen-titel{margin:0;font-family:var(--font-display,inherit);font-size:1.1rem;color:var(--color-text)}.stemmen-lead{margin:.35rem 0 var(--space-3);font-size:.9rem;line-height:1.6;color:var(--color-muted);max-width:54ch}.stemmen-lijst{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.stemmen-kaart{display:grid;grid-gap:.3rem;gap:.3rem;min-height:44px;padding:var(--space-3);border:1px solid var(--color-night-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-soft);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out)}.stemmen-kaart:focus-visible,.stemmen-kaart:hover{transform:translateY(-2px)}.stemmen-ar{font-size:1.5rem;line-height:1.4;color:var(--color-gold-deep)}.stemmen-naam{font-family:var(--font-display,inherit);font-size:1.15rem;font-weight:600;color:var(--color-ivory)}.stemmen-kort{line-height:1.6}.stemmen-kort,.stemmen-voet{font-size:.92rem;color:var(--color-muted)}.stemmen-voet{margin-top:var(--space-3);line-height:1.7}.stemmen-voet a{color:var(--color-gold-deep)}@media (min-width:34rem){.stemmen-lijst{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}@media (prefers-reduced-motion:reduce){.stemmen-kaart{transition:none}.stemmen-kaart:focus-visible,.stemmen-kaart:hover{transform:none}}