/* Full Watching/Reading composition; original content and filter DOM retained. */
html[data-design-revision="2"] body:is(.page-watch,.page-books){--blad:1040px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .blad{background:transparent}
html[data-design-revision="2"] body.page-watch{--preview-world:url('../worlds/odeon.webp')}
html[data-design-revision="2"] body.page-books{--preview-world:url('../worlds/reading.webp')}
html[data-theme="dark"] body.page-watch{--preview-world:url('odeon-night-v1.webp')}
html[data-theme="dark"] body.page-books{--preview-world:url('reading-night-v1.webp')}
html[data-design-revision="2"] body:is(.page-watch,.page-books):before{background-image:linear-gradient(var(--catalogue-veil,#f7f2e947),var(--catalogue-veil,#f7f2e947)),var(--preview-world);opacity:1;background-position:center;background-size:cover}
html[data-theme="dark"] body:is(.page-watch,.page-books){--catalogue-veil:#14253635}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast{padding:36px 22px 32px;background:var(--surface);border:1px solid var(--rule-faint);border-radius:12px;text-align:center;margin-block:20px 28px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast:after{display:none}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast{background:color-mix(in srgb,var(--surface) 91%,transparent)}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast h1{font-size:clamp(30px,3.4vw,48px);max-width:850px;margin-inline:auto;text-align:center}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast :is(p,.dek){margin-inline:auto;text-align:center}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .kies{background:transparent;border:0;box-shadow:none}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .kies>p:first-child{font-family:Fraunces,serif;font-size:27px;text-align:center;background:var(--surface);padding:16px;border-radius:10px;margin:0}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .podcast-picker-nav{background:var(--surface);border-radius:8px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .podcast-picker-step{background:transparent;padding:24px 0 32px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .podcast-picker-step>h2{font:500 34px/1.15 Fraunces,serif;text-align:center;background:var(--surface);width:fit-content;margin:0 auto 20px;padding:10px 24px;border-radius:8px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .picker-col-head{font:500 24px/1.2 Fraunces,serif;justify-content:center;text-align:center;min-height:48px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .picker-wheel-shell{background:var(--surface);border:1px solid var(--rule);border-radius:12px;backdrop-filter:none;box-shadow:0 3px 8px #162d301a}
html[data-design-revision="2"] body:is(.page-watch,.page-books) .picker-wheel-band{background:#e9eadf var(--tr-surface-card) center/100% 100%;border:1px solid #b5b5a4;border-radius:8px;box-shadow:0 2px 3px #263d3825}

html[data-design-revision="2"] body:is(.page-watch,.page-books) .picker-scroll-hint{color:#304650}
html[data-design-revision="2"] body:is(.page-watch,.page-books) :is(.picker-wheel-terug,.picker-wheel-verder){padding:10px 8px;min-height:44px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) :is(.picker-format-group,.group,.book-group,.prose,.tools,.foot){background:var(--surface);border-radius:10px;padding:20px}
html[data-design-revision="2"] body:is(.page-watch,.page-books) :is(.fmt,.chip){min-height:44px}

html[data-design-revision="2"] body:is(.page-watch,.page-books) .picker-number{background:var(--surface);width:fit-content;border-radius:5px;padding:6px 10px;color:var(--text);opacity:1}
/* A paper reading surface reduces available width; cards must still fit it. */
html[data-design-revision="2"] body.page-books .bks{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
html[data-design-revision="2"] body.page-books .bk{min-width:0;overflow-wrap:anywhere}
html[data-design-revision="2"] body.page-watch .tags{min-width:0;flex-wrap:wrap}
/* Durations such as 14h 48m and ongoing must not intrude into the title. */
html[data-design-revision="2"] body.page-watch .item summary{grid-template-columns:36px max-content minmax(0,1fr) auto}
@media(max-width:640px){
 html[data-design-revision="2"] body.page-watch .item summary{grid-template-columns:32px max-content minmax(0,1fr)}
}
@media(max-width:760px){
 html[data-design-revision="2"] body:is(.page-watch,.page-books) .mast{padding:24px 16px!important;margin-top:12px}
 html[data-design-revision="2"] body:is(.page-watch,.page-books) .podcast-picker-step>h2{font-size:29px}
 html[data-design-revision="2"] body:is(.page-watch,.page-books) :is(.group,.book-group,.prose,.tools,.foot){padding:14px}
}