
.map-belong-tools-accordion {
  --map-faq-navy: #0B436E;
  --map-faq-gold: #C49577;
  --map-faq-cream: #F8F5F1;
  --map-faq-border: #DDD7D0;
  --map-faq-text: #263946;
  display: grid;
  gap: 12px;
  width: 100%;
}
.map-belong-tools-item {
  background: #fff;
  border: 1px solid var(--map-faq-border);
  border-radius: 8px;
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.map-belong-tools-item:hover,
.map-belong-tools-item.is-open {
  border-color: rgba(11,67,110,.35);
  box-shadow: 0 14px 36px -28px rgba(11,67,110,.75);
}
.map-belong-tools-question {
  margin: 0;
  font-size: inherit;
}
.map-belong-tools-question button {
  appearance: none;
  align-items: center;
  background: #fff;
  border: 0;
  color: var(--map-faq-navy);
  cursor: pointer;
  display: flex;
  font-family: Poppins, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  gap: 20px;
  justify-content: space-between;
  line-height: 1.35;
  padding: 22px 24px;
  text-align: left;
  width: 100%;
}
.map-belong-tools-question button:hover,
.map-belong-tools-question button:focus-visible {
  background: var(--map-faq-cream);
}
.map-belong-tools-question button:focus-visible {
  outline: 3px solid rgba(196,149,119,.45);
  outline-offset: -3px;
}
.map-belong-tools-icon {
  flex: 0 0 18px;
  height: 18px;
  position: relative;
  width: 18px;
}
.map-belong-tools-icon::before,
.map-belong-tools-icon::after {
  background: var(--map-faq-gold);
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: transform .2s ease, opacity .2s ease;
}
.map-belong-tools-icon::before {
  height: 2px;
  width: 18px;
}
.map-belong-tools-icon::after {
  height: 18px;
  width: 2px;
}
.map-belong-tools-item.is-open .map-belong-tools-icon::after {
  opacity: 0;
  transform: translate(-50%,-50%) rotate(90deg);
}
.map-belong-tools-answer {
  border-top: 1px solid var(--map-faq-border);
}
.map-belong-tools-answer-inner {
  color: var(--map-faq-text);
  font-family: Manrope, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  padding: 22px 24px 26px;
}
.map-belong-tools-answer-inner > :first-child { margin-top: 0; }
.map-belong-tools-answer-inner > :last-child { margin-bottom: 0; }
.map-belong-tools-notice {
  background: #fff8e8;
  border-left: 4px solid #dca800;
  padding: 12px 16px;
}
@media (max-width: 767px) {
  .map-belong-tools-question button {
    font-size: 16px;
    padding: 18px;
  }
  .map-belong-tools-answer-inner {
    font-size: 15px;
    padding: 18px;
  }
}


/* v2.0.1 mobile wrapping fixes */
.map-belong-tools-question button {
  min-width: 0;
  white-space: normal;
}
.map-belong-tools-question-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}
.map-belong-tools-icon {
  flex: 0 0 18px;
  margin-left: 10px;
}
.map-belong-tools-answer,
.map-belong-tools-answer-inner {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
@media (max-width: 767px) {
  .map-belong-tools-question button {
    align-items: flex-start;
    font-size: 15px;
    gap: 12px;
    line-height: 1.35;
    padding: 17px 16px;
  }
  .map-belong-tools-question-text {
    letter-spacing: 0;
  }
  .map-belong-tools-icon {
    margin-left: 6px;
    margin-top: 2px;
  }
  .map-belong-tools-answer-inner {
    font-size: 15px;
    line-height: 1.6;
    padding: 17px 16px 19px;
  }
}


/* Blog */
.map-learning-center {
  --map-lc-ink: #111719;
  --map-lc-text: #5e6769;
  --map-lc-red: #c90012;
  --map-lc-magenta: #f200e9;
  --map-lc-line: #d9d0c3;
  --map-lc-bg: #fbf9f5;
  width: 100%;
}
.map-learning-filterbar {
  align-items: end;
  background: #f5f0e8;
  border: 1px solid #d8cdbd;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(240px, 1.8fr) minmax(190px, .8fr) auto auto;
  margin-bottom: 38px;
  padding: 20px;
}
.map-learning-filterbar label {
  display: grid;
  gap: 7px;
}
.map-learning-filterbar label > span {
  color: #111719;
  font-family: Georgia, serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}
.map-learning-filterbar input,
.map-learning-filterbar select {
  background: #fff;
  border: 1px solid #d6cec3;
  border-radius: 0;
  color: #374145;
  font-family: Arial, sans-serif;
  font-size: 16px;
  min-height: 48px;
  padding: 10px 14px;
  width: 100%;
}
.map-learning-clear {
  background: var(--map-lc-red);
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  min-height: 48px;
  padding: 0 18px;
}
.map-learning-count {
  align-self: center;
  color: #746c63;
  font-size: 12px;
  min-width: 62px;
  text-align: right;
}
.map-learning-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.map-learning-card {
  background: #fff;
  border: 1px solid var(--map-lc-line);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.map-learning-card[hidden] {
  display: none !important;
}
.map-learning-image {
  aspect-ratio: 1.52 / 1;
  display: block;
  overflow: hidden;
}
.map-learning-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
  width: 100%;
}
.map-learning-card:hover .map-learning-image img {
  transform: scale(1.035);
}
.map-learning-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 28px 27px 30px;
}
.map-learning-card h3 {
  font-family: Arial, sans-serif;
  font-size: 20px;
  line-height: 1.15;
  margin: 0 0 4px;
}
.map-learning-card h3 a {
  color: #080b0c;
  text-decoration: none;
}
.map-learning-card time {
  color: #aaa198;
  font-size: 13px;
  margin-bottom: 15px;
}
.map-learning-card p {
  color: var(--map-lc-text);
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 22px;
}
.map-learning-readmore {
  color: var(--map-lc-red);
  font-size: 13px;
  font-weight: 700;
  margin-top: auto;
  text-decoration: none;
}
.map-learning-readmore span {
  margin-left: 8px;
}
.map-learning-no-results,
.map-learning-empty {
  border: 1px solid var(--map-lc-line);
  color: var(--map-lc-text);
  margin-top: 20px;
  padding: 25px;
  text-align: center;
}
@media (max-width: 1024px) {
  .map-learning-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .map-learning-filterbar {
    grid-template-columns: 1fr 1fr auto;
  }
  .map-learning-count {
    grid-column: 1 / -1;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .map-learning-filterbar {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
    padding: 16px;
  }
  .map-learning-count {
    grid-column: auto;
  }
  .map-learning-heading {
    margin-bottom: 30px;
    padding-bottom: 24px;
  }
  .map-learning-heading h2 {
    font-size: 42px;
  }
  .map-learning-grid {
    grid-template-columns: 1fr;
  }
  .map-learning-card-body {
    padding: 23px 21px 25px;
  }
}


/* v2.3.0 Blog media and link reliability */
.map-learning-image,
.map-learning-video {
  aspect-ratio: 16 / 9;
  background: #0b1720;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.map-learning-video iframe,
.map-learning-video video,
.map-learning-video .wp-video,
.map-learning-video .mejs-container {
  height: 100% !important;
  max-width: none !important;
  width: 100% !important;
}
.map-learning-video iframe,
.map-learning-video video {
  border: 0;
  object-fit: cover;
}
.map-learning-card a {
  pointer-events: auto;
  position: relative;
  z-index: 2;
}
.map-learning-card h3 a,
.map-learning-readmore {
  cursor: pointer;
}

/* Belong project gallery */
.map-belong-gallery{--map-gallery-gap:18px}.map-gallery-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.map-gallery-filters button{background:#fff;border:1px solid #cfd7d2;color:#26372f;cursor:pointer;font:inherit;font-weight:700;padding:10px 15px}.map-gallery-filters button.is-active{background:#263f34;border-color:#263f34;color:#fff}.map-gallery-grid{display:grid;grid-template-columns:repeat(var(--map-gallery-columns),minmax(0,1fr));gap:var(--map-gallery-gap)}.map-gallery-item{aspect-ratio:4/3;margin:0;overflow:hidden}.map-gallery-open{background:#172a24;border:0;cursor:pointer;display:block;height:100%;overflow:hidden;padding:0;position:relative;text-align:left;width:100%}.map-gallery-open img{display:block;height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.map-gallery-open:hover img,.map-gallery-open:focus img{transform:scale(1.045)}.map-gallery-overlay{align-items:flex-start;background:linear-gradient(180deg,rgba(9,20,15,.05) 5%,rgba(9,20,15,.9) 100%);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;left:0;min-height:100%;padding:24px;position:absolute;right:0;transform:translateY(calc(100% - 78px));transition:transform .35s ease}.map-gallery-open:hover .map-gallery-overlay,.map-gallery-open:focus .map-gallery-overlay{transform:translateY(0)}.map-gallery-overlay strong,.map-gallery-overlay span{display:block}.map-gallery-overlay strong{font-size:20px;line-height:1.2}.map-gallery-overlay span{font-size:14px;line-height:1.45;margin-top:12px;max-width:34ch;opacity:0;transform:translateY(8px);transition:opacity .25s ease .08s,transform .25s ease .08s}.map-gallery-open:hover .map-gallery-overlay span,.map-gallery-open:focus .map-gallery-overlay span{opacity:1;transform:none}.map-gallery-lightbox{align-items:center;background:rgba(4,9,7,.94);display:flex;flex-direction:column;inset:0;justify-content:center;padding:40px;position:fixed;z-index:100000}.map-gallery-lightbox[hidden]{display:none}.map-gallery-lightbox img{max-height:78vh;max-width:min(1100px,94vw);object-fit:contain}.map-gallery-lightbox>div{color:#fff;margin-top:14px;max-width:900px;text-align:center}.map-gallery-lightbox strong{font-size:20px}.map-gallery-lightbox p{color:#d7ded9;margin:6px 0}.map-gallery-close{background:transparent;border:0;color:#fff;cursor:pointer;font-size:42px;line-height:1;position:absolute;right:24px;top:18px}.map-belong-gallery-empty{border:1px solid #d8dfdb;color:#607067;padding:24px;text-align:center}@media(max-width:900px){.map-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.map-gallery-grid{grid-template-columns:1fr}.map-gallery-lightbox{padding:22px}.map-gallery-overlay{transform:none}.map-gallery-overlay span{opacity:1;transform:none}}
.map-gallery-searchbar{align-items:end;background:#f5f0e8;border:1px solid #d8cdbd;display:grid;gap:14px;grid-template-columns:minmax(240px,1.8fr) minmax(190px,.8fr) auto auto;margin-bottom:38px;padding:20px}.map-gallery-searchbar label{display:grid;gap:7px}.map-gallery-searchbar label>span{color:#111719;font-family:Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.08em}.map-gallery-searchbar input,.map-gallery-searchbar select{background:#fff;border:1px solid #d6cec3;border-radius:0;color:#374145;font-family:Arial,sans-serif;font-size:16px;min-height:48px;padding:10px 14px;width:100%}.map-gallery-clear{background:#263f34;border:0;color:#fff;cursor:pointer;font-size:15px;min-height:48px;padding:0 18px}.map-gallery-clear:hover,.map-gallery-clear:focus{background:#172a24;color:#fff}.map-gallery-count{align-self:center;color:#746c63;font-size:12px;min-width:62px;text-align:right}.map-gallery-no-results{border:1px solid #d8cdbd;color:#655f58;margin-top:20px;padding:25px;text-align:center}@media(max-width:1024px){.map-gallery-searchbar{grid-template-columns:1fr 1fr auto}.map-gallery-count{grid-column:1/-1;text-align:left}}@media(max-width:767px){.map-gallery-searchbar{grid-template-columns:1fr;margin-bottom:30px;padding:16px}.map-gallery-count{grid-column:auto}}
