:root{--bg:#fbfbfa;--panel:#ffffff;--text:#1d1d1f;--muted:#5f5f66;--border:#e3e3e6;--accent:#2a62d4;--accent-text:#ffffff;--error:#c62828;--warning:#9a6700;--mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--hl-comment:#6e7781;--hl-keyword:#cf222e;--hl-selector:#6639ba;--hl-attribute:#0550ae;--hl-string:#0a3069;--hl-number:#0550ae;--hl-variable:#953800;--hl-function:#8250df;color-scheme:light dark;@media (prefers-color-scheme: dark){--bg:#141416;--panel:#1c1c1f;--text:#e8e8ea;--muted:#a0a0a8;--border:#2e2e33;--accent:#7aa2ff;--accent-text:#0d1117;--error:#ff7b72;--warning:#e3b341;--hl-comment:#8b949e;--hl-keyword:#ff7b72;--hl-selector:#d2a8ff;--hl-attribute:#79c0ff;--hl-string:#a5d6ff;--hl-number:#79c0ff;--hl-variable:#ffa657;--hl-function:#d2a8ff;}}*{box-sizing:border-box;}.editor,pre{background:var(--panel);border:1px solid var(--border);}.hljs-comment{color:var(--hl-comment);font-style:italic;}.hljs-keyword,.hljs-meta{color:var(--hl-keyword);}.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-attr{color:var(--hl-selector);}.hljs-attribute,.hljs-attr{color:var(--hl-attribute);}.hljs-string{color:var(--hl-string);}.hljs-number{color:var(--hl-number);}.hljs-variable{color:var(--hl-variable);}.hljs-built_in{color:var(--hl-function);}body{background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;margin:0;}a{color:var(--accent);}code{font-family:var(--mono);font-size:.9em;}.top,main,footer{margin:0 auto;max-width:64rem;padding:0 1rem;}.top{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.25rem;align-items:center;.brand{color:var(--text);display:inline-flex;font-size:1.2rem;font-weight:700;gap:.45rem;margin-right:auto;align-items:center;text-decoration:none;}& nav{display:flex;gap:1.25rem;}& nav a{color:var(--muted);text-decoration:none;&:hover{color:var(--text);}}}.hero{padding-block:3rem 2rem;& h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem;text-wrap:balance;}.lead{color:var(--muted);font-size:1.15rem;margin:0;max-width:40rem;}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;}.button{border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:500;padding:.6rem 1.1rem;text-decoration:none;&:hover{border-color:var(--accent);}&.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);}}.example{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));padding-block:1rem 2.5rem;}figure{margin:0;min-width:0;}figcaption{color:var(--muted);display:flex;font:12px var(--mono);gap:.5rem;margin-bottom:.4rem;justify-content:space-between;.hint{color:var(--muted);opacity:.8;}& a.hint:hover{color:var(--accent);opacity:1;}}.editor{border-radius:10px;display:grid;& pre,& textarea{background:transparent;border:0;border-radius:0;font:13.5px/1.55 var(--mono);grid-area:1 / 1;margin:0;overflow:hidden;padding:1rem 1.25rem;tab-size:2;white-space:pre;}& textarea{caret-color:var(--text);color:transparent;outline:none;resize:none;}&:focus-within{border-color:var(--accent);}}#example-diagnostics{color:var(--error);font:12px/1.5 var(--mono);list-style:none;margin:.5rem 0 0;padding:0;}pre{border-radius:10px;font:13.5px/1.55 var(--mono);margin:0;overflow:auto;padding:1rem 1.25rem;& code{font-size:inherit;}}.features{display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));padding-block:1.5rem 3rem;& h2{font-size:1.05rem;margin:0 0 .35rem;}& p{color:var(--muted);margin:0;}}.compare{padding-bottom:3rem;& h2{font-size:1.4rem;margin:0 0 1rem;}}.table-scroll{overflow-x:auto;}table{border-collapse:collapse;font-size:.95rem;min-width:36rem;width:100%;& th,& td{border-bottom:1px solid var(--border);padding:.6rem .75rem;text-align:left;vertical-align:top;}& thead th{color:var(--muted);font-weight:600;}& tbody th{font-weight:500;white-space:nowrap;}& td{color:var(--muted);}.us{background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--text);}& thead .us{color:var(--accent);}.yes::before{color:var(--accent);content:'✓ ';}.no{opacity:.7;}@media (width < 720px){font-size:.85rem;min-width:0;& th,& td{padding:.5rem .4rem;}& tbody th{white-space:normal;}}}.start{padding-bottom:3rem;& h2{font-size:1.4rem;margin:0 0 1rem;}& p{color:var(--muted);}}footer{border-top:1px solid var(--border);color:var(--muted);font-size:.9rem;padding-block:1.5rem 2.5rem;}/*# sourceMappingURL=site.css.map */