/*
 * landing-reset.css — the global element reset for the public landing page.
 *
 * Loaded ONLY by Pages/Index.cshtml, which is a standalone Razor Page that deliberately loads
 * neither bootstrap.min.css nor custom.css and therefore needs its own small reset.
 *
 * These rules are split out of landing.css precisely because they are global. landing.css itself is
 * scoped under .landing and is loaded app-wide by Pages/_Host.cshtml so Blazor pages can reuse the
 * landing design (see Components/Shared/PublicLayout.razor). If the rules below were in that file
 * they would apply to the whole Blazor app - and `img, svg { display: block }` in particular would
 * misalign every Telerik SVG icon in every grid toolbar and header.
 *
 * So: do not move these into landing.css, and do not load this file from _Host.cshtml.
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    /* Anchor targets must clear the fixed nav. */
    scroll-padding-top: 5.5rem;
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

img,
svg {
    display: block;
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}