.esport-page{display:flex;flex-direction:column;gap:var(--space-6)}
.es-hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center}
.es-hero-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}
.es-hero-text{display:flex;flex-direction:column;gap:var(--space-3)}
.es-hero-lead{max-width:40ch}

.es-filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}
.es-chip{padding:0.4rem 0.9rem;border-radius:999px;border:1px solid var(--color-border-subtle)}
.es-chip.active{background:var(--color-accent-primary);color:#fff}

.es-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.es-match{min-width:0}

.es-timeline-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);text-align:center}
.es-step{background:var(--color-bg-secondary);padding:var(--space-3);border-radius:var(--radius-md)}

.es-profiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.es-analysis{display:flex;justify-content:center}
.es-analysis-inner{max-width:720px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.es-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.es-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.es-article{display:flex;flex-direction:column;gap:var(--space-2)}

.es-cta{display:flex;justify-content:center}
.es-cta-box{max-width:480px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.es-form{display:flex;gap:var(--space-2)}

@media(max-width:900px){
.es-hero-grid{grid-template-columns:1fr}
.es-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.es-timeline-track{grid-template-columns:1fr}
.es-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
.es-live-grid,.es-profiles-grid,.es-schedule-grid,.es-articles-grid{grid-template-columns:1fr}
}