:root{color-scheme:dark;--ink:#101d2c;--panel:#17283a;--text:#f2efe8;--muted:#b6c3cf;--gold:#d9ba82;--line:#b8c9db30}*{box-sizing:border-box}[hidden]{display:none!important}button,a,input,select{touch-action:manipulation}#learning{background:var(--ink);color:var(--text);padding:clamp(22px,4vw,56px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#learning h1{font:400 clamp(28px,3.5vw,46px)/1.14 Georgia,serif;letter-spacing:-.02em;max-width:850px;margin:10px 0 20px}#learning h2{font-size:18px}#learning p{white-space:pre-line;line-height:1.65;max-width:850px}.learn-intro{color:var(--muted);font-size:16px}.learn-kicker{color:var(--gold);font-size:11px;letter-spacing:.13em}.learn-meta,.learn-scope{color:var(--muted);font-size:12px}.learn-scope{border-top:1px solid var(--line);padding-top:20px}.learn-actions{display:grid;gap:12px;margin:24px 0;max-width:960px}.learn-actions button{display:block;text-align:left;width:100%;white-space:normal;line-height:1.5;min-height:52px;padding:16px 18px;font-size:15px;border:1px solid #71869d55;background:#20354a;color:var(--text);border-radius:7px;cursor:pointer}.learn-actions button:hover{border-color:var(--gold)}.learn-actions button span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.learn-actions button:disabled{opacity:.5;cursor:default}#learning[data-screen=home] .learn-actions{grid-template-columns:1fr 1fr}#learning[data-screen=home] .learn-actions button{padding:24px;font-size:20px}#learning[data-screen=home] .learn-actions button:first-child{background:var(--gold);color:var(--ink)}#learning[data-screen=home] .learn-actions button:first-child span{color:#374454}#learning details{max-width:960px;border-top:1px solid var(--line);padding:17px 0;margin:8px 0}#learning summary{font-size:15px;color:var(--gold);cursor:pointer;min-height:30px}#learning details p{font-size:15px;color:var(--muted)}#learning a{color:var(--gold);overflow-wrap:anywhere}#learning li{margin:9px 0}#learning :focus-visible{outline:2px solid var(--gold);outline-offset:4px}.learn-selectors{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px;margin:24px 0}.learn-selectors:empty{display:none}.learn-selectors label{display:flex;flex-direction:column;gap:8px;font-size:13px}.learn-selectors label:first-child{grid-column:1/-1}.learn-selectors select{min-height:48px;max-width:100%;width:100%;font:inherit;color:var(--text);background:var(--panel);border:1px solid #71869d80;padding:10px;border-radius:5px}.learn-checklist{max-width:960px;margin:24px 0}.learn-checklist label{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-size:15px;line-height:1.5;cursor:pointer}.learn-checklist input{width:22px;height:22px;accent-color:var(--gold);flex-shrink:0}.learn-bottom{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.learn-bottom button{background:transparent;border:1px solid var(--line);color:var(--text);min-height:44px;padding:10px 14px;font:inherit;border-radius:5px;cursor:pointer}.role-note{color:var(--gold);font-size:12px}.learning-active #workspace{display:block}.learning-active #learning{position:absolute;inset:0;z-index:3}.learning-active .scene-control,.learning-active .scene-label{display:none}.learning-compact #workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,410px)}.learning-compact #canvas{grid-column:1;grid-row:1}.learning-compact #learning{position:static;grid-column:2;grid-row:1;padding:24px;min-height:0}.learning-compact #learning h1{font-size:27px}.learning-compact .learn-intro{font-size:15px}.learning-compact .scene-control{display:block}.learning-compact .scene-label{display:flex}.learning-active #practice{display:none!important}.learning-active .keyboard-hint{display:none}.learning-conference #canvas{visibility:hidden}.learning-active:not(.learning-compact) footer .transcript{display:none}.learning-active:not(.learning-compact) .session-note{margin-left:auto}.learning-active:not(.learning-compact) #motion-study{display:none!important}.learn-mobile-note{font-size:12px;color:var(--muted)}
@media(max-width:740px){#learning[data-screen=home] .learn-actions,.learn-selectors{grid-template-columns:1fr}#learning[data-screen=home] .learn-actions button{font-size:19px;padding:20px}.learning-active #workspace{height:auto;min-height:calc(100svh - 155px)}.learning-active #learning{position:relative;padding:24px 18px;overflow:visible}.learning-active:not(.learning-compact) #canvas{display:none}.learning-compact #workspace{display:grid;grid-template-columns:1fr;grid-template-rows:230px auto;height:auto;overflow:visible}.learning-compact #canvas{height:230px;grid-row:1;width:100%}.learning-compact #learning{grid-column:1;grid-row:2}.learning-compact .scene-control{top:175px}.learning-compact .scene-label{max-width:90%}.learn-selectors select{font-size:16px}.learning-active footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

#learning h1:focus{outline:none}

@media(max-width:740px){body.learning-compact{height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.learning-compact #workspace{height:100%;min-height:0;overflow:hidden;grid-template-rows:minmax(140px,24dvh) minmax(0,1fr)}.learning-compact #canvas{height:100%;min-height:0}.learning-compact #learning{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px}.learning-compact .scene-control{top:auto;bottom:calc(100% - 24dvh + 8px);min-height:40px}.learning-compact footer{max-height:145px;overflow:auto;padding:8px 13px max(8px,env(safe-area-inset-bottom))}.learning-compact footer #caption{font-size:13px;max-height:42px;overflow:auto;margin:3px 0}.learning-compact .transcript{min-height:0}.learning-compact .session-note{display:none}.learning-compact #motion-study{display:none!important}.learning-compact .app-header{padding:7px 12px;min-height:68px;gap:4px}.learning-compact .parent-logo{width:36px;height:36px}.learning-compact .brand strong{font-size:16px}.learning-compact nav button{font-size:11px;padding:5px}.learning-compact #learning h1{font-size:23px}.learning-compact #learning .learn-intro{font-size:14px}.learning-compact .learn-actions{gap:9px;margin:15px 0}.learning-compact .learn-actions button{font-size:14px;padding:12px 14px}}

#learning[data-screen=case_setup] .learn-actions button:first-child{background:var(--gold);color:var(--ink);font-weight:650}#learning[data-screen=case_setup] .learn-actions button:first-child span{color:#374454}#learning[data-screen=case_entrance] .learn-actions button{background:#1968cb;color:#fff;border-color:#1968cb}.learning-active .learn-selectors label:first-child select{border-color:var(--gold)}