body { font-family: 'Inter', sans-serif; background-color: #FDFBF7; color: #1F2937; }
h1, h2, h3 { font-family: 'Playfair Display', serif; }
.card { background-color: #FFFFFF; border: 1px solid #E5E7EB; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: transform 0.2s; }
.card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }
.chart-container { position: relative; width: 100%; height: 350px; max-height: 400px; }
.metric-value { font-variant-numeric: tabular-nums; }

/* Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

/* Era Tabs */
.era-btn.active { border-bottom: 3px solid currentColor; font-weight: 700; }
.era-1965 { color: #0F766E; } /* Teal */
.era-1995 { color: #BE123C; } /* Rose/Red */
.era-2025 { color: #4338CA; } /* Indigo */