.sg-main[data-astro-cid-3xbz2sym]{padding:96px 0 var(--section-y);background:var(--paper)}.sg-section[data-astro-cid-3xbz2sym]{margin-top:96px;padding-top:32px;border-top:1px solid var(--line-2)}.sg-grid[data-astro-cid-3xbz2sym]{display:grid;gap:24px}.sg-grid-3[data-astro-cid-3xbz2sym]{grid-template-columns:repeat(3,1fr)}.sg-grid-2[data-astro-cid-3xbz2sym]{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.sg-grid-3[data-astro-cid-3xbz2sym]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sg-grid-3[data-astro-cid-3xbz2sym],.sg-grid-2[data-astro-cid-3xbz2sym]{grid-template-columns:1fr}}.sg-card[data-astro-cid-3xbz2sym]{border:1px solid var(--line-2);background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.sg-swatch[data-astro-cid-3xbz2sym]{height:80px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:12px}.sg-default[data-astro-cid-3xbz2sym],.sg-default-inline[data-astro-cid-3xbz2sym]{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.14em;background:#ffffffd9;color:var(--ink);padding:3px 7px}.sg-default-inline[data-astro-cid-3xbz2sym]{background:var(--paper-2);color:var(--graphite);align-self:flex-start;margin:6px 0 8px}.sg-body[data-astro-cid-3xbz2sym]{padding:20px;display:flex;flex-direction:column;gap:8px}.sg-name[data-astro-cid-3xbz2sym]{font-family:var(--sans);font-weight:600;font-size:18px;color:var(--ink);text-transform:capitalize;letter-spacing:-.01em}.sg-hex[data-astro-cid-3xbz2sym]{font-size:11px;color:var(--pewter);text-transform:uppercase;letter-spacing:.12em}.sg-prop[data-astro-cid-3xbz2sym]{font-size:11px;color:var(--pewter);background:var(--paper-2);padding:6px 10px;align-self:flex-start;margin-top:6px}.sg-preview[data-astro-cid-3xbz2sym]{border-top:1px solid var(--line-2);margin-top:8px;padding-top:16px}.sg-preview-h[data-astro-cid-3xbz2sym]{font-size:28px!important;line-height:1.1;margin:0}.sg-bg-preview[data-astro-cid-3xbz2sym]{padding:24px 20px;display:flex;flex-direction:column;gap:8px;background:var(--paper);border-bottom:1px solid var(--line)}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=warm]{--paper: #faf8f3;--paper-2: #f2efe6;--line: #e3dfd3;--ink: #0b0d14}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=white]{--paper: #ffffff;--paper-2: #f6f6f6;--line: #ececec;--ink: #0b0d14}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=slate]{--paper: #f3f4f6;--paper-2: #e9ebef;--line: #d8dbe2;--ink: #0b0d14}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=sand]{--paper: #f0e9d8;--paper-2: #e6dec8;--line: #d2c8ad;--ink: #0b0d14}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=navy]{--paper: #eef1f7;--paper-2: #e1e6ef;--line: #c8d0dd;--ink: #0b0d14}.sg-bg-preview[data-astro-cid-3xbz2sym][data-bg=dark]{--paper: #0b0d14;--paper-2: #14171f;--line: #232634;--ink: #f5f5f0}.sg-bg-row[data-astro-cid-3xbz2sym]{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px}.sg-bg-label[data-astro-cid-3xbz2sym]{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink)}.sg-bg-chip[data-astro-cid-3xbz2sym]{height:16px;width:100%}.sg-density-preview[data-astro-cid-3xbz2sym]{padding:32px 20px;background:var(--paper-2);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.sg-density-bar[data-astro-cid-3xbz2sym]{height:1px;width:100%;background:var(--line-2)}.sg-density-content[data-astro-cid-3xbz2sym]{font-family:var(--mono);font-size:11px;color:var(--pewter);text-transform:uppercase;letter-spacing:.14em}.sg-density-preview[data-astro-cid-3xbz2sym][data-density=spacious] .sg-density-content[data-astro-cid-3xbz2sym]{padding:56px 0}.sg-density-preview[data-astro-cid-3xbz2sym][data-density=dense] .sg-density-content[data-astro-cid-3xbz2sym]{padding:24px 0}.sg-code-block[data-astro-cid-3xbz2sym]{margin-bottom:24px;border:1px solid var(--line-2);background:var(--paper-2)}.sg-code-label[data-astro-cid-3xbz2sym]{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--pewter);padding:12px 20px;border-bottom:1px solid var(--line-2)}.sg-code[data-astro-cid-3xbz2sym]{margin:0;padding:20px;font-family:var(--mono);font-size:13px;line-height:1.55;color:var(--ink);overflow-x:auto}