/* Elioplus.Master document rules.
   Loaded after the design system's tokens.css, so this file can override any --ds-*
   semantic, and before the system's base.css - see the link order in wwwroot/index.html.
   Blazor's error bar (#blazor-error-ui) is styled by the system's base.css. */

html, body {
    letter-spacing: -0.01em;
}

a {
    color: var(--ds-link);
}

/* ---------- TopNav sub menu on narrow screens ----------
   Below MudBlazor's md breakpoint the active section's links can be wider than the screen, so the sub
   menu scrolls inside its own bar instead of scrolling the page. The main bar swaps its tabs for a menu
   with MudBlazor's breakpoint utilities (see Layout/TopNav.razor) and needs nothing here. */
@media (max-width: 959.98px) {
    .ep-nav-sub {
        overflow-x: auto;
        scrollbar-width: none;
    }
}