@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-primary);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.25;font-weight:700}h1{font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}h2{font-size:2.25rem;line-height:1.25}h3{font-size:1.5rem;line-height:1.35}h3,h4{font-weight:600}h4{font-size:1.25rem;line-height:1.4}p{margin-bottom:1rem}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}code{font-family:JetBrains Mono,Fira Code,monospace;background:var(--bg-secondary);padding:.15em .4em;border-radius:var(--radius-sm)}code,pre{font-size:.875rem}pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;font-family:JetBrains Mono,monospace;line-height:1.6}pre code{background:none;padding:0;border-radius:0}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::selection{background:var(--accent-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}:root{--bg-primary:#fdfcf8;--bg-secondary:#f5f4ef;--bg-tertiary:#ebece8;--bg-code:#ffffff;--accent:#d97706;--accent-hover:#b45309;--accent-muted:rgba(217,119,6,0.1);--accent-glow:rgba(217,119,6,0.15);--color-link:#2563eb;--color-link-hover:#1d4ed8;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--text-primary:#1f2937;--text-main:#333333;--text-muted:#737373;--text-light:#a3a3a3;--border:#e5e5e5;--border-hover:#d4d4d4;--border-highlight:rgba(217,119,6,0.4);--divider:rgba(0,0,0,0.06);--badge-beginner-bg:#dcfce7;--badge-beginner-text:#166534;--badge-intermediate-bg:#fef3c7;--badge-intermediate-text:#92400e;--badge-advanced-bg:#fecaca;--badge-advanced-text:#991b1b;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.06);--shadow-lg:0 15px 30px rgba(0,0,0,0.06);--shadow-card:0 4px 6px rgba(0,0,0,0.02);--shadow-card-hover:0 15px 30px rgba(0,0,0,0.06);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--max-width-content:1200px;--max-width-article:780px;--max-width-wide:1400px;--navbar-height:64px}