/* CSS rimane lo stesso del precedente per coerenza stilistica */
.main-title { 
    color: var(--accent); 
    font-weight: 700; /* Ridotto da 800 */
    font-size: 1.25rem;
    margin: 0; 
}

.section-header {
    background: var(--card);
    color: var(--accent);
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 800;
    margin: 30px 0 15px 0;
    border-left: 5px solid var(--accent);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.top10-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
    gap: 15px; 
}
.top10-card { border-top: 1px solid rgba(148, 163, 184, 0.1) !important; }
.top10-table { width: 100%; border-collapse: collapse; }
.top10-table th { font-size: 0.7rem; color: var(--text-dim); padding: 8px 5px; border-bottom: 1px solid var(--border); text-transform: uppercase; }
.rank-head { text-align: left; }
.val-head { text-align: left; }
.date-head { text-align: right; }
.top10-table td { padding: 8px 5px; border-bottom: 1px solid rgba(148, 163, 184, 0.05); font-size: 0.85rem; }
.rank-col { width: 35px; color: var(--text-dim); text-align: left; }
.val-col { font-weight: 800; text-align: left; }
.date-col { text-align: right; color: var(--text-dim); font-size: 0.75rem !important; }
.recent-highlight { background: rgba(16, 185, 129, 0.08); }
.recent-highlight td { color: #10b981 !important; }
.max { color: #ef4444; }
.min { color: #3b82f6; }
.wind { color: #a855f7; }
.rain { color: #3498db; }
.press { color: #10b981; }
.sun { color: #f59e0b; }
@media (max-width: 600px) { .section-header { font-size: 0.9rem; } }