:root{font:16px/1.6 system-ui;color:#20221c;background:#fffdf4}*{box-sizing:border-box}body{margin:0}header,main{max-width:1260px;margin:auto;padding:24px}header{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:2px solid #20221c}header strong{font-weight:900;letter-spacing:-.04em}a{color:inherit}h1{font-size:clamp(32px,5vw,57px);line-height:1.05;letter-spacing:-.045em;max-width:24ch}h2{line-height:1.2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:24px;margin:28px 0}.card,.panel{padding:26px;border:2px solid #20221c;border-radius:16px;background:white;box-shadow:5px 5px #ffe15b;margin:24px 0}.button,button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:750;color:#20221c;min-height:52px;padding:12px 20px;background:#ffe15b;border:2px solid #20221c;border-radius:10px;box-shadow:3px 3px #20221c;text-decoration:none;cursor:pointer}.button:active,button:active{transform:translate(2px,2px);box-shadow:1px 1px #20221c}button:disabled{opacity:.6;cursor:wait}input{font:inherit;width:100%;min-height:52px;padding:12px;border:2px solid #20221c;border-radius:9px}label{display:block;font-weight:650;margin:14px 0 7px}.login{max-width:510px;margin:36px auto}.login h1{font-size:42px}.login button{width:100%;margin:18px 0}.muted{color:#626659}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.notice{padding:16px;background:#f4efcf;border-radius:10px;font-size:14px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px}.lessons{align-self:start;padding:16px;border:1px solid #d5d9cc;border-radius:12px;max-height:80vh;overflow:auto}.lessons a{display:block;padding:11px;text-decoration:none}.lessons a[aria-current]{background:#ffe15b;font-weight:700;border-radius:8px}.player{aspect-ratio:16/9;background:#20221c;border:2px solid #20221c;border-radius:14px;overflow:hidden;box-shadow:5px 5px #ffe15b}.player iframe{width:100%;height:100%;border:0}.nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0}.next{background:#f3f6eb}.secondary{display:block;padding:13px 0;color:#315842}.calculator label{font-weight:500}.calculator output{display:block;font-size:28px;font-weight:750;padding:20px 0}code{overflow-wrap:anywhere;font-size:12px}:focus-visible{outline:3px solid #42684c;outline-offset:4px}.optional-digital{width:auto;min-height:0;margin-right:12px}[hidden]{display:none!important}@media(max-width:760px){header,main{padding:20px 16px}.layout{display:flex;flex-direction:column-reverse}.layout>section{width:100%}.lessons{width:100%;max-height:40vh}.button,.nav a{width:100%;text-align:center}.card,.panel{padding:22px}.login{margin:20px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}