:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8f7f3;--paper:#fdfcf9;--text:#262c26;--muted:#62695f;--accent:#365b46;--button:#345443;--button-text:#fffdf7;--rule:#e1e2d9;--highlight:#f8e8c7;background:var(--background);color:var(--text);font:1rem/1.7 system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1c201d;--paper:#202521;--text:#edf0e8;--muted:#a9b4a8;--accent:#b0d1b7;--button:#b7d3ba;--button-text:#1d392a;--rule:#363f36;--highlight:#503b21}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1c201d;--paper:#202521;--text:#edf0e8;--muted:#a9b4a8;--accent:#b0d1b7;--button:#b7d3ba;--button-text:#1d392a;--rule:#363f36;--highlight:#503b21}}body{margin:0}a{color:var(--accent);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.guide-header{max-width:1080px;margin-inline:auto;padding:18px clamp(20px,5vw,48px)}.guide-brand{color:var(--text);align-items:center;gap:10px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.guide-brand img{box-sizing:border-box;background:#1d392a;border-radius:8px;padding:4px}.guide{overflow-wrap:anywhere;max-width:78ch;margin-inline:auto;padding:clamp(26px,6vh,64px) clamp(20px,5vw,48px) 64px}.guide h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 .45em;font:500 clamp(2.4rem,6vw,4.15rem)/1.06 Georgia,serif}.guide h2{margin:1.8em 0 .55em;font-size:1.2rem;line-height:1.35}.guide p,.guide ol{margin:0 0 1em}.guide-intro{color:var(--muted);font-size:1.08rem}.guide li+li{margin-block-start:.45em}.guide-button{background:var(--button);color:var(--button-text);border-radius:8px;padding:9px 16px;font-weight:650;text-decoration:none;display:inline-block}.guide-button:hover{text-decoration:underline}.guide mark{background:var(--highlight);color:var(--text);border-radius:3px;padding-inline:.19em;font-weight:650}.guide-figure{margin:22px 0 26px}.guide-figure.compact{max-width:24rem}.guide-figure img{box-sizing:border-box;border:1px solid var(--rule);border-radius:9px;max-width:100%;height:auto;display:block}.guide-figure figcaption{color:var(--muted);margin-top:7px;font-size:.87rem}.guide pre{border:1px solid var(--rule);background:var(--paper);border-radius:8px;padding:14px 18px;overflow-x:auto}.guide-example-actions{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;font-size:.85rem;display:flex}.guide-example-actions button{font:inherit;cursor:pointer;color:var(--accent);background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:7px 11px;font-weight:650}.guide-example-actions button:hover{border-color:var(--accent)}.guide-example:has(button:not([hidden])) pre{margin-top:8px}.guide code{font-family:ui-monospace,Consolas,monospace;font-size:.9em}.guide-related{border-top:1px solid var(--rule);margin-top:36px}.guide-related ul{padding-inline-start:1.25em}
