#google-map-viewpoint {
  width: 100%;
  height: 600px;
}

.map-button-container {
    margin-top: 10px;
}

p {
  margin-bottom: 0px; 
}

/* Map Layout Styles */
.map-layout-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

.map-column {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
    box-sizing: border-box;
}

.filter-column {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
    /* height: 600px; Removed to allow dynamic sizing via JS */
    overflow-y: scroll;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

/* Responsive Styles */
@media only screen and (max-width: 768px) {
    .map-layout-wrapper {
        flex-direction: column;
    }

    .map-column {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filter-column {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: auto;
        max-height: 500px; /* Limit height on mobile so it doesn't take over the page */
    }
}

a.exLink {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  color:#325f93;
}

a.exLink::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.3em;
  width: 1em;
  height: 1em;
  background-image: url("/img/externalLink_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.single__introduce__meta ul {
  list-style: circle outside none;
  margin-left: 1.3em;
  margin-bottom: 24px;
}

.single__introduce__meta li {
  margin-bottom: 5px;
  line-height: 2.2;
}

@media only screen and (max-width: 767px) {
  .single__introduce__meta > p {
    font-size: 14px;
  }
  .single__introduce__meta li {
    font-size: 14px;
  }
}