H1, H2, H3, H4 {font-weight: normal;}

.document {
    width: 100%;
    box-sizing: border-box;
  }
  
.document img {
    display: block;
    width: 100%;
    max-width: fit-content;
}

.document H1, 
.document H2, 
.document H3, 
.document H4, 
.document P, 
.document IMG, 
.document OL, 
.document UL,
.document .h2 {margin-bottom: 13px; line-height: 1.35;}

.document H1 {font-size: 32px; font-weight: bold;}
.document H2 {font-size: 24px; font-weight: bold;}
.document H3 {font-size: 20px; font-weight: bold;}
.document H4 {font-size: 16px; font-weight: bold;}

.document UL, 
.document OL {list-style-position: inside; padding-left: 20px;}

.document LI {margin-bottom:3px;}

.document LI UL, 
.document LI OL {margin-top: 3px;}


.document .h2 {
    padding: 10px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    background-color: rgba(255, 211, 127, 0.5); 
    border-radius: var(--radius-block);
}
.document .h2 > img {width: 80px; margin: 0;}
.document .h2 > H2 {margin: 0;}








/*/////////////////////////////////*/
/*////////// ТЁМНАЯ ТЕМА //////////*/
/*/////////////////////////////////*/
.dark-theme .document .h2 {background-color: rgba(132, 98, 47, 0.5);}








/*/////////////////////////////////*/
/*////////// АДАПТИВНОСТЬ //////////*/
/*/////////////////////////////////*/
@media screen and (max-width: 768px) {
    .document .h2 > img {width: 71px;}
}


@media screen and (max-width: 640px) {
    .document H1 {font-size: 26px;}
    .document H2 {font-size: 20px;}
    
    .document H1, 
    .document H2, 
    .document H3, 
    .document H4, 
    .document P, 
    .document IMG, 
    .document OL, 
    .document UL,
    .document .h2 {margin-bottom: 10px;}

    .document .h2 > img {width: 62px;}

    .document .h2 {padding: 8px; gap: 8px;}
}

@media screen and (max-width: 480px) {
    .document H1 {font-size: 22px;}
    .document H2 {font-size: 18px;}

    .document H1, 
    .document H2, 
    .document H3, 
    .document H4, 
    .document P, 
    .document IMG, 
    .document OL, 
    .document UL,
    .document .h2 {margin-bottom: 7px;}  

    .document .h2 {padding: 6px; gap: 6px;}
    .document .h2 > img {width: 53px;}
}