:root{--accent: #500000;--accent-dark: #3a0000;--accent-light: #fce8e8;--text: #1a1a1a;--text-muted: #4a4a4a;--text-subtle: #6b6866;--reminder-bg: #e8f5e9;--reminder-border: #2e7d32;--reminder-text: #1b5e20;--tip-bg: #fdf6e3;--tip-border: #a0845c;--tip-text: #5c3a1e;--caution-bg: #f5ede0;--caution-border: #9a7855;--caution-text: #3d2500;--caution-label: #6b4a20;--syntax-bg: #fce8e8;--syntax-border: #500000;--syntax-text: #3a0000;--code-bg: #1e1e1e;--code-text: #d4d0cb;--code-keyword: #e8a0a0;--code-comment: #9a9090;--code-string: #c8e6a0;--code-number: #f0c080;--pseudo-bg: #f5f0eb;--pseudo-border: #c8b89a;--pseudo-text: #3a2a1a;--surface: #ffffff;--surface-alt: #fafafa;--border: #e0dbd5;--coming-soon-bg: #f5f5f5;--coming-soon-text: #6b6866;--mc-correct-bg: #e8f5e9;--mc-correct-border: #2e7d32;--mc-correct-text: #1b5e20;--mc-incorrect-bg: #fce8e8;--mc-incorrect-border: #500000;--mc-incorrect-text: #3a0000;--header-height: 72px;--font-body: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.6;--leading-code: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background-color:var(--surface);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);color:var(--text);font-weight:700}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:var(--leading-normal);color:var(--text)}a{color:var(--accent);text-decoration:underline}a:hover{color:var(--accent-dark)}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}code,kbd,samp{font-family:var(--font-code);font-size:var(--text-sm)}img,svg{display:block;max-width:100%}ul,ol{padding-left:var(--space-6)}li{line-height:var(--leading-normal)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6);padding-top:calc(var(--header-height) + var(--space-12))}[id]{scroll-margin-top:calc(var(--header-height) + var(--space-12))}@media(min-width:640px){.site-wrapper{padding-bottom:80px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header{background-color:var(--accent);color:var(--surface);padding:var(--space-2) var(--space-6);position:fixed;top:0;left:0;right:0;z-index:100;transition:padding .2s ease}.site-header__inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.site-header__title{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--surface);margin:0}.site-header__home-link{color:#fff;text-decoration:none;cursor:pointer;display:inline-block}.site-header__home-link:hover{text-decoration:underline;opacity:.9;color:#fff}.site-header__home-link:focus-visible{outline:2px solid var(--surface);outline-offset:2px;border-radius:2px}.site-header__subtitle{font-size:var(--text-xs);color:var(--accent-light);margin:0;font-style:italic;opacity:.85}.site-footer{background-color:var(--surface-alt);border-top:1px solid var(--border);padding:var(--space-6);text-align:center}.site-footer__inner{max-width:960px;margin:0 auto}.site-footer p{font-size:var(--text-sm);color:var(--text-subtle);margin:0}