@layer components{.price-matrix{overflow-x:auto;& .price-matrix__table{inline-size:100%;border-collapse:collapse;text-align:start}& .price-matrix__caption{margin-block-end:var(--space-s);color:var(--color-text-muted);font-size:var(--size-step--2);letter-spacing:var(--tracking-caption);text-align:start;text-transform:uppercase}& th, & td{padding:var(--space-xs)var(--space-s);border-block-end:1px solid var(--color-border);white-space:nowrap}& thead th{color:var(--color-text-muted);font-size:var(--size-step--2);font-weight:600;letter-spacing:var(--tracking-caption);text-transform:uppercase}& tbody th{font-weight:600}& td{font-family:var(--font-display);font-size:var(--size-step-1)}}}