/* One reading sequence: the artwork, its meaning, evidence, then a reasoned response. */
#hg26TeacherStudy{grid-column:1/-1;min-height:48px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer}
#hg19WorkOverlay{padding:0!important;align-items:stretch;justify-content:stretch;background:var(--bg)}
#hg19WorkOverlay>.hg26StudySheet{display:flex!important;flex-direction:column;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;min-height:0;padding:0!important;margin:0;border:0;border-radius:0;overflow:hidden;background:var(--bg);color:var(--ink)}
.hg26StudyHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px clamp(16px,2vw,32px);border-bottom:1px solid var(--line);flex:0 0 auto;min-width:0;max-height:32dvh;overflow-y:auto}
.hg26StudyHeading{min-width:0}
#hg19WorkOverlay .hg26StudyHead h3{font-size:clamp(24px,2.35vw,40px);line-height:1.15;margin:0 0 8px;overflow-wrap:anywhere;color:var(--ink)}
#hg19WorkOverlay #hg19WorkMeta{margin:0;color:var(--muted);font-size:clamp(14px,1.15vw,21px);line-height:1.4}
.hg26StudyHead .iconBtn{flex:0 0 auto;min-width:46px;min-height:46px}
.hg26StudyLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:clamp(20px,2.3vw,42px);padding:20px clamp(16px,2vw,32px) 28px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-items:start;scrollbar-gutter:stable}
.hg26StudyLayout>*{min-width:0}
.hg26StudyFigure{margin:0;position:sticky;top:0;align-self:start}
#hg19WorkOverlay .hg19WorkImage{min-height:0!important;width:100%;display:grid;place-items:center;background:transparent!important;border:0;overflow:hidden;border-radius:12px}
#hg19WorkOverlay .hg19WorkImage img{display:block;width:100%!important;height:auto!important;max-width:100%!important;max-height:calc(100dvh - 185px)!important;object-fit:contain!important;filter:none;border-radius:8px}
#hg26ImageNote{font-size:clamp(12px,.9vw,16px);line-height:1.4;color:var(--muted);padding:10px 0 0}
.hg26StudyBody{font-size:clamp(16px,1.15vw,22px);line-height:1.5;overflow-wrap:anywhere}
#hg19WorkOverlay #hg19WorkWhy{font-size:clamp(18px,1.28vw,24px);line-height:1.5;margin:0 0 22px;color:var(--ink)}
#hg19WorkOverlay #hg30Plus{margin:0;display:block}
.hg26StudyObservations h4,.hg26StudyCheck h4{font-size:.84em;color:var(--muted);font-weight:650;margin:0 0 10px}
.hg26StudyLooks{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.hg26StudyLook{padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:var(--panel);min-width:0}
.hg26StudyLook b{display:flex;gap:10px;align-items:baseline;font-size:1em;line-height:1.3;color:var(--ink)}
.hg26StudyLook b span{flex:0 0 auto;color:var(--blue);font-size:.8em}
.hg26StudyLook p{margin:8px 0 0;color:var(--muted)}
.hg26StudyCheck{margin:22px 0 18px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hg26StudyCheck>p{font-weight:750;margin:0 0 12px;color:var(--ink)}
.hg26StudyCheck details{border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.hg26StudyCheck summary,.hg26StudySources>summary{cursor:pointer;min-height:46px;padding:11px 14px;font-size:.85em;color:var(--blue);font-weight:750;list-style-position:inside}
.hg26StudyCheck details p{margin:0;padding:0 14px 14px;color:var(--ink);font-size:.95em}
.hg27StudyMore{margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;overflow-wrap:anywhere}
.hg27StudyMore>summary{cursor:pointer;min-height:46px;box-sizing:border-box;padding:11px 14px;font-size:.9em;color:var(--blue);font-weight:750;list-style-position:inside}
.hg27StudyMore>p{margin:0;padding:0 14px 16px;color:var(--ink);line-height:1.5;font-size:.95em}
.hg27StudyMore>summary:focus-visible,.hg26StudyCheck summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}
#hg19WorkOverlay #hg19WorkDate{min-height:52px;font-size:1em;width:100%;margin:0 0 14px}
.hg26StudySources{font-size:.9em;margin-top:8px;border-top:1px solid var(--line);padding-top:4px}
.hg26StudySources>summary{padding-left:0;color:var(--muted)}
#hg19WorkOverlay #hg19WorkSources{font-size:clamp(13px,.9vw,17px);line-height:1.5;margin:12px 0;border:0;padding:0}
#hg19WorkOverlay #hg19WorkSources a{display:inline-block;padding:6px 0;max-width:100%;overflow-wrap:anywhere}
#hg19WorkOverlay #hg28WorkProgress{margin:10px 0;padding:12px;font-size:14px}
@media(min-width:1700px){.hg26StudyLooks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:999px){
 .hg26StudyLayout{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:14px}
 .hg26StudyFigure{position:static}
 #hg19WorkOverlay .hg19WorkImage img{max-height:52dvh!important}
 .hg26StudyBody{font-size:17px}
 #hg19WorkOverlay #hg19WorkWhy{font-size:19px;margin-bottom:18px}
 .hg26StudyHead{padding-top:calc(12px + env(safe-area-inset-top));gap:12px}
 #hg19WorkOverlay .hg26StudyHead h3{font-size:24px}
 .hg26StudyLook{padding:14px}
}
@media(max-height:650px) and (min-width:1000px){
 .hg26StudyHead{padding-block:10px}
 #hg19WorkOverlay .hg26StudyHead h3{font-size:26px}
 #hg19WorkOverlay .hg19WorkImage img{max-height:calc(100dvh - 145px)!important}
}