:root{color-scheme:light;--cp-bg:#f7f4ef;--cp-bg-elevated:#fcfbf8;--cp-surface:#fff;--cp-surface-soft:#f5f5f5;--cp-border:#dedede;--cp-border-strong:#919191;--cp-text:#242424;--cp-text-muted:#5c5c5c;--cp-text-soft:#6f6f6f;--cp-accent:#b11f4b;--cp-accent-hover:#9a1a41;--cp-accent-soft:#b11f4b14;--cp-accent-fg:#fff;--cp-success:#16a34a;--cp-danger:#dc2626;--cp-warning:#f59e0b;--cp-link:#0078d4;--cp-shadow:0 18px 48px #0000001f;--cp-overlay:#fffc;--cp-panel:#ffffffdb;--cp-panel-strong:#fffffff5;--cp-sheen:#ffffff8c;--cp-highlight:#b11f4b1f}html[data-theme=dark]{color-scheme:dark;--cp-bg:#3d3b3a;--cp-bg-elevated:#343231;--cp-surface:#292929;--cp-surface-soft:#2e2e2e;--cp-border:#474747;--cp-border-strong:#5f5f5f;--cp-text:#dedede;--cp-text-muted:#919191;--cp-text-soft:#b0b0b0;--cp-accent:#fd8ea1;--cp-accent-hover:#fb7b91;--cp-accent-soft:#fd8ea124;--cp-accent-fg:#1a1a1a;--cp-success:#4ade80;--cp-danger:#f87171;--cp-warning:#fbbf24;--cp-link:#4da6ff;--cp-shadow:0 18px 48px #00000052;--cp-overlay:#292929e0;--cp-panel:#292929b8;--cp-panel-strong:#292929f5;--cp-sheen:#ffffff0a;--cp-highlight:#fd8ea11f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cp-bg);color:var(--cp-text);margin:0;font-family:Segoe UI,Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55}body:before{content:"";pointer-events:none;background-image:linear-gradient(color-mix(in srgb, var(--cp-success) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cp-success) 7%, transparent) 1px, transparent 1px);mask-image:linear-gradient(to bottom, var(--cp-text), transparent 75%);z-index:-1;background-size:32px 32px;position:fixed;inset:0}a{color:var(--cp-link)}button,a.button{border:1px solid var(--cp-border);background:var(--cp-surface);color:var(--cp-text);font:inherit;cursor:pointer;border-radius:.625rem;padding:.65rem .9rem;font-weight:650;text-decoration:none}button:hover,a.button:hover{border-color:var(--cp-success)}a.button.primary{background:var(--cp-success);color:var(--cp-accent-fg);border-color:var(--cp-success)}.shell{width:min(1180px,100% - 32px);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--cp-border);background:var(--cp-overlay);backdrop-filter:blur(12px);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--cp-text);letter-spacing:.02em;font-weight:800;text-decoration:none}.brand span,.eyebrow,.terminal-mark{color:var(--cp-success)}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:var(--cp-text-muted);padding:8px;text-decoration:none}.nav-links a:hover{color:var(--cp-success)}.hero{padding:88px 0 48px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font:700 .78rem Consolas,Courier New,Courier,monospace}h1{letter-spacing:-.055em;max-width:900px;margin:16px 0 24px;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.98}h2{letter-spacing:-.025em;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1}h3{line-height:1.2}.lede{max-width:760px;color:var(--cp-text-muted);font-size:1.18rem}.hero-actions,.program-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.section{padding:36px 0 72px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading p{max-width:560px;color:var(--cp-text-muted)}.program-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.lesson-card,.viewer-card,.callout{background:var(--cp-surface);border:1px solid var(--cp-border);box-shadow:0 0 2px color-mix(in srgb, var(--cp-text) 12%, transparent), 0 1px 2px color-mix(in srgb, var(--cp-text) 14%, transparent);border-radius:16px}.card{flex-direction:column;min-height:320px;padding:24px;display:flex}.card:hover{border-color:var(--cp-success);transition:all .16s;transform:translateY(-2px)}.badge{background:var(--cp-surface-soft);border:1px solid var(--cp-border);width:fit-content;color:var(--cp-text-muted);border-radius:999px;padding:4px 9px;font:700 .74rem Consolas,Courier New,Courier,monospace;display:inline-flex}.card h3{margin:18px 0 8px;font-size:1.55rem}.card p{color:var(--cp-text-muted)}.skills{flex-wrap:wrap;gap:6px;margin:auto 0 18px;padding:0;list-style:none;display:flex}.skills li{border-left:2px solid var(--cp-success);color:var(--cp-text-soft);padding-left:7px;font-size:.84rem}.terminal{background:var(--cp-bg-elevated);border:1px solid var(--cp-border);border-radius:16px;padding:22px;font-family:Consolas,Courier New,Courier,monospace}.terminal p{margin:6px 0}.terminal .muted{color:var(--cp-text-muted)}.page-head{padding:64px 0 24px}.page-head h1{font-size:clamp(2.6rem,6vw,4.8rem)}.breadcrumbs{color:var(--cp-text-muted);font:.85rem Consolas,Courier New,Courier,monospace}.lesson-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.lesson-card{padding:20px}.lesson-card:target,.lesson-card.is-active{border-color:var(--cp-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--cp-success) 28%, transparent), 0 0 28px color-mix(in srgb, var(--cp-success) 22%, transparent)}.lesson-card h3{color:var(--cp-success);text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 8px;font:800 .92rem Consolas,Courier New,Courier,monospace}.lesson-card h3 span{min-width:2.4rem;color:var(--cp-text-muted);display:inline-block}.lesson-card p{color:var(--cp-text-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0}.source-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:18px;display:grid}.comment-guide{scrollbar-color:var(--cp-border-strong) var(--cp-surface-soft);gap:12px;max-height:min(76vh,820px);padding-right:6px;display:grid;overflow-y:auto}.comment-guide-head{z-index:2;border:1px solid var(--cp-border);background:var(--cp-panel-strong);backdrop-filter:blur(12px);border-radius:12px;padding:14px 16px;position:sticky;top:0}.comment-guide-head p{color:var(--cp-text-muted);margin:4px 0 0;font-size:.9rem}.viewer-card{overflow:hidden}.viewer-toolbar{border-bottom:1px solid var(--cp-border);background:var(--cp-surface-soft);align-items:center;gap:8px;padding:12px;display:flex}.viewer-toolbar output{min-width:54px;color:var(--cp-text-muted);font-family:Consolas,Courier New,Courier,monospace}.viewer-viewport{background:var(--cp-surface);height:min(76vh,820px);overflow:auto}.blocks-image{transform-origin:0 0;width:100%;max-width:none;min-height:100%;display:block}.callout{border-left:4px solid var(--cp-warning);padding:20px}details{border-top:1px solid var(--cp-border);padding:12px 0}summary{cursor:pointer;font-weight:700}pre{background:var(--cp-surface-soft);border:1px solid var(--cp-border);border-radius:.625rem;padding:16px;font:.82rem/1.5 Consolas,Courier New,Courier,monospace;overflow:auto}.footer{border-top:1px solid var(--cp-border);color:var(--cp-text-muted);margin-top:56px;padding:32px 0}@media (width<=850px){.program-grid,.lesson-grid,.source-grid{grid-template-columns:1fr}.comment-guide{max-height:none;padding-right:0;overflow:visible}.comment-guide-head{position:static}.nav-links a:not(.button){display:none}.hero{padding-top:56px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}