.events-hero {
    padding: clamp(32px, 8vw, 78px) 0;
    background:
        radial-gradient(circle at top right, rgba(31, 95, 191, .12), transparent 24rem),
        linear-gradient(180deg, #fbfcff 0%, var(--surface) 100%);
}
.events-toolbar, .event-meta-grid, .event-related-grid { display: grid; gap: 14px; }
.events-toolbar { grid-template-columns: 1fr; margin-top: 18px; }
.event-card-cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: var(--radius);
    margin-bottom: 14px;
    background: var(--surface-2);
}
.event-card-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.event-cover {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: var(--radius);
    margin: 18px 0 24px;
    background: var(--surface-2);
}
.event-meta-grid { grid-template-columns: 1fr; margin: 20px 0; }
.event-meta-box {
    padding: 14px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
.event-meta-box span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 13px; }
.event-meta-box strong { color: var(--ink); }
.event-description { color: var(--text); font-size: 18px; line-height: 1.75; white-space: pre-line; }
.event-section + .event-section { margin-top: 28px; }
@media (min-width: 760px) {
    .events-toolbar { grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) minmax(180px, 240px) auto; align-items: end; }
    .event-meta-grid { grid-template-columns: repeat(3, 1fr); }
}