*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--forest: #2b5f44;--forest-mid: #3a7d5b;--forest-light: #dff0e8;--forest-muted: rgba(43, 95, 68, .09);--midnight: #0e0d0b;--bg: #f6f3ed;--bg-subtle: #ede9e0;--bg-sidebar: #ede9e0;--bg-code: #f0ede7;--border: #e0dbd0;--border-mid: #cbc5b8;--text-primary: #1c1a17;--text-secondary:#42403a;--text-muted: #7e7c76;--text-faint: #a8a49c;--font-body: "DM Sans", system-ui, sans-serif;--font-prose: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-w: 272px;--toc-w: 200px;--topbar-h: 58px;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 1px 4px rgba(0,0,0,.05);--shadow-screenshot: 0 6px 32px rgba(0,0,0,.13), 0 1px 4px rgba(0,0,0,.06)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.prose{font-family:var(--font-prose);font-size:1.0625rem;line-height:1.82;color:var(--text-secondary);max-width:72ch}.prose h1{font-family:var(--font-prose);font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--forest-light)}.prose h1+p{font-size:1.125rem;line-height:1.75;color:var(--text-secondary);margin-bottom:1.5rem}.prose h2{font-family:var(--font-body);font-size:1.1875rem;font-weight:600;color:var(--text-primary);margin-top:2.75rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);letter-spacing:-.01em}.prose h3{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);margin-top:1.75rem;margin-bottom:.5rem}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin:.75rem 0 1rem 1.5rem}.prose li{margin-bottom:.5rem}.prose li>ul,.prose li>ol{margin-top:.25rem;margin-bottom:.25rem}.prose strong{color:var(--text-primary);font-weight:600}.prose em{font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-code);border:1px solid var(--border);border-radius:4px;padding:.15em .4em;color:var(--forest)}.prose pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;overflow-x:auto;margin:1.25rem 0}.prose pre code{background:none;border:none;padding:0;font-size:.875rem;color:var(--text-secondary)}.prose a{color:var(--forest);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#2b5f4459;transition:text-decoration-color .15s}.prose a:hover{color:var(--forest-mid);text-decoration-color:var(--forest-mid)}.prose blockquote{border-left:3px solid var(--forest);padding:.75rem 1rem;margin:1.5rem 0;color:var(--text-muted);font-style:italic;background:var(--forest-muted);border-radius:0 var(--radius) var(--radius) 0}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.9375rem;font-family:var(--font-body)}.prose th{text-align:left;font-weight:600;padding:8px 12px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-primary);font-size:.875rem}.prose td{padding:8px 12px;border:1px solid var(--border);vertical-align:top}.prose tr:nth-child(2n) td{background:#00000004}.callout{border-radius:0 var(--radius) var(--radius) 0;padding:.875rem 1.125rem;margin:1.5rem 0;font-family:var(--font-body);font-size:.9375rem;display:flex;gap:.875rem;align-items:flex-start;border-left:3px solid}.callout-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.callout-body{flex:1;line-height:1.6}.callout-body strong{display:block;margin-bottom:.25rem;font-family:var(--font-body);font-size:.875rem;letter-spacing:.01em}.callout-body p{margin-bottom:0;font-family:var(--font-body);font-size:.9375rem}.callout-tip{background:var(--forest-muted);border-left-color:var(--forest);color:#254f39}.callout-note{background:#eff6ff;border-left-color:#3b82f6;color:#1e3a8a}.callout-warn{background:#fffbeb;border-left-color:#f59e0b;color:#78350f}.screenshot{margin:2rem 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-mid);box-shadow:var(--shadow-screenshot)}.screenshot img{display:block;width:100%;height:auto}.screenshot figcaption{padding:10px 16px;font-size:.8125rem;color:var(--text-muted);background:var(--bg-subtle);border-top:1px solid var(--border);font-style:italic;font-family:var(--font-body);line-height:1.5}kbd{display:inline-block;font-family:var(--font-mono);font-size:.8em;background:var(--bg-subtle);border:1px solid var(--border-mid);border-bottom-width:2px;border-radius:4px;padding:.1em .45em;color:var(--text-secondary);white-space:nowrap}:focus-visible{outline:2px solid var(--forest);outline-offset:2px;border-radius:2px}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}.page-btn{transition:border-color .15s,box-shadow .15s,background .15s}.page-btn:hover{border-color:var(--forest)!important;background:#2b5f440a!important;box-shadow:0 2px 8px #00000012!important}.topbar-search:focus-within{background:#ffffff24!important;box-shadow:0 0 0 2px #2b5f448c!important}.nav-link:hover{background:#0000000a!important;color:var(--text-primary)!important}@media(max-width:768px){.page{padding:24px 20px 60px!important}.article-layout{flex-direction:column!important;gap:0!important}.article-toc,.topbar-back{display:none!important}.prose h1{font-size:1.75rem!important}.prose h2{font-size:1.0625rem!important;margin-top:2rem!important}.screenshot{margin:1.25rem 0!important}}