nav.category.geo.fixed,
nav.category.publicOffer.fixed,
nav.category.privacyPolicy.fixed {
    top: 80px;
}
h1[id], h2[id], h3[id], section[id] {
  scroll-margin-top: 80px;
}
html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}
@media (min-width: 1024px) {
    @media (min-width:1024px) {
    nav.category ul {
        max-width: 250px;
    }
    nav.category.api ul {
        max-width: 250px;
        padding-top: 10px;
    }
    nav.category.geo.fixed, 
    nav.category.publicOffer.fixed, 
    nav.category.privacyPolicy.fixed {
        top: 80px;
        left: 22px;
    }    
    nav.category.api {
        width: 300px;
    }
}
@media (max-width: 1120px) {
    .contents-toggle {
        position: fixed;
        bottom: 50px;
        left: 0;
        z-index: 1000;
        width: 100%;
        padding: 10px 15px 15px;
        background: #f3f3f3;
        color: #111;
        font-size: 16px;
        border: none;
        border-top: 1px solid #ddd;
    }
    .contents-toggle:hover,
    .contents-toggle:target {
        background: #ebebeb;
        color: #333;
        text-shadow: 0px 1px 2px #fff;
    }
    .contents-list {
        position: fixed;
        bottom: 50px;
        left: 0;
        z-index: 999;
        width: 100%;
        height: calc(100vh - 100px);
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        background: #fff;
        display: none;
        flex-direction: column;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    }
    .contents-list li {
        border-bottom: 1px solid #eee;
    }
    .contents-list li a {
        display: block;
        padding: 15px 15px;
        font-size: 16px;
        color: #333;
        text-decoration: none;
    }
    .contents-list li a:hover {
        background: #f5f5f5;
    }
    nav.category.active .contents-list {
        display: flex;
        background: #f3f3f3;
        margin: 0;
        padding: 0 15px;
    }
    .contents-toggle::before {
        content: "Table of contents";
    }
    nav.category.active .contents-toggle::before {
        content: "Close table of contents";
    }
}
@media (max-width: 550px) {
    .contents-toggle {
        position: fixed;
        bottom: 71px;
        padding: 10px 15px 10px;
    }
    .contents-list {
        position: fixed;
        bottom: 70px;
        left: 0;
        z-index: 1000;
        width: 100%;
        height: calc(100vh - 120px);
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        background: #fff;
        display: none;
        flex-direction: column;
        z-index: 999;
        box-shadow: none;
    }
}
@media (max-width: 550px) {
    .contents-toggle {
        top: auto;
        bottom: 0;
    }
}