/* src/styles/sitemap.scss */
.sitemap-category__link-blank-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.sitemap-category {
  --color-heading: var(--COLOR_FONT);
  --color-heading-chevron: var(--COLOR_PRIMARY);
  --color-background: transparent;
  padding: 20px;
  border-radius: 10px;
  background-color: var(--color-background);
}
.sitemap-category--zone-0 {
  --color-heading: var(--COLOR_PRIMARY);
  --color-heading-chevron: currentColor;
  --color-background: transparent;
  border: 2px solid #e2e2e2;
}
.sitemap-category--zone-1 {
  --color-heading: var(--COLOR_ZONE_1_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_1_BACKGROUND);
}
.sitemap-category--zone-2 {
  --color-heading: var(--COLOR_ZONE_2_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_2_BACKGROUND);
}
.sitemap-category--zone-3 {
  --color-heading: var(--COLOR_ZONE_3_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_3_BACKGROUND);
}
.sitemap-category--zone-4 {
  --color-heading: var(--COLOR_ZONE_4_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_4_BACKGROUND);
}
.sitemap-category--zone-5 {
  --color-heading: var(--COLOR_ZONE_5_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_5_BACKGROUND);
}
.sitemap-category--zone-6 {
  --color-heading: var(--COLOR_ZONE_6_FOREGROUND);
  --color-heading-chevron: currentColor;
  --color-background: var(--COLOR_ZONE_6_BACKGROUND);
}
.sitemap-category--other {
  --color-heading: var(--COLOR_PRIMARY);
  --color-heading-chevron: currentColor;
  --color-background: #e2e2e280;
}
.sitemap-category__heading {
  color: var(--color-heading);
  font-size: 2rem;
}
.sitemap-category__children {
  display: grid;
  row-gap: 20px;
  margin-top: 20px;
}
.sitemap-category__link {
  font-weight: var(--FONT_WEIGHT_BOLD);
}
.sitemap-category__link::after {
  content: "";
  position: relative;
  bottom: 0.1em;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--COLOR_PRIMARY);
  mask: url(/assets/images/common/icon-chevron.svg) no-repeat center/contain;
  vertical-align: middle;
}
.sitemap-category__heading .sitemap-category__link::after {
  background-color: var(--color-heading-chevron);
}
.sitemap-category__link[target=_blank]::after {
  content: unset;
}
.sitemap-category__link-text {
  margin-right: 10px;
}
.sitemap-category__link-blank {
  position: relative;
  bottom: 0.1em;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: auto;
  background-color: var(--COLOR_PRIMARY);
  mask: url(/assets/images/common/icon-blank.svg) no-repeat center/contain;
  vertical-align: middle;
}
.sitemap-grid {
  display: grid;
  row-gap: 20px;
}
@media (width >= 768px) {
  .sitemap-grid {
    column-gap: 20px;
  }
}
.sitemap-grid__item {
  display: grid;
  row-gap: 20px;
}
@media (width >= 768px) {
  .sitemap-grid__item--top {
    grid-area: 1/1/2/3;
  }
  .sitemap-grid__item--left {
    grid-area: 2/1/3/2;
  }
  .sitemap-grid__item--right {
    grid-area: 2/2/3/3;
  }
}