/* Customer Profile output: page layout and index shading. */
.pf-tiles { margin-bottom: var(--space-section); }
.pf-attribute { margin-bottom: var(--space-section); }
.pf-attribute > h2 { margin-bottom: var(--space-block); }
.pf-attribute-cards { display: grid; grid-template-columns: minmax(0, 28rem) minmax(0, 1fr); gap: 0.875rem; align-items: start; }
@container main (width < 56rem) { .pf-attribute-cards { grid-template-columns: minmax(0, 1fr); } }
.pf-index { display: inline-block; min-width: 2.5rem; padding: 0 0.375rem; border-radius: var(--radius-sm); font-weight: 600; }
.pf-index[data-heat="hi2"] { background: color-mix(in oklab, var(--chart-current) 30%, transparent); }
.pf-index[data-heat="hi1"] { background: color-mix(in oklab, var(--chart-current) 14%, transparent); }
.pf-index[data-heat="lo1"] { background: color-mix(in oklab, var(--chart-muted) 14%, transparent); }
.pf-index[data-heat="lo2"] { background: color-mix(in oklab, var(--chart-muted) 30%, transparent); }
.pf .chart-legend { row-gap: 0.25rem; }
.pf-too-few { margin-top: 0.75rem; }