.heatmap{padding:40px 0 24px}.heatmap-head{max-width:640px;margin:0 auto 26px;text-align:center}.heatmap-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.heatmap-head h2{font-size:var(--title-section);line-height:var(--leading-heading);font-weight:900}.heatmap-head>p{margin-top:10px;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-copy)}.heatmap-stats{display:inline-flex;gap:16px;margin-top:14px}.heatmap-stat{font-size:var(--text-sm);font-weight:900;font-variant-numeric:tabular-nums}.heatmap-stat.up{color:#2d7a3e}.heatmap-stat.down{color:#bf4d43}.heatmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.heatmap-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:92px;padding:10px;border:0;border-radius:var(--radius-button);text-align:left;cursor:pointer;box-shadow:var(--control-shadow);transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease),filter var(--motion-fast) var(--ease)}.heatmap-tile:hover{transform:var(--lift-md);box-shadow:var(--hover-shadow);filter:saturate(1.15)}.heatmap-tile:active{transform:var(--press)}.heatmap-tile-logo{border-radius:4px;overflow:hidden}.heatmap-tile-ticker{font-size:var(--text-base);font-weight:900;letter-spacing:-.02em;margin-top:auto}.heatmap-tile-change{font-size:var(--text-sm);font-weight:900;font-variant-numeric:tabular-nums}.heatmap-tile-name{max-width:100%;overflow:hidden;font-size:11px;font-weight:700;opacity:.82;text-overflow:ellipsis;white-space:nowrap}.heatmap-tile-skeleton{min-height:92px;background:var(--soft);box-shadow:none;animation:heatmap-pulse 1.3s ease-in-out infinite}@keyframes heatmap-pulse{0%,to{opacity:.55}50%{opacity:.85}}.heatmap-note{margin-top:16px;color:var(--muted);text-align:center;font-size:var(--text-xs);line-height:1.5}.heatmap-error{padding:28px 0;color:var(--muted);text-align:center;font-family:var(--font-serif);font-size:var(--text-md)}@media(max-width:900px){.heatmap-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.heatmap-grid{grid-template-columns:repeat(3,1fr)}.heatmap-tile{min-height:80px;padding:12px}}