/* Current PHP project documents rules; source: web/css/residential/site.css. */
body.kk-reference-page .documents-block.container {

    padding-bottom: 0;

}

body.kk-reference-page .documents-block .custom-title {

    margin-bottom: 24px;

}

body.kk-reference-page .documents-block .col-md-3 {

    border: 1px solid var(--line-grey);
    border-right: 0;

}

body.kk-reference-page .documents-block .col-md-9 {

    border: 1px solid var(--line-grey);

}

body.kk-reference-page .documents-block .doc__box {

    padding: 32px 48px;

}

body.kk-reference-page .documents-block .kkvartal-document-filters {

    display: flex;
    gap: 20px;


}

body.kk-reference-page .documents-block .kkvartal-sr-only {

    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;

}

body.kk-reference-page .documents-block .line-title {

    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;

}

body.kk-reference-page .documents-block .line-title::before,
body.kk-reference-page .documents-block .line-title::after {

    content: "";
    flex: 1;
    height: 1px;
    background: #ddd;

}

body.kk-reference-page .documents-block .doc__documentation_info {

    display: flex;
    flex-direction: column;
    gap: 8px;

}

body.kk-reference-page .documents-block .doc__title_info {

    margin-bottom: 0;
    font-size: 16px;

}

body.kk-reference-page .documents-block .doc__descr_info {

    font-size: 14px;
    color: var(--gray-text);

}

body.kk-reference-page .documents-block .doc__documentation_position {

    display: flex;
    align-items: center;
    justify-content: space-between;

}

body.kk-reference-page .documents-block .doc__link_documentation {

    display: flex;
    gap: 20px;

}

body.kk-reference-page .documents-block .doc__link {

    display: flex;
    gap: 6px;
    font-size: 14px;
    color: #606260;
    align-items: center;
    transition: background-color 0.3s ease, color 0.3s ease;

}

body.kk-reference-page .documents-block .doc__link svg path {

    stroke: currentColor;
    transition: stroke 0.3s ease;

}

body.kk-reference-page .documents-block .doc__link:hover {

    color: #333333;

}

@media (max-width: 550px) {
body.kk-reference-page .documents-block .doc__descr_info {

        margin-bottom: 12px;
    
}

body.kk-reference-page .documents-block .doc__documentation_position {

        flex-direction: column;
        align-items: normal;
    
}

body.kk-reference-page .documents-block .col-md-9 {

        border-left: 0;
        border-right: 0;
    
}

body.kk-reference-page .documents-block .doc__box {

        padding: 10px;
    
}

body.kk-reference-page .documents-block.container {

        padding-bottom: 0;
    
}
}

body.kk-reference-page .documents-block .doc__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }