.swatch-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.swatch[data-astro-cid-bmysizix]{background:var(--elev);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.swatch__chips[data-astro-cid-bmysizix]{display:grid;grid-template-columns:1fr 1fr;height:96px}.swatch__chip[data-astro-cid-bmysizix]{width:100%;height:100%;position:relative}.swatch__chip-label[data-astro-cid-bmysizix]{position:absolute;top:24px;left:36px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}.swatch__meta[data-astro-cid-bmysizix]{padding:36px 48px 42px;display:flex;flex-direction:column;gap:6px}.swatch__name[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:13px;color:var(--fg);margin:0;font-weight:500}.swatch__values[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:11px;color:var(--dim);margin:0;line-height:1.6}.swatch__values[data-astro-cid-bmysizix] code[data-astro-cid-bmysizix]{background:none;padding:0}.swatch__comment[data-astro-cid-bmysizix]{font-size:12px;color:var(--faint);line-height:1.5;margin:0}.rule-demo[data-astro-cid-bmysizix]{background:var(--elev);border-radius:var(--radius-lg);padding:24px 60px 36px}.rule-demo__row[data-astro-cid-bmysizix]{padding:24px 0;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.rule-demo__row[data-astro-cid-bmysizix]:last-child{border-bottom:0!important}.rule-demo__label[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:13px;color:var(--fg)}.rule-demo__use[data-astro-cid-bmysizix]{color:var(--dim);font-size:14px}.type-row[data-astro-cid-bmysizix]{margin-bottom:32px;padding:24px 0;border-bottom:1px solid var(--hair)}.type-row[data-astro-cid-bmysizix]:last-child{border-bottom:0}.type-sample[data-astro-cid-bmysizix]{font-size:var(--fs-section);margin:12px 0 0;color:var(--fg);letter-spacing:-.01em}.size-demo[data-astro-cid-bmysizix]{background:var(--elev);border-radius:var(--radius-lg);padding:24px 60px 36px}.size-demo__row[data-astro-cid-bmysizix]{padding:32px 0;display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:end;border-bottom:1px solid var(--hair)}.size-demo__row[data-astro-cid-bmysizix]:last-child{border-bottom:0}.size-demo__sample[data-astro-cid-bmysizix]{color:var(--fg)}.size-demo__sample[data-astro-cid-bmysizix] code[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:.875em;background:var(--elev-2);padding:2px 6px;border-radius:4px}.size-demo__meta[data-astro-cid-bmysizix]{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:11px}.size-demo__meta[data-astro-cid-bmysizix] code[data-astro-cid-bmysizix]{color:var(--accent);background:none;padding:0}.size-demo__meta[data-astro-cid-bmysizix] span[data-astro-cid-bmysizix]{color:var(--dim)}.size-demo__meta[data-astro-cid-bmysizix] .swatch__comment[data-astro-cid-bmysizix]{color:var(--faint)}@media (max-width: 720px){.size-demo__row[data-astro-cid-bmysizix]{grid-template-columns:1fr;gap:12px}}.radius-grid[data-astro-cid-bmysizix]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.radius-cell[data-astro-cid-bmysizix]{background:var(--elev);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.radius-square[data-astro-cid-bmysizix]{width:100%;height:96px;background:var(--accent);flex-shrink:0}.radius-cell__meta[data-astro-cid-bmysizix]{padding:30px 36px 36px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.radius-cell[data-astro-cid-bmysizix] .layout-row__value[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:13px;color:var(--accent);background:none;padding:0}.layout-demo[data-astro-cid-bmysizix]{background:var(--elev);border-radius:var(--radius-lg);padding:24px 60px 36px}.layout-demo__row[data-astro-cid-bmysizix]{padding:24px 0;display:grid;grid-template-columns:180px 1fr 80px 1fr;gap:24px;align-items:center;border-bottom:1px solid var(--hair)}.layout-demo__row[data-astro-cid-bmysizix]:last-child{border-bottom:0}.ruler[data-astro-cid-bmysizix]{background:color-mix(in oklab,var(--fg) 4%,transparent);border-radius:var(--radius-sm);overflow:hidden}.ruler__bar[data-astro-cid-bmysizix]{height:100%;display:inline-block}.layout-row__value[data-astro-cid-bmysizix]{font-family:var(--mono);font-size:13px;color:var(--accent);background:none;padding:0}@media (max-width: 720px){.layout-demo__row[data-astro-cid-bmysizix]{grid-template-columns:1fr;gap:8px}}