#main:has(> .hb-sitemap) {
  background: var(--hb-color-paper, #e9ede2);
  color: #191a18;
}

.hb-sitemap,
.hb-sitemap .hb-breadcrumb,
.hb-sitemap .hb-breadcrumb [aria-current] {
  color: #191a18;
}

.hb-sitemap {
  max-width: var(--hb-max-width, 1720px);
  margin: auto;
  padding: clamp(130px, 10vw, 168px) var(--hb-gutter-mobile, 20px) 90px;
}

.hb-sitemap h1 {
  font: 500 clamp(48px, 7vw, 112px)/1 var(--hb-font-heading);
  letter-spacing: -.06em;
  margin: 32px 0;
}

.hb-sitemap .hb-breadcrumb li { margin: 0; }
.hb-sitemap h1 span { color: var(--hb-color-orange); }
.hb-sitemap > p { max-width: 48em; line-height: 1.6; }
.hb-sitemap__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  margin: 64px 0;
}
.hb-sitemap section { border-top: 1px solid #191a1833; padding-top: 24px; }
.hb-sitemap h2 { font-size: 30px; line-height: 1.15; margin-bottom: 24px; }
.hb-sitemap li { margin: 16px 0; line-height: 1.5; }
.hb-sitemap a { color: inherit; text-decoration: underline; text-underline-offset: 5px; }
.hb-sitemap a:hover { text-decoration-thickness: 2px; }

@media (min-width: 761px) {
  .hb-sitemap { padding-inline: 5.4vw; }
}
@media (max-width: 760px) {
  .hb-sitemap { padding-top: 120px; }
  .hb-sitemap__grid { grid-template-columns: 1fr; gap: 36px; margin-top: 40px; }
}