:root{color-scheme:dark;--bg:#121314;--panel:#1d1e1e;--ink:#f1f1ef;--muted:#afb1ae;--gold:#f9a021;--line:#393a36;font:16px/1.65 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--gold);text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button,.button{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#2a2b27}button:disabled{opacity:.45;cursor:default}.primary{background:var(--gold);border-color:var(--gold);color:#171611;font-weight:650}.primary:hover{background:#ffb83e}h1,h2,h3,p{margin:0}h1{font:clamp(2.1rem,5vw,4rem)/1.15 Georgia,serif;letter-spacing:-.03em;margin:18px 0}h2{font-size:1.35rem;line-height:1.4;margin:12px 0}h3{font-size:1.05rem;line-height:1.5;margin:24px 0 12px}p{color:var(--muted);margin:16px 0}ul,ol{padding-left:24px}li{margin:10px 0}header{min-height:92px;padding:18px max(22px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}header nav{display:flex;align-items:center;gap:24px;font-size:.88rem}header nav a{color:var(--muted);text-decoration:none}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:1.15rem Georgia,serif;letter-spacing:2px}.brand img{width:43px;height:52px;object-fit:contain}.brand small{display:block;color:var(--gold);font:9px/1.5 system-ui;letter-spacing:2px;margin-top:5px}main{max-width:1240px;margin:0 auto;padding:42px 28px 72px}.eyebrow{font-size:.7rem;letter-spacing:2px;color:var(--gold);font-weight:650}.hero{padding:45px 0 70px;max-width:840px}.hero p{font-size:1.1rem;max-width:650px}.hero .button{margin-top:12px}.section-heading{display:flex;gap:30px;align-items:baseline;justify-content:space-between;margin-bottom:24px}.section-heading p{max-width:570px;font-size:.9rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px}.card{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:210px}.card:hover{border-color:#806229;transform:translateY(-2px)}.card p{font-size:.9rem}.card>span:last-child{margin-top:auto;padding-top:20px;color:var(--gold);font-size:.88rem}.panel{margin-top:34px}.panel ul{color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;margin-bottom:28px}.heading{max-width:950px;margin-bottom:30px}.heading h1{font-size:clamp(2rem,4vw,3.3rem)}.heading p{font-size:.95rem}.save-status{color:#c9b88b!important;font-size:.78rem!important}.classroom{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}.partnav{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px}.partnav a{padding:11px 13px;border:1px solid transparent;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.8rem;display:flex;gap:10px}.partnav a[aria-current]{border-color:#755321;background:#302719;color:var(--gold)}.partnav a span{color:inherit}.lesson{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:32px}.lesson-part[hidden]{display:none}.lesson-part:target{display:block}.lesson-part h2{font:1.8rem/1.3 Georgia,serif;margin-top:8px}.lesson-part li{color:var(--muted)}pre{white-space:pre;overflow:auto;background:#111313;border:1px solid var(--line);padding:20px;border-radius:8px;line-height:1.6;font-size:.9rem}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f1c47e}.walkthrough{padding-left:28px}.walkthrough li{margin:20px 0}.walkthrough code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.walkthrough p{font-size:.9rem;margin-top:6px}.gentle{font-size:.83rem;color:#a8aba7}.notice{background:#302719;border:1px solid #755321;border-radius:8px;padding:17px;color:#f4c77a;margin:25px 0}label{display:block;margin:22px 0 10px;color:#d6d8d3;font-size:.9rem}textarea{width:100%;min-height:100px;display:block;background:#111313;color:var(--ink);border:1px solid #53554d;border-radius:8px;padding:14px;margin-top:9px;resize:vertical}.code-draft{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.65;tab-size:4}.choice{display:flex;align-items:flex-start;gap:10px;margin:14px 0}.choice input{margin-top:6px}fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:24px 0}legend{padding:0 8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.part-actions{justify-content:space-between;border-top:1px solid var(--line);padding-top:23px}.lessonnav{display:flex;justify-content:space-between;gap:25px;margin-top:32px;font-size:.86rem}.lessonnav a{max-width:46%}details{border:1px solid var(--line);border-radius:8px;padding:15px 18px;margin:20px 0}summary{cursor:pointer;color:var(--gold)}.lessonlist{list-style:none;padding:0;margin:28px 0}.lessonlist li{border-top:1px solid var(--line);margin:0}.lessonlist li>a{display:flex;align-items:center;gap:22px;padding:24px 6px;color:var(--ink);text-decoration:none}.lessonlist p{font-size:.9rem;margin:7px 0}.lessonlist small{color:var(--gold);font-size:.75rem}.lesson-number{font:1.4rem Georgia;color:var(--gold)}.lessonlist li>a>span:last-child{margin-left:auto;color:var(--gold)}.practice-row{display:flex;flex-direction:column;gap:6px;padding:22px;border-top:1px solid var(--line);text-decoration:none}.row{display:flex;gap:24px;align-items:center;justify-content:space-between}dialog{max-width:min(680px,calc(100vw - 30px));max-height:85dvh;overflow:auto;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:28px;border-radius:14px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog .button input{display:block;max-width:100%;font-size:.8rem;margin-top:10px}dialog .actions{align-items:start}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:28px;display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:.75rem}footer>span{letter-spacing:2px}footer p{margin:0}.skip{position:absolute;top:-100px;left:20px;background:var(--gold);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}.check-feedback{border-left:3px solid var(--gold);padding-left:15px}.check-feedback:empty{display:none}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom{grid-template-columns:1fr}.partnav{position:static;flex-direction:row;overflow:auto}.partnav a{min-width:max-content}.partnav a span{max-width:145px}.section-heading{display:block}}@media(max-width:600px){header{align-items:flex-start;padding:15px;flex-wrap:wrap;gap:18px}.brand img{width:34px;height:42px}header nav{width:100%;justify-content:space-between;gap:10px;font-size:.75rem}header nav button{font-size:.75rem;padding:8px}main{padding:28px 17px 45px}.hero{padding:25px 0 38px}.cards{grid-template-columns:1fr}.card{min-height:170px}.lesson{padding:22px 17px}.lesson-part h2{font-size:1.55rem}.partnav{gap:2px}.partnav a{padding:8px;font-size:.72rem}.partnav a span{max-width:105px}.breadcrumbs{font-size:.72rem}.lessonnav{font-size:.76rem;gap:16px}footer{padding:24px 17px;flex-direction:column;align-items:flex-start;gap:15px}.row{align-items:flex-start}dialog{padding:21px}pre{padding:14px;font-size:.78rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card:hover{transform:none}}

.code-editor{position:relative;overflow:hidden;background:#111313;border:1px solid #53554d;border-radius:8px;margin-top:9px}.code-editor textarea{margin:0;border:0;border-radius:0;min-height:260px}.code-editor.is-highlighted textarea{position:relative;z-index:1;background:transparent;color:transparent;caret-color:var(--ink)}.code-editor .code-mirror{position:absolute;inset:0 auto auto 0;margin:0;border:0;border-radius:0;min-width:100%;width:max-content;padding:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.65;tab-size:4;pointer-events:none;overflow:visible;color:var(--ink)}.code-line{display:block;min-height:1.65em}.tok-keyword{color:#ffb83e}.tok-type{color:#a8d6cb}.tok-function{color:#e8c888}.tok-string{color:#bdd89b}.tok-comment{color:#92988d;font-style:italic}.tok-number{color:#d9b2df}.tok-plain{color:var(--ink)}@media(forced-colors:active){.code-editor .code-mirror{display:none}.code-editor.is-highlighted textarea{color:CanvasText;background:Canvas;caret-color:CanvasText}}
.code-editor textarea::selection{background:rgba(249,160,33,.3);color:transparent}

.language-status{font-size:.78rem;border-left:3px solid #755321;padding:8px 14px;background:#1b1915;margin:0 0 30px;color:#c3bba9}