:root:root{--board:#152c43;--chalk:#f0f5fb;--dim:#b6c7d6;--top-bg:rgba(21,44,67,.96);--top-line:#486077;--edge:#486077;--ui:'Segoe UI',Arial,sans-serif;--chalkboard:#152c43;--task:#edaa7b}body{background:#152c43}.back-studio{position:absolute;top:32px;left:5%;color:#b6c7d6;text-decoration:none;font-size:19px}#cover h1{font-family:'Trebuchet MS','Segoe UI',sans-serif;font-weight:600;letter-spacing:-.065em;font-size:clamp(58px,9vw,116px);line-height:.96}#cover h1 i{font-family:Georgia,serif;font-weight:400;color:#79cbc6;letter-spacing:-.04em}#cover .lede{max-width:680px}.cover-note{font-size:14px;color:#b6c7d6;margin-top:10px}.course-intro{max-width:1240px;margin:auto;padding:55px 30px 10px}.eyebrow{font-size:12px;color:#79cbc6;letter-spacing:.13em}.course-intro h2{font-size:clamp(30px,4vw,46px);font-weight:500;margin:15px 0;letter-spacing:-.035em}.course-intro>p{color:#b6c7d6;max-width:810px;font-size:18px;line-height:1.7}.course-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0}.course-tools label{font-size:15px}.course-tools input{font:17px 'Segoe UI',sans-serif;background:#213c53;color:#f0f5fb;border:1px solid #6e8a9f;border-radius:6px;padding:14px 18px;min-width:320px}.course-tools a,.course-footer a{font-size:15px;color:#79cbc6;text-underline-offset:5px}.studio-link{font-size:17px;color:#b6c7d6;margin-left:25px;text-decoration:none}.course-footer{max-width:1240px;margin:auto;padding:35px 30px 60px;color:#b6c7d6;font-size:15px;line-height:1.7}.ch[hidden],.unit[hidden]{display:none!important}.ch{background:#1c354d!important;border-color:#405870!important}.ch:hover{border-color:#79cbc6!important}.ch span{font-family:'Segoe UI',Arial,sans-serif}.unit{--header-bg:#1c354d}.top .home strong{font-family:'Trebuchet MS','Segoe UI',sans-serif}.course-tools input:focus-visible,a:focus-visible{outline:3px solid #edaa7b;outline-offset:4px}@media(max-width:550px){.course-intro{padding:30px 22px 0}.course-tools{gap:12px}.course-tools label{width:100%}.course-tools input{min-width:0;width:100%}.studio-link{display:none}.cover-note{max-width:260px;line-height:1.6}.back-studio{top:20px}#cover .lede{font-size:19px;line-height:1.6}.course-footer{padding:25px 22px 50px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep document navigation consistent with lessons and notes. */
@view-transition { navigation: none; }