@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Playfair+Display&family=Montserrat&display=swap');

/* Root-level helpers */
:root {
    /* mobile viewport fix (if your JS updates this var, keep it) */
    --vh: 1vh;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

/* IMPORTANT:
   Do NOT use a global reset like "* { margin:0; padding:0; }".
   It breaks MudBlazor spacing and forces !important hacks. */

/* Typography */
h2 {
    font-size: 1.5rem;
    margin: 0 0 0.5rem 0;
}

/* Lists: restore sensible defaults */
ul {
    list-style: disc;
    padding-left: 1.25rem;
}

/* MudBlazor content tweaks (keep minimal) */
.mud-expand-panel-content ul {
    padding-left: 1.25rem !important;
}

.mud-expand-panel-content iframe {
    height: 70vh !important;
}

/* Map helpers (kept as-is) */
#container {
    height: 500px;
    width: 100%;
    display: flex;
}

#map {
    flex-basis: 0;
    flex-grow: 4;
    height: 100%;
}

/* Legacy wrappers (kept for compatibility; no layout responsibility) */
.outer-wrapper {
    width: 100%;
    min-height: calc(var(--vh) * 100);
}

.wrapper {
    margin: 0 auto;
    max-width: 1280px;
    height: calc(var(--vh) * 100);
}

.scroll-wrap {
    top: 5px;
    bottom: 0;
}