.EventWrapper .card-body.scroll {
	display:block;
    font-size: .98em;
    height: 400px;
    overflow-y: auto;
}
.EventWrapper .card tbody {
	height:423px;
}
.EventWrapper .card thead,
.EventWrapper .card tbody {
    width: calc( 100% )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.EventWrapper .card tbody {
    display:block;
    overflow:auto;
}
.EventWrapper .card thead, 
.EventWrapper .card tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.EventWrapper .card thead {
    width: calc( 100% - 1em )
}

.EventWrapper .interactive-results.card {
    margin:4px;    
}

.EventWrapper .interactive-results a {
    text-decoration:none;
    text-align:center;
    font-size:1.1em;
}

/* Event page top-left menu (event-button-options in #easy_nav): dark extras */
body.mso-theme-dark #easy_nav .mso-user-menu .btn-outline-secondary {
    color: var(--mso-white, #f7fbff);
    border-color: var(--mso-line-2, #294b6d);
    background-color: transparent;
}
body.mso-theme-dark #easy_nav .mso-user-menu .btn-outline-secondary:hover,
body.mso-theme-dark #easy_nav .mso-user-menu .btn-outline-secondary:focus {
    color: #64e6ff;
    border-color: #29445f;
    background-color: #10283a;
}
body.mso-theme-dark #easy_nav .mso-user-menu .dropdown-divider {
    border-top-color: var(--mso-line, #1f3043);
}

/* GROK Bot Edit (2026-10-18): Event page sideways scroll (Karl). #MeetInfo_Nav is a Bootstrap .row placed directly in #EventWrapper (no .container padding),
   so its -12px gutters pushed the page 12px wider than the viewport. Zero gutter on this row only: no negative margins, no column padding, nav looks the same. */
#EventWrapper > #MeetInfo_Nav.row {
    --bs-gutter-x: 0;
}

/* GROK Bot Edit (2026-10-18): Live TV cut off at the right of the blue Event nav on phones (Karl). This .navbar has no inner .container, so it has no side padding,
   and below lg Bootstrap gives .nav-link no side padding either: Live TV and its icon ran into the screen edge. Pad the bar like a container (.75rem), below lg only. */
@media (max-width: 991.98px) {
    #MeetInfo_Nav #EventNav > nav.navbar {
        padding-left: .75rem;
        padding-right: .75rem;
    }
}