/* Whole-page compositional study. Existing nodes, handlers, wheels and player retained.
   De wereld-achtergrond van het scherm staat op een plek: presentation.css (url vanaf assets/, geen 404). */
html[data-page-study="listening"] .room-discover-pane{background:transparent}
html[data-page-study="listening"] .titus-room .podcast-picker-step{background:transparent}
html[data-page-study="listening"] .titus-room .podcast-picker-step>h2{font-family:Fraunces,Georgia,serif;text-align:center;font-size:clamp(28px,3.2vw,42px);font-weight:500;margin-block:20px 22px}
html[data-page-study="listening"] .titus-room .picker-col-head{justify-content:center;text-align:center;font-size:24px;min-height:48px}
html[data-page-study="listening"] .titus-room .picker-wheel-shell{border-radius:12px;background:#f3f0e8dc;border:1px solid #8d9a984a;box-shadow:inset 0 1px #fff9,0 4px 12px #273e4014;backdrop-filter:none;color:#314750}
html[data-page-study="listening"] .titus-room .picker-wheel-band{background:#e9eadf var(--tr-surface-card) center/100% 100%;border:1px solid #b5b5a4;border-radius:8px;box-shadow:inset 0 1px #fff9,0 2px 4px #223e391c}
html[data-page-study="listening"] .titus-room .picker-scroll-hint{color:#304650}



html[data-page-study="listening"] .titus-room .picker-format-group{background:#f3f0e8ed;border-radius:12px;border:1px solid #8d9a984a;color:#314750}


html[data-page-study="listening"][data-theme="dark"] .titus-room .picker-wheel-shell{background:#273845ed;color:#eee8d9;border-color:#81959188}
html[data-page-study="listening"][data-theme="dark"] .titus-room .picker-wheel-band{background:#e9eadf var(--tr-surface-card) center/100% 100%;border-color:#adb7a8}


@media(max-width:760px){html[data-page-study="listening"] .titus-room .podcast-picker-step>h2{font-size:31px}html[data-page-study="listening"] .titus-room .picker-col-head{font-size:24px}}
/* Papier-knoppen: dezelfde aquarelkaart als Watching en Reading (Ben, 2026-10-10: de knoppen zijn niet meer ontworpen). */
html[data-page-study="listening"] .titus-room .picker-col-head{min-height:56px}
html[data-page-study="listening"] .titus-room .picker-format-group :is(.chip,.fmt){min-height:44px}
html[data-page-study="listening"] .titus-room :is(.picker-wheel-terug,.picker-wheel-verder){min-height:44px;padding:10px 12px}



/* Het wiel blijft stil: geen zoom of sprong bij hover, focus, selectie of scrollen (Ben, 2026-10-10). */
html[data-page-study="listening"] .titus-room :is(.picker-wheel-option,.picker-col-head,.chip,.fmt){transform:none!important}