:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202925;--muted:#53605a;--line:#cbd2cd;--accent:#245b46;--paper:#fbfcfa}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:var(--accent);text-underline-offset:.22em}button,input,select,textarea{font:inherit}button,select,textarea,input{color:var(--ink)}button,.button-link{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;min-height:44px;padding:.55rem .9rem;text-decoration:none;display:inline-block}button:disabled{cursor:not-allowed;opacity:.65}button:hover,.button-link:hover{border-color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}:focus-visible{outline-offset:4px;outline:3px solid #aa591b}h1,h2,h3{overflow-wrap:anywhere;font-weight:650;line-height:1.25}h1{margin:.45em 0 .7em;font-size:clamp(1.8em,4vw,2.5em)}h2{margin-top:1.4em;font-size:1.35em}p,li{max-width:68ch}.app-shell{font-size:calc(1rem * var(--text-scale,1));grid-template-columns:13rem minmax(0,1fr);min-height:100vh;display:grid}.site-header{border-right:1px solid var(--line);padding:2rem 1.5rem}.wordmark{margin-top:0;font-weight:650}.site-header nav{flex-direction:column;gap:.3rem;display:flex}.site-header nav a{padding:.65rem .5rem;text-decoration:none}.site-header nav [aria-current=page]{background:#e8efe9;border-radius:4px;font-weight:650}.local-note,.muted,.eyebrow{color:var(--muted);font-size:.9em}.local-note{margin-top:3rem}.main-column{width:100%;min-width:0;max-width:76rem;padding:1rem clamp(1rem,4vw,4rem) 4rem}.save-status{margin-bottom:1.6rem;font-size:.875em}.save-status>p{text-align:right;max-width:none;color:var(--muted)}.skip-link{z-index:10;background:#fff;padding:.6rem 1rem;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:.5rem}.notice{background:#fff9ed;border:1px solid #a8895d;border-radius:5px;margin:1rem 0;padding:1rem}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.lesson-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.workspace,.instruction,.return-recap,.streak-card,.progress-card,.lesson-complete{border-top:1px solid var(--line);min-width:0;padding-top:1rem}.step-navigation{margin:1rem 0}.step-navigation summary,details summary{cursor:pointer;padding:.6rem 0}.step-navigation ol{padding-left:1.5rem}.step-navigation button{text-align:left;margin:.2rem 0}.step-navigation [aria-current=step]{border-color:var(--accent);font-weight:650}textarea{resize:vertical;background:#fff;border:1px solid #7f8b83;border-radius:4px;width:100%;min-height:8rem;padding:.8rem;display:block}textarea.code{tab-size:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef1ec;border-radius:4px;padding:1rem}label{margin-top:.65rem;margin-bottom:.3rem;display:block}select{background:#fff;border:1px solid #7f8b83;border-radius:4px;max-width:100%;min-height:44px;padding:.4rem;display:block}fieldset{border:1px solid var(--line);min-width:0;padding:1rem}legend{font-weight:600}input[type=checkbox],input[type=radio]{vertical-align:middle;width:1.2rem;height:1.2rem;margin-right:.5rem}.checkbox{padding:.4rem 0}.text-button{color:var(--accent);background:0 0;border:0;padding:.4rem .2rem;text-decoration:underline}.dialog-backdrop{z-index:20;background:#17251bcc;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.reference-dialog{background:var(--paper);border-radius:6px;max-width:36rem;max-height:85vh;padding:1.5rem;overflow:auto}.reference-dialog h2{margin-top:0}.course-list{padding:0;list-style:none}.course-list li{border-top:1px solid var(--line);padding:1rem 0}.focus-mode .local-note{display:none}@media (min-width:1100px){.lesson-layout.has-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:760px){.app-shell{grid-template-columns:minmax(0,1fr)}.site-header{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.site-header nav{flex-flow:wrap;gap:.1rem}.site-header nav a{padding:.45rem .6rem}.local-note{display:none}.wordmark{margin-bottom:.5rem}.main-column{padding-top:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[data-reduced-motion] *,[data-reduced-motion] :before,[data-reduced-motion] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}input[type=email],input[inputmode=numeric]{background:#fff;border:1px solid #7f8b83;border-radius:4px;width:100%;max-width:24rem;min-height:44px;padding:.5rem;display:block}input[type=search]{border:1px solid #7f8b83;border-radius:4px;width:100%;max-width:32rem;min-height:44px;padding:.5rem}.reference-entry{border-top:1px solid var(--line);padding:.5rem 0 1.2rem}.focus-mode{grid-template-columns:minmax(0,1fr)}.focus-mode .site-header{border-right:0;border-bottom:1px solid var(--line);padding:.5rem 1rem}.focus-mode .site-header nav{flex-flow:wrap}.focus-mode .wordmark{display:none}progress{width:100%;max-width:32rem;height:.8rem;accent-color:var(--accent);vertical-align:middle;display:inline-block}progress.lesson-progress{max-width:20rem}.achievements{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.4rem;padding:0;list-style:none;display:grid}.achievements li{border:1px solid var(--line);border-radius:5px;max-width:none;padding:.6rem .8rem}.achievements li.earned{border-color:var(--accent);background:#e8efe9}.sightings{padding:0;list-style:none}.sightings li{border-top:1px solid var(--line);padding:.8rem 0}.sightings h4{margin:0 0 .4rem}
