html {
    scroll-behavior: smooth;
    scroll-padding-top: 112px;
}
#doc_page {
    
    display: block;
    margin-top: 64px;
    background: linear-gradient(to right, rgb(250,250,250) 50%, white 50%);

}

#doc_page .content {
    width: 1128px;
    margin: auto;
    padding: 24px;
    box-sizing: border-box;   
    padding-top: 0px; 
    padding-block: 0px;
    overflow: auto;
    display: flex;
}
.table_of_content {
display: block;
width:25%;
float:left;
vertical-align: top;
background-color:rgb(250,250,250);
box-sizing: border-box;
padding: 24px;
font-weight: 600;
line-height: 160%;
padding-top:48px;
padding-bottom: 48px;
border-right-style: solid;
    border-right-color: #f2f2f2;
    border-right-width: 1px;
}

.table_of_content ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;

}
.table_of_content ul li {
    display: block;
    margin-block: 18px;
    margin-top:0px;
}
.text {
display: block;
width:75%;
float:right;
position: relative;
background-color: white;
vertical-align: top;
box-sizing: border-box;
padding: 24px;
padding-top:48px;
padding-bottom: 48px;
word-break: break-word;
}
a {
 
    font-weight: 600;
}
a:hover {
 color:rgb(0,120,255)   
}
sup {
  
  font-size: 83%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;
  padding:4px;
}

sup {
  /* Move the superscripted text up */
  top: -0em;
}
.table_of_content a {
    color:black;
}

h1,h2,h3  {
    margin-top:48px ;
    padding:0px;
    margin-bottom: 48px;
    line-height: 140%;
}
h1:first-child {
    margin-top: 0px;
}
h1 {font-size: 32px}
h2 {font-size: 28px}
h3 {font-size: 22px}


@media only screen and (max-width : 1200px)
{
    #doc_page .content {
        width: 744px;
    }
}
@media only screen and (max-width : 798px)
{
       #doc_page .content {
        width: 100%;
        display: block;
        background:white;
        padding: 0px;
        }
        .table_of_content {
            width: 100%;
            float:none;
            border-right: none;
        }
        .text {
            width: 100%;
            float: none;
        }
}