/***********************************
* Document detail
***********************************/
/* menu */
body.tai-lieu-detail [data-menu*="sticky"] {
    box-shadow:0 8px 24px rgba(39, 28, 28, .12), 0 2px 4px rgba(39, 28, 28, .08);
}

/* header */
body.tai-lieu-detail .site-banner.-document {min-height:100px; padding-top:15px; padding-bottom:15px;}

/* content */
.site-content__document {
    --width-sidebar:clamp(300px, 40vw, 470px);
}
.site-content__main {width:var(--width-sidebar);}
.site-content__document aside {width:calc(100% - var(--width-sidebar)); padding-left:var(--br-gap-container);}

/* content > description */
.br-document-description {color:rgba(12, 12, 12, .87); border-bottom:1px solid rgba(29, 29, 31, .08);}
.br-document-description ul li:before {background:rgba(12, 12, 12, .87);}
.br-document-description strong {font-weight:600;}

/* content > text */
.site-content__text {
    --br-spacing-default:0px;
    --br-spacing-heading:8px;
    --br-spacing-paragraph:24px;
}

/* gallery */
.site-content__gallery-item {
    overflow:hidden; border-radius:4px; border:1px solid rgba(29, 29, 31, .08);
}
.site-content__gallery-item:not(:last-child) {margin-bottom:16px;}
.site-content__gallery-item:hover {border-color:var(--br-color-primary);}

/* Responsive */
@media only screen and (max-width:768px) {
    .site-content__document {flex-direction:column; padding-bottom:56px; position:relative;}
    .site-content__main {width:100%;}
    .br-document-popup {position:absolute; bottom:0; left:0; right:0;}
    .site-content__document aside {width:100%; padding-left:0;}
}