/* A small title-side scene; full-width descriptions and controls remain clear. */
/* Guided artwork belongs only in the compact scene frame, never in an essay cover slot. */
body[data-audio-type=guided] .audio-lesson-open>.essay-cover-thumb{display:none}
/* The one-expression Level 0 cards use their own scene thumbnail, sized like
   neighboring GLR art instead of an essay-sized cover or a blank card. */
body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(104px,20vw,160px);grid-template-rows:auto 1fr;align-items:center;gap:8px 16px;min-height:120px}
body[data-audio-type=guided] .lesson-card.tt-completion-card>.audio-lesson-open.has-essay-artwork{height:auto}
body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork .audio-lesson-number{grid-column:1;grid-row:1;min-width:0}
body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork .lesson-copy{grid-column:1;grid-row:2;min-width:0}
body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork>.essay-cover-thumb{display:block;grid-column:2;grid-row:1/3;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--tt-border);border-radius:14px;background:#f7f3ea}
body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork .audio-lesson-arrow{position:absolute;right:12px;bottom:12px;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--tt-card) 88%,transparent)}
body[data-audio-type=guided] .glr-scene-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:8px}
body[data-audio-type=guided] .audio-lesson-open:has(.glr-scene-title){display:grid;grid-template-columns:1fr auto;gap:8px 12px;height:auto;align-content:start}
body[data-audio-type=guided] .audio-lesson-open:has(.glr-scene-title) .lesson-copy{grid-column:1/-1;grid-row:2}
body[data-audio-type=guided] .audio-lesson-open:has(.glr-scene-title) .audio-lesson-arrow{grid-column:2;grid-row:1}
body[data-audio-type=guided] .lesson-card:has(.glr-scene-title) .tt-completion-button{width:auto;flex:none}
body[data-audio-type=guided] .glr-scene-title :is(h1,h2){min-width:0;flex:1;margin:0;overflow-wrap:break-word}
body[data-audio-type=guided] .glr-scene-image{display:block;flex:none;width:156px;height:104px;object-fit:contain;background:#fffdf5;border-radius:12px}
body[data-audio-type=guided] .glr-scene-image--portrait{width:96px;height:121px}
body[data-audio-type=guided] .glr-scene-image--square{width:104px;height:104px}
body[data-audio-type=guided] .glr-scene-player{margin:14px 0 12px}
body[data-audio-type=guided] .glr-scene-player .glr-scene-image{width:192px;height:128px}
body[data-audio-type=guided] .glr-scene-player .glr-scene-image--portrait{width:112px;height:141px}
body[data-audio-type=guided] .glr-scene-player .glr-scene-image--square{width:128px;height:128px}
body[data-audio-type=guided] .player-card>.summary{margin:0;color:var(--tt-muted);font-size:15px;line-height:1.5}
body[data-audio-type=guided] .glr-scene-briefing{display:flex;align-items:flex-start;gap:9px;margin:7px 0 14px;padding:10px 12px;border-left:3px solid var(--tt-accent);border-radius:0 11px 11px 0;background:color-mix(in srgb,var(--tt-accent) 6%,var(--tt-card));color:var(--tt-muted)}
body[data-audio-type=guided] .glr-scene-briefing[hidden]{display:none}
body[data-audio-type=guided] .glr-scene-briefing-label{flex:none;padding-top:1px;color:var(--tt-accent);font-size:11px;font-weight:800;letter-spacing:.03em}
body[data-audio-type=guided] .glr-scene-briefing p{margin:0;font-size:13px;line-height:1.55}
body[data-audio-type=guided] .player-card h1{font-size:32px;line-height:1.2;letter-spacing:-.035em}
html[data-appearance] body[data-audio-type=guided] .player-card .wave{width:min(100%,460px)!important;height:46px!important;margin:18px auto 14px!important;box-sizing:border-box;border-radius:13px!important}
html[data-appearance] body[data-audio-type=guided] .player-card .wave i{max-height:30px;width:2px}
html[data-appearance=dark] body[data-audio-type=guided] .glr-scene-image{opacity:.9;background:#fffdf5;box-shadow:0 0 0 1px #ffffff12}
@media(max-width:600px){body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork{grid-template-columns:minmax(0,1fr) 104px;gap:8px 12px;min-height:104px}body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork>.essay-cover-thumb{border-radius:11px}}
@media(max-width:375px){body[data-audio-type=guided] .audio-lesson-open.has-essay-artwork{grid-template-columns:minmax(0,1fr) 96px;gap:8px}}
@media(max-width:620px){
 body[data-audio-type=guided] .glr-scene-title{gap:8px}
 body[data-audio-type=guided] .glr-scene-image{width:136px;height:91px;border-radius:10px}
 body[data-audio-type=guided] .glr-scene-image--portrait{width:82px;height:103px}
 body[data-audio-type=guided] .glr-scene-image--square{width:91px;height:91px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image{width:144px;height:96px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image--portrait{width:96px;height:121px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image--square{width:96px;height:96px}
 body[data-audio-type=guided] .player-card h1{font-size:26px;line-height:1.2}
 html[data-appearance] body[data-audio-type=guided] .player-card .wave{width:88%!important;height:42px!important;gap:3px!important}
}
@media(max-width:375px){
 body[data-audio-type=guided] .glr-scene-image{width:124px;height:83px}
 body[data-audio-type=guided] .glr-scene-image--portrait{width:76px;height:96px}
 body[data-audio-type=guided] .glr-scene-image--square{width:83px;height:83px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image{width:132px;height:88px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image--portrait{width:88px;height:111px}
 body[data-audio-type=guided] .glr-scene-player .glr-scene-image--square{width:88px;height:88px}
 body[data-audio-type=guided] .glr-scene-player h1{font-size:25px}
}
