/* The diff that audited the design system (R-150). Page-only styles on top of e.css.
   The chip figure is an illustration: neutral values, not production tokens. */
.dsa-chips { max-width: 760px; padding: 40px 32px; background: var(--e-surface); border-radius: 3px; box-shadow: 0 0 0 1px var(--e-rule); }
.dsa-chips-row { display: flex; flex-wrap: wrap; gap: 32px 56px; }
.dsa-chip-col { display: grid; gap: 10px; justify-items: start; }
.dsa-chip { font-family: system-ui, sans-serif; font-size: 15px; font-weight: 600; line-height: 1; padding: 9px 14px; border-radius: 999px; color: #8a3a12; }
.dsa-chip--error { background: #fbe3e1; }
.dsa-chip--warning { background: #fdf1d6; }
.dir-e .dsa-chip-label { font-size: var(--t-label); color: var(--e-soft); }
.dir-e .dsa-chips-note { margin-top: 24px; font-size: var(--t-small); color: var(--e-ink); }
.dsa-chips figcaption { margin-top: 16px; }