.variables-lesson .lesson-heading{margin-bottom:20px}.variables-lesson h1{font-size:clamp(30px,5vw,42px)}.variables-lesson h3{scroll-margin-top:20px}.variables-toolbar{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px}.variables-toolbar h2{margin:0}.variables-toolbar p{font-size:15px;color:#52677a;margin:0}.scenario{font-size:17px;line-height:1.55;margin:14px 0 20px;max-width:860px}.variables-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.variables-layout.text-only{grid-template-columns:1fr}.text-only .visual{display:none}.visual{min-width:0}.variables-diagram{display:block;width:100%;height:auto;max-width:470px;margin:0 auto}.prompt{font-weight:650;font-size:19px;line-height:1.45;margin:0 0 17px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.skills-main .variable-option{display:flex;align-items:center;gap:10px;text-align:left;min-height:65px;font-size:17px;font-weight:550;line-height:1.4;padding:11px;overflow-wrap:anywhere}.option-letter{display:grid;place-items:center;border:1px solid #a8b9c9;border-radius:4px;flex:0 0 24px;height:26px;font-size:14px;font-weight:700}.variable-option.correct,.variable-option.correct:hover{background:#edf8f0;color:#185732;border-color:#36825a}.variable-option.incorrect,.variable-option.incorrect:hover{background:#fff3ec;color:#82361e;border-color:#b66448}.skills-main .variable-option:disabled{opacity:1}.explanation-toggle{margin-top:16px}.explanation{background:#f0f5fa;border-left:3px solid #1768ac;padding:14px 17px;font-size:17px;line-height:1.6;margin:14px 0 0}.variables-lesson [hidden]{display:none!important}.lesson-controls{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dce4ec;margin-top:23px;padding-top:18px}.role-map{display:grid;gap:12px}.role-map>div{border:1px solid #c3cfdb;border-left:4px solid #956500;border-radius:8px;padding:13px 15px}.role-map>div:nth-child(2){border-left-color:#1768ac}.role-map>div:nth-child(3){border-left-color:#23734b}.role-map b{display:block;font-size:14px;letter-spacing:.04em;color:#43576b}.role-map strong{display:block;font-size:19px;margin:5px 0}.role-map span{display:block;font-size:16px;line-height:1.5}.role-reminder{margin-bottom:15px}.role-reminder summary,.teacher-note summary{font-size:16px;font-weight:650;cursor:pointer;min-height:44px;padding:10px 0}.role-reminder .role-map{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 22px}.experiment-comparison{display:grid;gap:12px}.experiment-comparison>div{padding:16px;border:1px solid #c3cfdb;border-radius:8px;background:#f5f8fb}.experiment-comparison b{font-size:17px}.experiment-comparison p{font-size:17px;line-height:1.5;margin:8px 0 0}.experiment-facts{margin:0;border:1px solid #c3cfdb;border-radius:8px;padding:5px 17px;background:#f6f9fb}.experiment-facts>div{padding:13px 0;border-bottom:1px solid #dae3ec}.experiment-facts>div:last-child{border-bottom:0}.experiment-facts dt{font-size:15px;color:#52677a}.experiment-facts dd{margin:5px 0 0;font-weight:650;font-size:18px;line-height:1.5}.stage{font-size:14px;padding:5px 9px;border-radius:5px;background:#edf3f8;white-space:nowrap}.classify-form{display:grid;gap:15px}.classify-form label{display:grid;gap:8px;font-size:17px;font-weight:650}.classify-form select{width:100%;padding:12px 10px;min-height:48px;font:17px system-ui;color:#15283b;background:white;border:1px solid #8aa0b4;border-radius:6px}.classify-form select[aria-invalid=true]{border:2px solid #a63927}.classify-form .row-status{font-size:15px;font-weight:550}.classify-form button{justify-self:start}.lesson-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0;font-size:16px;font-weight:650}.teacher-note{border-top:1px solid #d4dee8;padding-top:10px;margin:25px 0}.teacher-note p{font-size:16px;line-height:1.6;max-width:860px}.variables-lesson .question-picker{gap:6px}.variables-lesson .question-picker button{width:38px;padding:6px}.variables-lesson .jump-link{display:inline-block;min-height:44px;padding:8px 0}
@media(max-width:700px){.variables-lesson .worked-example,.variables-lesson .practice{padding:20px 15px}.variables-layout{grid-template-columns:minmax(0,1fr);gap:20px}.variables-diagram{max-width:400px}.scenario{font-size:17px;margin:12px 0 16px}.role-reminder .role-map{grid-template-columns:1fr}.question-heading{align-items:start;flex-wrap:wrap}.stage{font-size:13px}.variables-lesson .question-picker{gap:5px}.variables-lesson .question-picker button{width:36px}.skills-main .variable-option{font-size:16px;padding:10px 9px;gap:8px;min-height:60px}.prompt{font-size:18px}.variables-toolbar{gap:8px}.role-map strong{font-size:18px}}
@media(max-width:370px){.skills-main .variable-option{padding:10px 8px}.choice-grid{gap:7px}.option-letter{flex-basis:22px}.variables-lesson .question-picker button{width:34px}}
@media print{.variables-lesson [data-learn][hidden],.variables-lesson [data-question][hidden]{display:block!important}.variables-lesson article{break-inside:avoid;margin:25px 0}.lesson-controls,.question-picker,.teacher-note,.role-reminder,.explanation-toggle,.completion{display:none!important}.variables-layout{grid-template-columns:1fr 1fr}.variables-diagram{max-height:240px}.choice-grid button{display:flex!important;min-height:0!important}.choice-grid{gap:6px}.variable-option{font-size:12px!important}}