.luisteren-page{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-bottom:var(--space-5)}.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-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}}