/* =============================================================================
   Sticky-footer flex chain
   Compatible with Bootstrap 5.3.8 and modern CSS standards.

   This file establishes the flex column on body that pushes the footer to the
   viewport bottom on short pages: body{flex column} -> .app-shell{flex:1 0 auto}
   -> <footer> stays put (see custom.css for the .app-shell/main/footer rules).
   Loaded BEFORE custom.css so the layout is stable before component styles paint.
   Keep this file focused — anything outside the flex chain belongs in custom.css.
   ============================================================================= */

html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

/* text-rendering, font-smoothing, and font-feature-settings live in custom.css
   (the body rule + the [dir="rtl"] block) — not duplicated here. */

/* Pair the html { scroll-behavior: smooth } above with a reduced-motion opt-out */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}