html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }

ol, ul {
    list-style: none;
}

body, html {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #1F2024;
    margin: 0;
    padding: 0;    
}

.sitemap-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1272px;
    width: 100%;
    margin-bottom: 40px;
}

.tabs-wrapper {
    margin-bottom: 16px;
}

.sitemap-container .tabs-inner {
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 48px;
    padding: 2px;
    background-color: #EDEDED;
    border-radius: 24px;
    gap: 1px;
}

.sitemap-container .tabs-inner .label {
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    -webkit-flex: 1;
    flex: 1;
    padding: 12px;
    white-space: nowrap;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.sitemap-container .tabs-inner .label:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: calc(100% - 24px);
    background-color: #AAAAAC
}

.sitemap-container .tabs-inner .label:last-child:after {
    display: none;
}

.sitemap-container .tabs-inner .label.active {
    background-color: #ffffff;
}

.sitemap-container .tabs-inner .label.active:after {
    display: none;
}

.sitemap-container .tabs-inner .label:has(+ .label.active)::after {
    display: none;
}

.sitemap-container h1 {
    font-size: 24px;
    margin-bottom: 24px;
    margin-top: 40px;
    font-weight: 700;
}

.mb-8 {
    margin-bottom: 8px;
}

.fw-bold {
    font-weight: 500;
}

.top-panel {
    display: -webkit-grid;
    display: grid;
    /*grid-template-columns: repeat(auto-fit, minmax(170px, 230px));*/
    grid-template-columns: repeat(5, 1fr);
    gap: 0 22px
}

.top-panel li {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
}

.top-panel li:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.58562 8L5.29273 11.2929C4.9022 11.6834 4.9022 12.3166 5.29273 12.7071C5.68325 13.0976 6.31642 13.0976 6.70694 12.7071L10.5655 8.84853C11.0341 8.3799 11.0342 7.6201 10.5655 7.15147L6.70694 3.29289C6.31642 2.90237 5.68325 2.90237 5.29273 3.29289C4.9022 3.68342 4.9022 4.31658 5.29273 4.70711L8.58562 8Z' fill='%2379797C'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.top-panel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sitemap-container a {
    color: #1F2024;
    text-decoration: none
}

.content div {
    margin-bottom: 24px;
}

.content div a {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    min-height: 32px;
    font-size: 14px;
    margin-bottom: 8px;
}

.content {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 22px
}

@media (max-width: 992px) {
    .sitemap-container h1 {
        margin-bottom: 16px;
    }

    .sitemap-container .tabs-wrapper {
        overflow-x: auto;
        scrollbar-width: none;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .top-panel {
        grid-template-columns: repeat(3, 1fr);
    }

    .top-panel li {
        height: 48px;
    }

    .content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 540px) {
    .top-panel {
        grid-template-columns: repeat(1, 1fr);
    }

    .content {
        grid-template-columns: repeat(2, 1fr);
    }
}