:root{color:#0f172a;background:#f8fafc;font-family:system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#1d4ed8}header{display:flex;gap:1rem;align-items:baseline;padding:1rem max(1.25rem,calc((100vw - 72rem)/2));border-bottom:1px solid #cbd5e1;background:#fff}.brand{font-size:1.2rem;font-weight:700;color:#0f172a;text-decoration:none}header span,.eyebrow{color:#475569}nav{display:flex;gap:1rem;padding:.75rem max(1.25rem,calc((100vw - 72rem)/2));background:#fff;border-bottom:1px solid #cbd5e1}nav a{text-decoration:none}nav a.active{color:#0f172a;font-weight:700}.page{max-width:55rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{line-height:1.15}.card,.lesson,.phase{border:1px solid #cbd5e1;background:#fff;border-radius:.6rem;padding:1.25rem;margin:1.25rem 0}.unit-card{display:grid;gap:.25rem;color:inherit;text-decoration:none;border-top:1px solid #cbd5e1;padding:1rem 0}.unit-card:first-of-type{border-top:0}.status{width:fit-content;padding:.1rem .45rem;border-radius:1rem;text-transform:capitalize;font-size:.8rem;background:#e2e8f0}.status.completed{background:#bbf7d0}.status.in-progress{background:#fef08a}.button,button{display:inline-block;margin:.75rem .5rem .75rem 0;border:0;border-radius:.35rem;padding:.65rem .9rem;background:#1d4ed8;color:#fff;font:inherit;cursor:pointer;text-decoration:none}progress{width:100%;accent-color:#1d4ed8}pre,code,textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}textarea{display:block;width:100%;margin-top:.4rem;padding:.6rem;color:inherit;background:#fff;border:1px solid #94a3b8;border-radius:.35rem}label{display:block;margin-top:1rem;font-weight:700}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}.lesson pre,details pre{overflow-x:auto;padding:1rem;border-radius:.35rem;background:#0f172a;color:#f8fafc}.lesson img{display:block;width:100%;height:auto;margin:1rem 0}summary{cursor:pointer;font-weight:700}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem}.filters label{margin-top:0}input,select{display:block;width:100%;margin-top:.4rem;padding:.6rem;color:inherit;background:#fff;border:1px solid #94a3b8;border-radius:.35rem}.code-block,.command{position:relative;margin:1rem 0}.copy-button{position:absolute;top:.35rem;right:.35rem;margin:0;padding:.3rem .55rem;font-size:.85rem}.command code{display:block;overflow-x:auto;padding:1rem 4.5rem 1rem 1rem;border-radius:.35rem;background:#0f172a;color:#f8fafc}.button.secondary{background:#475569}.unit-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}input:focus-visible,select:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}@media(max-width:640px){.filters{grid-template-columns:1fr}.unit-navigation{flex-direction:column}}