.s3-container { padding: 60px 20px; max-width: 1200px; margin: 0 auto; background: #f8fafc; }
.s3-title { text-align: center; font-size: 2.2rem; font-weight: 800; margin-bottom: 40px; color: #1e293b; }

.s3-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 25px;
}

.s3-card {
    background: white;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    text-align: center;
}

.s3-card h3 { margin-bottom: 20px; font-size: 1.1rem; color: #64748b; text-transform: uppercase; letter-spacing: 1px; }
.full-width { grid-column: 1 / -1; }

.chart-h { height: 300px; position: relative; }
.chart-h-large { height: 400px; position: relative; }