.event-overview { --event-accent: #e71068; color: #172536; background: #fff; }
.event-results-loader { position: fixed; inset: 0; z-index: 1060; display: grid; place-items: center; background: rgba(26, 31, 43, .45); }
.event-results-loader[hidden] { display: none !important; }
.event-results-loader .spinner-wrap { padding: 24px; border-radius: 12px; background: #172536; color: #fff; text-align: center; }
.vo2-event-show-page.event-overview .vo2-event-layout { max-width: 1080px; padding: 28px 28px 40px; }
.event-overview [hidden] { display: none !important; }
.event-overview__identity { display: flex; align-items: center; gap: 20px; }
.event-overview__poster { flex: 0 0 90px; width: 90px; height: 90px; overflow: hidden; border: 1px solid #e9edf1; border-radius: 12px; }
.event-overview__poster img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.event-overview h1 { font-size: 25px; font-weight: 800; line-height: 1.65; margin: 0 0 4px; color: #172536; }
.event-overview__subtitle { font-size: 16px; color: #657080; margin: 0; }
.event-overview__type { font-size: 12px; color: #657080; }
.event-overview__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 26px 0 20px; }
.event-overview__stats > div { display: flex; flex-direction: column-reverse; text-align: center; padding: 4px 10px; gap: 8px; }
.event-overview__stats > div + div { border-inline-start: 1px solid #e4e8ee; }
.event-overview__stats dt { font-size: 12px; font-weight: 400; color: #707b88; }
.event-overview__stats dd { margin: 0; font-size: 15px; font-weight: 600; }
.event-overview__stats dd i { color: #707b88; }
.event-overview__stats dd small { font-size: 12px; }
.event-overview__tabs { display: flex; border-bottom: 1px solid #e1e6ec; margin: 0 -4px 22px; }
.event-overview__tabs a { position: relative; flex: 1; padding: 18px 8px; text-align: center; color: #657080; font-size: 17px; font-weight: 700; text-decoration: none; }
.event-overview__tabs a[aria-selected="true"] { color: var(--event-accent); }
.event-overview__tabs a[aria-selected="true"]::after { content: ''; position: absolute; height: 3px; border-radius: 3px; inset: auto 16px 0; background: var(--event-accent); }
.event-overview__panel { scroll-margin-top: 90px; }
.event-overview h2 { font-size: 21px; font-weight: 750; margin: 0; line-height: 1.6; }
.event-overview__results-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.event-overview__columns { display: flex; align-items: center; gap: 8px; min-height: 44px; background: none; border: 0; color: #657080; font-size: 13px; }
.event-overview__columns i { font-size: 21px; }
.event-overview__columns[aria-pressed="true"] { color: var(--event-accent); }
.event-overview__search { display: flex; align-items: center; gap: 12px; background: #f5f7fa; border: 1px solid #e2e7ee; border-radius: 12px; padding: 0 16px; margin: 0 0 18px; width: 100%; }
.event-overview__search input { width: 100%; min-width: 0; height: 48px; border: 0; background: transparent; box-shadow: none; color: #172536; font: inherit; font-size: 15px; }
.event-overview__search:focus-within { outline: 2px solid var(--event-accent); outline-offset: 2px; }
.event-overview__search input:focus { outline: none; }
.event-overview__search i { color: #657080; font-size: 21px; }
.event-overview .vo2-results-table-wrap { background: #fff; box-shadow: none; border-radius: 0; padding: 0; }
.event-overview #vo2-public-results-table { min-width: 0; width: 100%; font-size: 15px; background: #fff; }
.event-overview #vo2-public-results-table th { background: #fff; font-weight: 500; color: #657080; padding: 12px 8px; text-align: right; border-bottom: 1px solid #e1e6ec; }
.event-overview #vo2-public-results-table td { background: #fff; padding: 14px 8px; border-bottom: 1px solid #e1e6ec; vertical-align: middle; }
.event-overview #vo2-public-results-table a { color: #172536; }
.event-overview:not(.event-overview--all-columns) #vo2-public-results-table { table-layout: fixed; }
.event-overview:not(.event-overview--all-columns) #vo2-public-results-table tr > :not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not([colspan]) { display: none !important; }
.event-overview:not(.event-overview--all-columns) #vo2-public-results-table tr > :first-child:not([colspan]) { width: 46px; text-align: center; }
.event-overview:not(.event-overview--all-columns) #vo2-public-results-table tr > :nth-child(3) { width: 130px; text-align: left; white-space: nowrap; }
.event-overview #vo2-public-results-table .event-result-time { font-variant-numeric: tabular-nums; white-space: nowrap; min-width: 124px; }
.event-overview #vo2-public-results-table .vo2-results-rider-cell__inner { min-width: 0; }
.event-overview #vo2-public-results-table .vo2-results-rider-cell__name { white-space: normal; }
.event-overview #vo2-public-results-table .vo2-results-rider-cell__avatar { display: none; }
.event-overview #vo2-public-results-table > :not(:first-child) { border-top: 1px solid #e1e6ec; }
.event-overview--all-columns #vo2-public-results-table { min-width: 1100px; }
.event-overview--all-columns #vo2-public-results-table tr > * { display: table-cell !important; }
.event-results-scroll-hint { display: flex; align-items: center; gap: 8px; color: #657080; font-size: 12px; line-height: 1.9; margin: 0 0 10px; }
.event-overview:not(.event-overview--all-columns) .event-results-scroll-hint { display: none; }
.event-overview .event-results-scroll { overflow: auto; scrollbar-width: auto; scrollbar-color: #96a1b0 #edf0f5; }
.event-overview .event-results-scroll:focus-visible { outline: 2px solid var(--event-accent); outline-offset: -2px; }
.event-overview--all-columns #vo2-public-results-table { border-collapse: separate; border-spacing: 0; }
.event-overview--all-columns #vo2-public-results-table tr > :first-child:not([colspan]) { position: sticky; right: 0; z-index: 2; min-width: 42px; width: 42px; text-align: center; }
.event-overview--all-columns #vo2-public-results-table tr > :nth-child(2) { position: sticky; right: 42px; z-index: 2; min-width: 136px; width: 136px; border-inline-end: 1px solid #e1e6ec; }
.event-overview--all-columns #vo2-public-results-table tr > :nth-child(2) .vo2-results-rider-cell__name { max-width: 124px; }
.event-overview .event-team-results { padding: 22px 0 0; margin-top: 28px !important; background: #fff; border-radius: 0; box-shadow: none; border-top: 1px solid #e1e6ec; }
.event-overview .event-team-results .vo2-results-team__title { text-align: right; font-size: 20px; color: #172536; margin: 0 0 16px; }
.event-overview .event-team-results__table { width: 100% !important; min-width: 0 !important; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
.event-overview .event-team-results__table :is(th, td) { padding: 12px 6px; background: #fff; border-bottom: 1px solid #e1e6ec; white-space: normal; overflow-wrap: anywhere; vertical-align: middle; }
.event-overview .event-team-results__table > :not(:first-child) { border-top: 1px solid #e1e6ec; }
.event-overview .event-team-results__table th { font-weight: 500; color: #657080; }
.event-overview .event-team-results__table tr > :first-child { width: 42px; text-align: center; }
.event-overview .event-team-results__table tr > :last-child { width: 64px; text-align: left; font-variant-numeric: tabular-nums; }
.event-overview .event-team-results__table a { color: #172536; font-weight: 600; }
.event-rank { display: inline-flex; align-items: center; justify-content: center; min-width: 29px; height: 29px; padding: 0 4px; border-radius: 50%; background: #eef1f5; color: #233144; font-size: 14px; }
.event-rank[data-rank="1"] { background: #f5d447; }
.event-rank[data-rank="2"] { background: #d0d5dc; }
.event-rank[data-rank="3"] { background: #da9b74; }
.event-overview__download { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; margin-top: 20px; background: var(--event-accent); color: #fff !important; font-size: 16px; font-weight: 700; border-radius: 12px; text-decoration: none !important; }
.event-overview__download:hover { background: #c80f59; }
.event-overview__supporting-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0 18px; }
.event-overview__supporting-actions .nm-btn { box-shadow: none; background: #f5f7fa; }
.event-manager-tools { margin-top: 18px; border-radius: 12px; background: #f5f7fa; }
.event-manager-tools > summary { display: flex; gap: 10px; align-items: center; padding: 18px; cursor: pointer; list-style: none; font-weight: 600; }
.event-manager-tools > summary::-webkit-details-marker { display: none; }
.event-manager-tools > summary > i:last-child { margin-inline-start: auto; }
.event-manager-tools[open] > summary > i:last-child { transform: rotate(180deg); }
.event-manager-tools__body { padding: 0 16px 20px; }
.event-overview__documents { margin: 16px 0 24px; }
.event-overview__documents a { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 14px 0; border-bottom: 1px solid #e1e6ec; color: #172536; }
.event-overview__documents a i:last-child { margin-inline-start: auto; color: var(--event-accent); }
.event-overview__empty { padding: 30px 10px; color: #657080; text-align: center; }
.event-overview__news { margin-top: 40px; box-shadow: none; }
.event-overview .vo2-route-explorer__mobile-bar { display: none !important; }
.event-overview .vo2-route-explorer__body { display: block !important; }
.event-overview :is(a, button, summary):focus-visible { outline: 2px solid var(--event-accent); outline-offset: 3px; }
@media (min-width: 992px) {
    body:has(.event-overview):has(.vo2-desktop-sidebar) { margin-right: var(--vo2-ds-width, 280px); }
    body.vo2-ds-collapsed:has(.event-overview):has(.vo2-desktop-sidebar) { margin-right: var(--vo2-ds-collapsed, 76px); }
}
@media (max-width: 575.98px) {
    .vo2-event-show-page.event-overview .vo2-event-layout { padding: 20px 18px 32px; }
    .event-overview__identity { gap: 14px; }
    .event-overview__poster { flex-basis: 72px; width: 72px; height: 88px; }
    .event-overview h1 { font-size: 20px; line-height: 1.7; }
    .event-overview__subtitle { font-size: 14px; line-height: 1.8; }
    .event-overview__stats { margin-top: 22px; }
    .event-overview__stats > div { padding: 2px 4px; }
    .event-overview__stats dd { font-size: 12px; }
    .event-overview__stats dd i { display: none; }
    .event-overview__stats dt { font-size: 10px; }
    .event-overview__stats dd small { font-size: 10px; }
    .event-overview__tabs a { font-size: 16px; padding: 14px 6px; }
    .event-overview h2 { font-size: 21px; }
    .event-overview #vo2-public-results-table { font-size: 15px; }
    .event-overview #vo2-public-results-table :is(th, td) { padding: 12px 3px; }
    .event-overview:not(.event-overview--all-columns) #vo2-public-results-table tr > :nth-child(3) { width: 124px; }
    .event-overview:not(.event-overview--all-columns) #vo2-public-results-table tr > :first-child:not([colspan]) { width: 38px; }
}
