@charset "UTF-8";

.documents-page__header {
    margin-top: 8px;
    margin-bottom: 56px
}

@media (max-width:576px) {
    .documents-page__header {
        margin-bottom: 32px
    }
}

@media (max-width:666px) {
    .documents-page__header {
        margin-bottom: 64px
    }
}

.documents-page__title {
    font-weight: 500;
    font-size: clamp(32px, 3.8888888889vw, 56px);
    line-height: 98%;
    letter-spacing: -0.04em;
    color: var(--text_001)
}

.documents-page__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-bottom: 56px
}

@media (max-width:1275px) {
    .documents-page__body {
        gap: 20px
    }
}

@media (max-width:666px) {
    .documents-page__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 64px;
        margin-bottom: 32px
    }
}

.documents-page__nav {
    max-width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:1100px) {
    .documents-page__nav {
        max-width: 285px
    }
}

@media (max-width:888px) {
    .documents-page__nav {
        max-width: 218px
    }
}

@media (max-width:666px) {
    .documents-page__nav {
        max-width: none
    }
}

.documents-page__list {
    gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:666px) {
    .documents-page__list {
        gap: 10px
    }
}

.documents-page__list li a {
    font-weight: 500;
    font-size: clamp(16px, 1.3888888889vw, 20px);
    line-height: 140%;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: var(--text_002)
}

.documents-page__list li a.active {
    color: var(--text_001);
    border-bottom: 2px solid var(--text_001)
}

.documents-page__list li a:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.documents-page__content {
    margin-top: -56px
}

@media (max-width:666px) {
    .documents-page__content {
        margin-top: -32px
    }
}

.documents-page__content h4 {
    font-weight: 500;
    font-size: clamp(24px, 2.5vw, 36px);
    line-height: 112%;
    letter-spacing: -0.04em;
    color: var(--text_001);
    margin-top: 56px;
    margin-bottom: 16px;
    display: inline-block
}

@media (max-width:666px) {
    .documents-page__content h4 {
        margin-top: 32px
    }
}

.documents-page__content p {
    font-weight: 400;
    font-size: clamp(16px, 1.3888888889vw, 20px);
    line-height: 140%;
    color: var(--text_002);
    margin: 10px 0
}

@media (max-width:666px) {
    .documents-page__content p {
        margin: 16px 0
    }
}

@media (max-width:768px) {
    .docs-page.container {
        padding: 0 16px
    }
}