@media (hover: hover) and (pointer: fine) {
  .p-sitemap a:hover {
    text-decoration: underline;
  }
}

.p-sitemap__inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.p-sitemapBlock + .p-sitemapBlock {
  margin-top: 40px;
}

.p-sitemap__category {
  border-bottom: var(--color--gray-light) solid 1px;
}

.p-sitemap__category a {
  display: block;
  color: var(--keyColor);
  font-weight: 600;
  line-height: 1.2;
  padding: 8px 0;
}

.p-sitemapList {
  margin-top: 16px !important;
}

@media screen and (max-width: 1024px) {
  .p-sitemap__inner {
    gap: 32px;
  }
}

@media screen and (max-width: 768px) {

  .p-sitemap__inner {
    display: block;
  }

  .p-sitemapBlock + .p-sitemapBlock,
  .p-sitemapBlockWrapper + .p-sitemapBlockWrapper {
    margin-top: 16px;
  }
}

.p-sitemapList__item {
  line-height: 1.6 !important;
}