.page[data-astro-cid-soxsnotx]{max-width:var(--max);gap:32px;margin:0 auto;padding:56px 24px 72px;display:grid}h1[data-astro-cid-soxsnotx]{color:var(--heading);margin:0}.lead[data-astro-cid-soxsnotx]{max-width:70ch;margin:0}.og-demo[data-astro-cid-soxsnotx]{color:var(--text)}.og-demo[data-astro-cid-soxsnotx] opengrid-grid[data-astro-cid-soxsnotx]{height:560px;display:block;overflow:hidden}.og-demo--site[data-astro-cid-soxsnotx] opengrid-grid[data-astro-cid-soxsnotx]{--og-surface:var(--surface);--og-surface-2:var(--bg-deep);--og-ink:var(--text);--og-ink-muted:var(--muted);--og-line:var(--border);--og-line-strong:var(--border-strong);--og-accent:var(--accent);--og-on-accent:var(--surface);--og-radius:8px;border:1px solid var(--border);border-radius:12px}.og-views[data-astro-cid-soxsnotx]{gap:12px;display:grid}.og-tabs[data-astro-cid-soxsnotx]{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;display:flex}.og-tabs[data-astro-cid-soxsnotx] [data-astro-cid-soxsnotx][role=tab]{font:inherit;min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 12px}.og-tabs[data-astro-cid-soxsnotx] [data-astro-cid-soxsnotx][role=tab][aria-selected=true]{color:var(--heading);box-shadow:inset 0 -2px 0 var(--accent);font-weight:600}.og-tabs[data-astro-cid-soxsnotx] [data-astro-cid-soxsnotx][role=tab]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.og-views[data-astro-cid-soxsnotx] pre[data-astro-cid-soxsnotx]{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;max-height:260px;margin:8px 0 0;padding:12px;font-size:.8rem;overflow:auto}.og-themed[data-astro-cid-soxsnotx]{background:var(--og-canvas);border-radius:14px;gap:12px;padding:16px;display:grid}.og-presets[data-astro-cid-soxsnotx]{color:var(--og-ink);border:0;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;display:flex}.og-presets[data-astro-cid-soxsnotx] legend[data-astro-cid-soxsnotx]{float:left;margin-right:8px;font-weight:600}.og-presets[data-astro-cid-soxsnotx] label[data-astro-cid-soxsnotx]{cursor:pointer;align-items:center;gap:6px;min-height:24px;display:inline-flex}.og-swatch[data-astro-cid-soxsnotx]{border-radius:999px;width:10px;height:10px}.og-themed[data-astro-cid-soxsnotx] opengrid-grid[data-astro-cid-soxsnotx]{border:1px solid var(--og-line-strong);border-radius:var(--og-radius)}.og-themed[data-astro-cid-soxsnotx][data-preset=base],.og-themed[data-astro-cid-soxsnotx][data-preset=base] opengrid-grid[data-astro-cid-soxsnotx]{--og-canvas:#f5f6f8;--og-surface:#fff;--og-surface-2:#fafbfc;--og-ink:#14161a;--og-ink-muted:#646b78;--og-line:#eceef2;--og-line-strong:#e0e3e9;--og-accent:#3d5fd6;--og-on-accent:#fff;--og-radius:12px;color-scheme:light}.og-themed[data-astro-cid-soxsnotx][data-preset=paper],.og-themed[data-astro-cid-soxsnotx][data-preset=paper] opengrid-grid[data-astro-cid-soxsnotx]{--og-canvas:#f4f1ea;--og-surface:#fffdf8;--og-surface-2:#faf7f0;--og-ink:#1f1d19;--og-ink-muted:#6f685a;--og-line:#ebe6da;--og-line-strong:#ddd7c8;--og-accent:#2a7a59;--og-on-accent:#fff;--og-radius:8px;color-scheme:light}.og-themed[data-astro-cid-soxsnotx][data-preset=violet],.og-themed[data-astro-cid-soxsnotx][data-preset=violet] opengrid-grid[data-astro-cid-soxsnotx]{--og-canvas:#f3f3f7;--og-surface:#fff;--og-surface-2:#fbfbfd;--og-ink:#17161f;--og-ink-muted:#6c6b80;--og-line:#ececf3;--og-line-strong:#dfdfea;--og-accent:#6b4bc8;--og-on-accent:#fff;--og-radius:14px;color-scheme:light}.og-themed[data-astro-cid-soxsnotx][data-preset=orange],.og-themed[data-astro-cid-soxsnotx][data-preset=orange] opengrid-grid[data-astro-cid-soxsnotx]{--og-canvas:#f7f6f4;--og-surface:#fff;--og-surface-2:#faf9f7;--og-ink:#111;--og-ink-muted:#6e6c69;--og-line:#ecebe8;--og-line-strong:#e2e0dc;--og-accent:#b44c1c;--og-on-accent:#fff;--og-radius:10px;color-scheme:light}.og-themed[data-astro-cid-soxsnotx][data-preset=dark],.og-themed[data-astro-cid-soxsnotx][data-preset=dark] opengrid-grid[data-astro-cid-soxsnotx]{--og-canvas:#0e1013;--og-surface:#15181c;--og-surface-2:#1a1e23;--og-ink:#e6e8eb;--og-ink-muted:#9aa1ab;--og-line:#23282e;--og-line-strong:#2e333a;--og-accent:#4fd1d1;--og-on-accent:#0b1414;--og-radius:12px;color-scheme:dark}