/* Full artwork, with its caption available on request. */
.reading-title-control{display:none}
@media(min-width:701px){
 .film-notes{display:none}
 #films{height:calc(100svh - 64px)}
 .scene-dock{min-height:64px}
 .reading-center{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}
 .scene-dock .reading-title-control{display:inline-flex;align-items:baseline;gap:12px;font:400 22px/1.1 Film Display,Georgia,serif;min-height:44px;padding:8px 0;text-transform:none;min-width:0}
 .reading-title-control .reading-prompt{font:400 10px/1.5 Collection Sans,Arial,sans-serif;white-space:nowrap;opacity:.7}
 .reading-title-control:hover .reading-prompt{text-decoration:underline;text-underline-offset:4px}
 #review-panel{background:var(--current-ground);color:var(--current-paper);border-color:color-mix(in srgb,var(--current-paper) 24%,transparent)}
 #detail-meta{font:400 11px/1.65 Collection Sans,Arial,sans-serif;display:flex;flex-wrap:wrap;gap:5px 12px;margin-bottom:22px}
 #detail-meta[hidden]{display:none}
 .reading-header{border-bottom-color:color-mix(in srgb,var(--current-paper) 24%,transparent)}
}
@media(max-width:700px){.reading-center{display:contents}#detail-meta{display:none}}

/* Footer refinement: fixed two-line caption, independent notes control, grouped paging. */
.reading-caption{display:none}
@media(min-width:701px){
 .scene-dock{height:64px;min-height:64px;gap:24px}
 .reading-center{display:flex;align-items:center;justify-content:flex-start;gap:28px;flex:1;min-width:0}
 .reading-caption{display:grid;grid-template-rows:24px 24px;align-content:start;width:clamp(220px,24vw,330px);min-width:0;flex:0 1 auto}
 .reading-film-title{font:400 22px/24px Film Display,Georgia,serif;letter-spacing:0;white-space:nowrap}
 .reading-short-note{font:italic 15px/24px Georgia,serif;min-height:24px;white-space:nowrap}
 .scene-dock .reading-title-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:60px;padding:0;font:400 11px/1.5 Collection Sans,Arial,sans-serif;text-transform:lowercase;opacity:.9}
 .reading-plus{font:400 15px/1 Collection Sans,Arial,sans-serif}
 .reading-title-control:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
 .reading-nav{display:flex;align-items:center;gap:24px;flex:none}
 .reading-nav .position-label{display:block;min-width:44px;text-align:center;letter-spacing:.025em}
}
@media(max-width:700px){.reading-center{display:none}.reading-nav{display:contents}}

/* Compact caption grouping; stable image stage and 64px dock. */
@media(min-width:701px){
 :root{transition:background-color 160ms ease,color 160ms ease}
 .reading-center{gap:20px}
 .reading-caption{width:clamp(240px,20vw,280px)}
 .reading-film-title{white-space:normal;text-wrap:pretty;overflow-wrap:normal}
 .reading-film-title:focus{outline:none}
 .reading-nav button{opacity:1}
 .reading-nav .position-label{opacity:.8}
 .reading-short-note{font-size:15px}
}

@media(min-width:701px){
 .reading-film-title{grid-column:1;grid-row:1}
 .reading-short-note{grid-column:1;grid-row:2}
 .reading-caption[data-has-note=false] .reading-film-title{grid-row:1 / span 2;align-self:start}
}

@media(prefers-reduced-motion:reduce){:root{transition:none}}