:root{--bg:#fbfaf7;--surface:#fff;--ink:#1d2433;--muted:#5d6677;--line:#e4e1d9;--brand:#2c5be8;--brand-ink:#fff;--accent:#f26b3a;--draft-bg:#fff4d6;--draft-ink:#7a5500;--stage:var(--brand);--stage-soft:#e8eefd;--radius:14px;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.stage-scratch{--stage:#e8732b;--stage-soft:#fdeee3}.stage-python{--stage:#2e7d5b;--stage-soft:#e3f3ec}.stage-web{--stage:#2c5be8;--stage-soft:#e8eefd}.stage-ai{--stage:#7a4fd6;--stage-soft:#f0eafc}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:17px/1.6 var(--font);margin:0;overflow-x:hidden}img{max-width:100%;height:auto}a{color:var(--brand);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3{margin:0 0 .5em;line-height:1.25}h1{font-size:clamp(1.7rem,4vw,2.4rem)}h2{font-size:1.25rem}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--surface);z-index:10;padding:8px 12px;top:8px;left:16px}.muted{color:var(--muted)}.env-banner{background:var(--draft-bg);color:var(--draft-ink);text-align:center;padding:6px 16px;font-size:.9rem}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.header-row{flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding-top:8px;padding-bottom:8px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.05rem;text-decoration:none;display:flex}.brand img{object-fit:contain;width:44px;height:44px}.main-nav{gap:16px;display:flex}.main-nav a{color:var(--ink);font-weight:500;text-decoration:none}.main-nav a:hover{color:var(--brand)}.search-box{margin-left:auto}.search-box input,.picker select,.picker-row input{font:inherit;border:1px solid var(--line);background:var(--surface);border-radius:10px;min-width:0;padding:8px 12px}.search-box input{width:180px}.btn{font:inherit;cursor:pointer;background:var(--stage);color:#fff;border:0;border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent)}main{min-height:60vh;padding-top:24px;padding-bottom:48px}.hero{padding:24px 0 8px}.lead{color:var(--muted);max-width:46em;font-size:1.12rem}.picker{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:560px;margin:20px 0 8px;padding:16px}.picker label{margin-bottom:8px;font-weight:600;display:block}.picker-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.picker-row input{flex:220px}.picker-result{margin:12px 0 0}.roadmap{gap:16px;margin:24px 0;padding:0;list-style:none;display:grid}.stage-card{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--stage);border-radius:var(--radius);grid-template-columns:48px 1fr;gap:16px;padding:20px;display:grid}.stage-card.is-soon{opacity:.85}.stage-step{background:var(--stage-soft);width:44px;height:44px;color:var(--stage);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.stage-body h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-body h2 a{color:var(--ink);text-decoration:none}.stage-body h2 a:hover{color:var(--stage)}.meta{color:var(--muted);margin:0 0 8px;font-size:.92rem}.course-chips{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.course-chips li{background:var(--stage-soft);border-radius:999px;padding:4px 12px}.course-chips a{color:var(--ink);font-weight:600;text-decoration:none}.badge{color:var(--muted);vertical-align:middle;background:#eceae4;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-draft{background:var(--draft-bg);color:var(--draft-ink)}.draft-note{background:var(--draft-bg);color:var(--draft-ink);border-radius:10px;padding:10px 14px}.crumbs{color:var(--muted);overflow-wrap:anywhere;margin-bottom:12px;font-size:.9rem}.crumbs a{color:var(--muted)}.page-head{margin-bottom:20px}.eyebrow{color:var(--stage);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.8rem;font-weight:700}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--stage);border-radius:var(--radius);padding:18px}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{color:var(--stage)}.soon{background:var(--stage-soft);border-radius:var(--radius);padding:20px}.two-col{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;display:grid}.side{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:sticky;top:84px}.side h2{font-size:1.05rem}.side section+section{margin-top:20px}.side ul{margin:0;padding-left:20px}.level h2{color:var(--stage);margin-top:24px}.lesson-list{padding-left:28px}.lesson-list li{margin-bottom:12px}.lesson-list li::marker{color:var(--stage);font-weight:700}.lesson-list p{color:var(--muted);margin:2px 0 0;font-size:.95rem}.lesson-title{font-weight:600}.goals{background:var(--stage-soft);border-radius:var(--radius);margin-bottom:20px;padding:14px 18px}.goals ul{margin:0;padding-left:20px}.prose{overflow-wrap:anywhere;max-width:70ch}.prose h2,.prose h3{margin-top:1.4em}.prose code{background:#f1efe9;border-radius:6px;padding:1px 6px;font-size:.92em}.prose pre{color:#f4f4f4;background:#1d2433;border-radius:10px;padding:14px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:4px solid var(--stage);background:var(--stage-soft);border-radius:0 10px 10px 0;margin:1em 0;padding:4px 16px}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}.resources{gap:12px;list-style:none;display:grid;padding:0!important}.resource{border:1px solid var(--line);border-radius:10px;gap:2px;padding:10px 12px;display:grid}.resource-practice{border-color:var(--stage);background:var(--stage-soft)}.resource-type{text-transform:uppercase;color:var(--stage);font-size:.75rem;font-weight:700}.resource-link{font-weight:600}.resource .muted{font-size:.85rem}.note{color:var(--draft-ink);font-size:.85rem}.gdpt li{margin-bottom:6px;font-size:.92rem}.attribution{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:.88rem}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:32px;padding-top:20px;display:flex}.narrow{max-width:760px}.state{text-align:center;padding:48px 0}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:24px 0;font-size:.9rem}.footer-grid{grid-template-columns:1fr 1.4fr;gap:24px;display:grid}.footer-legal{color:var(--muted)}.two-col>*{min-width:0}.jump{display:none}@media (width<=860px){.two-col{grid-template-columns:minmax(0,1fr)}.jump{margin-bottom:16px;display:inline-block}.side{position:static}.footer-grid{grid-template-columns:1fr}}@media (width<=600px){body{font-size:16px}.header-row{gap:10px}.search-box{flex:100%;order:3;margin-left:0}.search-box input{width:100%}.header-cta{padding:6px 14px;font-size:.9rem}.stage-card{grid-template-columns:1fr;padding:16px}.stage-step{display:none}}