.event-tabs, .event-pagination { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-bottom: 2rem; }
.event-tabs a, .event-pagination a { padding: .75rem 1.2rem; border: 1px solid #dce3eb; border-radius: 999px; font-weight: 700; }
.event-tabs a[aria-current], .event-tabs a:hover { background: #004f9e; color: #fff; }
.event-pagination { justify-content: center; margin-top: 2rem; }
.event-details h2 { font-size: 1.4rem; margin-bottom: .7rem; overflow-wrap: anywhere; }
.event-details p { overflow-wrap: anywhere; }
.event-more { display: inline-flex; align-items: center; gap: .5rem; color: #004f9e; font-weight: 800; margin-top: 1rem; }
.event-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 2rem; align-items: start; }
.event-description, .event-practical { padding: clamp(1.5rem, 4vw, 2.5rem); overflow-wrap: anywhere; }
.event-description h2, .event-practical h2 { font-size: 1.4rem; margin-bottom: 1.2rem; }
.event-practical dt { font-weight: 800; color: #334155; margin-top: 1.2rem; }
.event-practical dd { margin: .3rem 0 0; }
.event-practical .btn { margin-top: 1.5rem; }
.event-past { margin-top: 1.5rem; color: #64748b; }
.page-hero h1 { overflow-wrap: anywhere; }
.empty-state .btn { margin-top: 1.5rem; }
#partenaires, #formulaire { scroll-margin-top: 110px; }
@media (max-width: 760px) { .event-layout { grid-template-columns: 1fr; } .event-card { align-items: flex-start; } }