.cpi-hero{max-width:60rem}.cpi-source-line,.cpi-status,.cpi-data-note{color:var(--color-text-muted);font-size:var(--text-sm)}.cpi-snapshot-grid,.cpi-dashboard-grid,.cpi-component-grid,.cpi-market-grid,.cpi-guide-grid{display:grid;gap:var(--space-4)}.cpi-snapshot-grid{grid-template-columns:repeat(4,1fr)}.cpi-data-card,.cpi-indicator,.cpi-market-card,.cpi-unavailable{display:grid;align-content:start;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--card-background)}.cpi-data-card span,.cpi-indicator span,.cpi-market-card span{color:var(--color-text-muted);font-size:var(--text-sm)}.cpi-data-card strong,.cpi-indicator strong,.cpi-market-card strong{color:var(--color-text);font-size:var(--text-lg)}.cpi-data-card small,.cpi-indicator small,.cpi-market-card small,.cpi-unavailable span{color:var(--color-text-subtle);font-size:var(--text-xs)}.cpi-data-card i{font-style:normal}.cpi-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);gap:var(--space-6);align-items:stretch}.cpi-two-column h2{margin-top:0}.cpi-unavailable{align-content:center}.cpi-unavailable strong{color:var(--color-text)}.cpi-unavailable a,.cpi-sources a{color:var(--color-primary-strong);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.chart-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.chart-toolbar .is-active{border-color:var(--color-accent);color:var(--color-text)}.cpi-chart-wrap{overflow:hidden;min-height:18rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--card-background)}.cpi-chart{min-height:16rem;color:var(--color-text-muted)}.cpi-chart svg{display:block;width:100%;height:16rem}.cpi-chart text{fill:currentColor;font-family:var(--font-sans);font-size:11px}.cpi-chart .grid-line{stroke:var(--color-border);stroke-width:1}.cpi-chart .headline-line{fill:none;stroke:var(--color-accent);stroke-width:2}.cpi-chart .core-line{fill:none;stroke:#f5b84b;stroke-width:2}.cpi-chart .target-line{fill:none;stroke:var(--color-text-subtle);stroke-dasharray:4 4}.cpi-component-grid{grid-template-columns:repeat(3,1fr)}.cpi-dashboard-grid{grid-template-columns:repeat(4,1fr)}.cpi-market-grid{grid-template-columns:repeat(4,1fr)}.cpi-guide-grid{grid-template-columns:repeat(3,1fr);margin:var(--space-5) 0}.cpi-guide-grid h3{margin:0;color:var(--color-text);font-size:var(--text-lg)}.cpi-guide-grid p{margin:0;color:var(--color-text-muted)}.cpi-sources{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);align-items:center}.cpi-sources span{color:var(--color-text-muted);font-size:var(--text-sm)}.cpi-history-table,.cpi-comparison{min-width:42rem}@media(max-width:64rem){.cpi-snapshot-grid{grid-template-columns:repeat(2,1fr)}.cpi-dashboard-grid{grid-template-columns:repeat(3,1fr)}.cpi-market-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:48rem){.cpi-snapshot-grid,.cpi-component-grid,.cpi-dashboard-grid,.cpi-market-grid,.cpi-guide-grid,.cpi-two-column{grid-template-columns:1fr}.cpi-chart svg{height:14rem}.cpi-chart-wrap{min-height:16rem}.cpi-history-table,.cpi-comparison{min-width:42rem}}