.bs-color-stack>*+*{margin-top:40px}.bs-color-block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.bs-color-block-title{margin:0;font-family:var(--cs-mono,var(--mono));font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink,var(--ink));font-weight:500}.bs-color-block-count{font-family:var(--cs-mono,var(--mono));font-size:10px;letter-spacing:.06em;color:var(--cs-ink-3,var(--ink-3))}.bs-bucket-row{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 10px}.bs-bucket-name{font-family:var(--cs-sans,var(--sans));font-size:14px;font-weight:500;color:var(--cs-ink,var(--ink))}.bs-bucket-stops{font-family:var(--cs-mono,var(--mono));font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--cs-ink-3,var(--ink-3))}.bs-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.bs-swatch{background:var(--cs-plate,var(--surface-px));border:1px solid var(--cs-hair,var(--ridge-1));border-radius:var(--r-md);overflow:hidden}.bs-swatch-chip{height:64px;width:100%;display:flex;align-items:flex-end;padding:8px 10px}.bs-swatch-aa{font-family:var(--cs-sans,var(--sans));font-size:13px;font-weight:500;line-height:1;opacity:.9}.bs-swatch-body{padding:8px 10px}.bs-swatch-label{font-size:12px;font-weight:500;color:var(--cs-ink,var(--ink))}.bs-swatch-label,.bs-swatch-role{font-family:var(--cs-sans,var(--sans))}.bs-swatch-role{font-size:11px;line-height:1.35;color:var(--cs-ink-2,var(--ink-2));margin-top:2px}.bs-swatch-hex{font-family:var(--cs-mono,var(--mono));font-size:10px;color:var(--cs-ink-3,var(--ink-3));font-variant-numeric:tabular-nums;margin-top:2px;text-transform:uppercase}.bs-type-list{background:var(--cs-plate,var(--surface-px));border:1px solid var(--cs-hair,var(--ridge-1));border-radius:var(--r-lg);overflow:hidden}.bs-type-row{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:12px 32px;padding:20px 20px 22px;border-top:1px solid var(--cs-hair,var(--ridge-1))}.bs-type-row:first-child{border-top:none}@media (max-width:640px){.bs-type-row{grid-template-columns:1fr;gap:8px}}.bs-type-role{letter-spacing:.14em;text-transform:uppercase;color:var(--cs-ink-2,var(--ink-2))}.bs-type-meta,.bs-type-role{font-family:var(--cs-mono,var(--mono));font-size:10.5px}.bs-type-meta{letter-spacing:.04em;color:var(--cs-ink-3,var(--ink-3));margin-top:4px;font-variant-numeric:tabular-nums}.bs-type-note{font-family:var(--cs-sans,var(--sans));font-size:12px;line-height:1.45;color:var(--cs-ink-2,var(--ink-2));margin-top:6px}.bs-type-sample+.bs-type-note{margin-top:12px;max-width:64ch;font-size:13px;line-height:1.5}.bs-type-sample{color:var(--cs-ink,var(--ink));line-height:1.08;letter-spacing:-.015em;overflow-wrap:anywhere;min-width:0}.bs-type-sample--image{align-self:center}.bs-type-sample--image img{display:block;max-width:min(100%,560px);max-height:160px;width:auto;height:auto}.bs-type-sample--display{font-size:clamp(32px,4.6vw,56px)}.bs-type-sample--text{font-size:clamp(20px,2.4vw,28px);line-height:1.2}.bs-type-sample--data{font-size:clamp(15px,1.6vw,18px);line-height:1.4;letter-spacing:0}.bs-mark-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bs-mark{margin:0;border:1px solid var(--cs-hair,var(--ridge-1));border-radius:var(--r-md);overflow:hidden;background:var(--cs-plate,var(--surface-px))}.bs-mark-field{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;padding:12%}.bs-mark-field img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.bs-mark-caption{padding:8px 10px;font-family:var(--cs-mono,var(--mono));font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-3,var(--ink-3));border-top:1px solid var(--cs-hair,var(--ridge-1))}