/* 1.11.10 — Map-page-only document height and safe overflow fallback.
   TownHub's base stylesheet sets html/body to height:100%. A standalone
   full-screen map is content-height, not a 100%-height legacy layout. */
body.dt-map-standalone {
    margin: 0 !important;
    height: auto !important;
    min-height: 100vh;
    min-height: 100dvh;
}
body.dt-map-standalone > .dt-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    height: auto;
}
body.dt-map-standalone > .dt-site > #dt-main.dt-map-browser {
    display: block;
    flex: 1 0 auto;
    width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    /* Override the archive's all-sides auto margin in a flex column. */
    margin: 0 auto;
}
body.dt-map-standalone > .dt-site > .dt-footer {
    flex: 0 0 auto;
    margin-top: 0;
    position: relative;
    inset: auto;
}
body.dt-map-standalone .dt-map-workspace,
body.dt-map-standalone .dt-map-stage { min-width: 0; }
body.dt-map-standalone .dt-map-stage { isolation: isolate; }
body.dt-map-standalone .dt-explore-map,
body.dt-map-standalone .dt-explore-map .ol-viewport {
    max-width: 100%;
}

/* Safety fallback, enabled ONLY if a runtime check verifies that document
   scroll height extends significantly beyond the actual footer bottom.
   Keeps the map, cards, filters, sticky header and footer usable by making
   the standalone site its own accessible scrolling region. */
html.dt-map-scroll-isolated,
html.dt-map-scroll-isolated body.dt-map-standalone {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
html.dt-map-scroll-isolated body.dt-map-standalone > .dt-site {
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}