:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--bg: #fafaf8;--bg-secondary: #f2f2ee;--bg-elevated: #ffffff;--bg-code: #f2f2ee;--text: #1a1a1a;--text-secondary: #555550;--text-tertiary: #888884;--accent: #c8390e;--accent-hover: #a82d08;--border: rgba(0, 0, 0, .09);--border-strong: rgba(0, 0, 0, .18);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}@media(prefers-color-scheme:dark){:root{--bg: #121210;--bg-secondary: #1e1e1c;--bg-elevated: #272725;--bg-code: #1e1e1c;--text: #f0efe9;--text-secondary: #a8a8a0;--text-tertiary: #686860;--accent: #ff6b42;--accent-hover: #ff8562;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:17px;line-height:1.7;color:var(--text);background:var(--bg);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text);line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:2.8rem;letter-spacing:-.03em}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1rem}h6{font-size:.9rem}p{margin:0 0 1.25em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}strong,b{font-weight:700}em,i{font-style:italic}main{min-height:calc(100vh - 60px)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.prose{max-width:740px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--text)}.prose h2{font-size:1.7rem;margin-top:2.5em;margin-bottom:.6em;padding-bottom:.4em;border-bottom:1px solid var(--border)}.prose h3{font-size:1.3rem;margin-top:2em;margin-bottom:.5em}.prose h4{font-size:1.05rem;margin-top:1.5em}.prose p{margin-bottom:1.5em}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.5em}.prose li{margin-bottom:.4em}.prose img{max-width:640px;max-height:420px;width:auto;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:2em auto;display:block}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}.prose a:hover{text-decoration-color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);margin:2em 0;padding:.5em 1.25em;color:var(--text-secondary);font-size:1.05em}.prose blockquote p{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5em 0}.prose table{width:100%;border-collapse:collapse;font-size:.95em;margin:2em 0}.prose th{background:var(--bg-secondary);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--border-strong)}.prose td{padding:10px 14px;border-bottom:1px solid var(--border)}.prose tr:last-child td{border-bottom:none}code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.15em .4em}pre{font-family:var(--font-mono);font-size:.875rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25em 1.5em;overflow-x:auto;margin:1.5em 0;line-height:1.6}pre code{all:unset;font-family:inherit;font-size:inherit}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1.5}.badge-difficulty-beginner{background:#d1fae5;color:#065f46}.badge-difficulty-intermediate{background:#fef3c7;color:#92400e}.badge-difficulty-advanced{background:#fee2e2;color:#991b1b}@media(prefers-color-scheme:dark){.badge-difficulty-beginner{background:#10b98133;color:#6ee7b7}.badge-difficulty-intermediate{background:#f59e0b33;color:#fcd34d}.badge-difficulty-advanced{background:#ef444433;color:#fca5a5}}.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}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}body{font-size:16px}.container{padding:0 16px}}