/* Current Atlas: readable group navigation beside the original Croatia illustration. */
#atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) {
  min-height: 209px;
  padding: 28px 32px;
  border-radius: 14px;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary[hidden] { display: none; }
#atlas-catalog[data-atlas-layout] .atlas-group-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 17px;
  margin: 0;
  padding: 0;
  color: #fff;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary > div {
  --summary-accent: #b8d58a;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 0;
  
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary > [data-group="initiatives"] { --summary-accent: #82c6bc; }
#atlas-catalog[data-atlas-layout] .atlas-group-summary > [data-group="organizations-places"] { --summary-accent: #9cbfd1; }
#atlas-catalog[data-atlas-layout] .atlas-group-summary > [data-group="opportunities"] { --summary-accent: #e2c08b; }
#atlas-catalog[data-atlas-layout] .atlas-group-summary .atlas-group-summary__label {
  margin: 0;
  max-width: 14ch;
  color: #e7eee6;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500;
  text-wrap: balance;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary .atlas-group-summary__number {
  order: -1;
  margin: 0 0 7px;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
}
@media (min-width: 1300px) {
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) > div:first-child { max-width: 40%; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary {
    position: absolute;
    top: 50%;
    left: 44%;
    right: 335px;
    transform: translateY(-50%);
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .results-catalog__summary {
    top: 27px;
    right: 224px;
  }
}
@media (min-width: 651px) and (max-width: 1299px) {
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) {
    display: grid;
    grid-template-columns: minmax(0,1fr) 180px;
    gap: 24px;
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) > div:first-child {
    grid-column: 1;
    max-width: 100%;
  }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary {
    grid-column: 1;
    gap: 15px;
    padding-top: 19px;
    border-top: 1px solid #ffffff24;
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .results-catalog__summary { top: 28px; right: 32px; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden]))::before {
    top: auto; bottom: 0;
    width: 245px; height: 210px;
    background-size: auto 210px;
  }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary .atlas-group-summary__number { font-size: 29px; }
}
@media (max-width: 650px) {
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) {
    display: block;
    min-height: 0;
    padding: 23px 18px 22px;
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) > div:first-child { max-width: 100%; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .eyebrow { max-width: calc(100% - 72px); font-size: 9px; line-height: 1.5; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) #catalog-title { max-width: calc(100% - 55px); font-size: 30px; line-height: 1.1; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) p:not(.eyebrow) { font-size: 14px; line-height: 1.5; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .results-catalog__summary {
    top: 20px; right: 16px; left: auto;
    min-width: 46px;
    padding: 7px 9px;
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .results-catalog__summary strong { font-size: 24px; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden])) .results-catalog__summary span { font-size: 9px; }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden]))::before {
    top: auto; bottom: 0;
    width: 210px; height: 167px;
    background-size: auto 167px;
    opacity: .25;
    mask-image: linear-gradient(90deg,transparent,#000 80%);
  }
  #atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden]))::after { top: 0; height: 100%; opacity: .3; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px 18px;
    margin-top: 19px;
    padding-top: 20px;
    border-top: 1px solid #ffffff24;
  }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary > div { padding: 0; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary .atlas-group-summary__number { font-size: 29px; margin-bottom: 5px; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary .atlas-group-summary__label { max-width: 17ch; font-size: 12px; }
}
@media (forced-colors: active) {
  #atlas-catalog[data-atlas-layout] .atlas-group-summary { border-color: CanvasText; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary > div { border-color: CanvasText; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary :is(.atlas-group-summary__label,.atlas-group-summary__number) { color: CanvasText; }
}

/* Remove the compass/contour overlay behind the navigation, keep Croatia at right. */
#atlas-catalog[data-atlas-layout] .results-catalog__heading:has(.atlas-group-summary:not([hidden]))::after {
  display: none;
  background: none;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary__jump {
  appearance: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 74px;
  height: 100%;
  margin: 0;
  padding: 6px 6px 6px 11px;
  border: 0;
  border-inline-start: 2px solid var(--summary-accent);
  border-radius: 0 6px 6px 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
  transition: background-color 140ms ease;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary__jump:not(:disabled):hover {
  background: #ffffff0e;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary__jump:focus-visible {
  outline: 2px solid #c4ec83;
  outline-offset: 4px;
  background: #ffffff0e;
}
#atlas-catalog[data-atlas-layout] .atlas-group-summary__jump:disabled {
  cursor: default;
  opacity: .55;
}
#atlas-catalog[data-atlas-layout] .catalog-group__heading h3:focus {
  outline: 2px solid #b8d58a;
  outline-offset: 6px;
  border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
  #atlas-catalog[data-atlas-layout] .atlas-group-summary__jump { transition: none; }
}
@media (forced-colors: active) {
  #atlas-catalog[data-atlas-layout] .atlas-group-summary__jump { border-color: ButtonText; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary__jump:disabled { color: GrayText; opacity: 1; }
  #atlas-catalog[data-atlas-layout] .atlas-group-summary__jump:focus-visible,
  #atlas-catalog[data-atlas-layout] .catalog-group__heading h3:focus { outline-color: Highlight; }
}