/* Shared page chrome: the full-bleed branded background used by the login and POI-search
   pages. Page-specific stylesheets (including their logos) are loaded after this. */
body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background-color: #fafafa;
    color: #222;
    /* Full-bleed background that always covers the viewport, scaling with the display.
       dvh (not vh) so mobile browser chrome doesn't make the page taller than the
       visible area, which would leave empty, scrollable space below the fold. */
    min-height: 100dvh;
    background-image: url("/images/background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}