body.page-template-template-cedar-north-map {
    margin: 0 !important;
    background: #f4f6f8;
}

body.page-template-template-cedar-north-map #main,
body.page-template-template-cedar-north-map #content,
body.page-template-template-cedar-north-map .wf-container,
body.page-template-template-cedar-north-map .wf-container-main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.cedar-map-page {
    min-height: 100vh;
    padding: 0;
    display: flex;
}

.cedar-map-page__inner {
    flex: 1;
    min-height: 100vh;
    display: flex;
}

.cedar-map-page #cedar-north-map-root {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cedar-map-page #cedar-north-map-root .cedar-map__layout {
    flex: 1;
    min-height: 100vh;
}

body.page-template-template-cedar-north-map .cedar-map__layout {
    gap: 0.75rem;
    padding: 1rem 1.5rem 1.5rem;
}

body.page-template-template-cedar-north-map .cedar-map__sidebar {
    width: clamp(250px, 24vw, 320px);
}

body.page-template-template-cedar-north-map .cedar-map__visual {
    min-height: calc(100vh - 3rem);
}

body.page-template-template-cedar-north-map .cedar-map__container {
    flex: 1;
    height: auto;
    min-height: 0;
}

body.page-template-template-cedar-north-map .cedar-map__svg-wrapper {
    height: 100%;
}

@media (max-width: 1024px) {
    .cedar-map-page__inner {
        flex-direction: column;
    }

    .cedar-map-page #cedar-north-map-root .cedar-map__layout {
        min-height: auto;
    }
}