.class-kicker{font:650 11px/1.5 var(--mono,monospace);letter-spacing:.12em;color:#506955}.class-study,.question-film,.tutor-panel,.class-evidence{color:#17362d;background:#f5f4ea;border:1px solid #bdc5ae;border-radius:8px;min-width:0;margin:18px 0;padding:clamp(14px,2.4vw,26px)}.class-study h3,.tutor-panel h3,.class-hall h2{font:400 clamp(25px, 3vw, 36px) / 1.08 var(--serif,Georgia);margin:4px 0 8px}.course-film{max-width:810px;margin:12px 0}.course-film video,.class-shot img,.course-sources iframe{aspect-ratio:16/9;object-fit:contain;background:#132520;border-radius:4px;width:100%;height:auto;display:block}.course-film figcaption,.film-controls,.class-hall nav,.class-roster form,.tutor-reading .wb-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.course-film figcaption{justify-content:space-between;margin:7px 0}.course-film figcaption span,.class-time,.tutor-panel small,.class-evidence small,.class-transcript small,.course-sources small{color:#465b50;font-size:13px;display:block}.film-controls button,.class-hall button,.class-sources button{color:#183a2c;cursor:pointer;background:#fffdf5;border:1px solid #526e59;border-radius:5px;padding:6px 12px;font-weight:600}.course-film details,.course-sources details,.question-film details,.tutor-panel details,.studio-sequence{border-top:1px solid #c9cdbf;margin-top:10px;padding:8px 0}.course-film summary,.course-sources summary,.question-film summary,.class-transcript summary,.class-evidence summary,.studio-sequence summary,.tutor-panel summary{cursor:pointer;font-weight:650}.plain-link,.class-study a,.class-hall a,.class-sources a,.tutor-panel a{color:#234d3c;text-underline-offset:3px;text-decoration:underline}.plain-link{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.class-sources iframe{border:0;max-width:790px;margin:8px 0}.class-sources h4,.tutor-reading h4{font:600 19px/1.25 var(--serif,Georgia);margin:14px 0 6px}.class-sources small{margin:6px 0}.studio-sequence ol{padding-left:22px}.studio-sequence li{margin:12px 0}.studio-sequence li p{margin:3px 0}.studio-sequence small{display:block}.class-hall{color:#203b30;background:#f7f5ee;min-height:100vh}.class-hall>header{color:#fbf8ed;background:#17362e;padding:clamp(25px,5vw,58px) max(5vw,50% - 500px)}.class-hall header .class-kicker,.class-hall header a{color:#e3ecc7}.class-hall h1{font:400 clamp(40px, 6.5vw, 72px) / 1.05 var(--serif,Georgia);margin:9px 0}.class-hall header p{margin:10px 0;font-size:18px}.class-roster{max-width:1050px;margin:auto;padding:22px}.class-roster form{margin:8px 0 16px}.class-roster select,.tutor-reading select{background:#fffdf7;border:1px solid #a0b09b;border-radius:4px;max-width:100%;padding:6px 9px}.class-units{padding:12px 0 40px}.class-units a{margin:8px 0;display:block}.class-transcript,.class-shot{margin:10px 0}.class-evidence label,.class-transcript label,.tutor-reading label{margin:9px 0;font-weight:600;display:block}.tutor-reading textarea,.class-transcript textarea,.class-evidence input:not([type=file]){background:#fffef8;border:1px solid #859a80;border-radius:4px;width:100%;margin:4px 0;padding:8px;display:block}.class-shot img{max-width:370px}.tutor-panel{background:#eef2e8}.tutor-word{font:italic 17px/1.5 var(--serif,Georgia);border-left:3px solid #829c66;margin:10px 0 5px;padding-left:11px}.tutor-note{background:#fffcf3;border:1px solid #c7ccba;margin-top:12px;padding:13px}.tutor-reading small{line-height:1.5}.tutor-panel audio{width:100%}.tutor-panel p,.question-film p{line-height:1.5}.tutor-reading article{border-bottom:1px solid #bdc6b3;padding:6px 0}.class-transcript small,.class-evidence small{margin-top:6px}:is(.class-hall a:focus-visible,.course-film button:focus-visible,.question-film summary:focus-visible,.tutor-panel button:focus-visible){outline-offset:3px;outline:3px solid #69873d}.studio-resource{justify-items:start;gap:8px;margin:8px 0;display:grid}.studio-resource iframe,.course-sources iframe{aspect-ratio:16/9;background:#14251e;border:0;width:100%;max-width:800px;display:block}.course-sources small{margin:8px 0}.frame-pair{grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:12px;display:grid}.frame-pair figure{margin:4px 0}.frame-pair img{aspect-ratio:16/9;object-fit:contain;background:#14251e;width:100%}.frame-pair figcaption{font-size:13px}.frame-compare select{max-width:100%}:is(.tutor-panel a:focus-visible,.studio-sequence summary:focus-visible,.class-evidence summary:focus-visible){outline-offset:3px;outline:3px solid #4c743d}
