:root{
    --ploting-color:rgb(57, 76, 231);
}
.graph-paper{ 
    /* border: .375pt solid rgba(5, 159, 46, 0.736);  */
    z-index: 5;
    padding: 10px 5px; 
}
.graph-paper .graph-header *{
    color: rgb(7, 61, 7);
}
.graph-paper .graph-head{
    font-size: 16pt;
    text-shadow: 1px 2px 3px 4px rgba(0, 0, 0, 0.473);
    text-transform: uppercase;
}
.graph-button,.graph-copy{ 
    margin-bottom: 10px;
    background: black;
    border-radius: 4px;
    color: aliceblue;
    font-size: 15px;
    padding:5px;
}
.graph-button i,.graph-copy i{
    color:wheat;
}
.graph-button:hover,.graph-copy:hover{ 
    background: rgb(16, 5, 5);
    opacity: 1;
}
.major-square{
    /* .25px  */
    border: 0.1875pt solid rgba(6, 202, 97, 0.672);
    /* border-left-width: 0pt; */
    /* width: 28.346456693pt; */
    /* height: 28.346456693pt; */
    padding: 0;
}
.minor-square{
    border: 0.1875pt solid rgba(5, 159, 46, 0.736);
    border-left-width: 0pt;
    border-top-width: 0pt;
    width: 5.72pt;
    height: 5.72pt;
    padding: 0;
}
.major-square.axis{
    border-right: 0.1875pt solid var(--ploting-color);
}
.major-square-grids.axis{
    border-top: 0.1875pt solid var(--ploting-color);
}
.no-right-border.axis{
    border-right-color: var(--ploting-color);
}
.no-left-border.axis{
    border-left-color: var(--ploting-color);
}
.no-left-border:not(.axis){
    border-left: none;
}
.no-right-border:not(.axis){
    border-right: none;
}
.no-top-border{
    border-top: none;
}
.no-bottom-border{
    border-bottom: none;
}
.major-square.ticking .major-square-grids:last-child .minor-square:last-child{
    border-bottom: 0.1875pt solid var(--ploting-color);
    position: relative;
}
.major-square-grids.ticking .minor-square:last-child{
    position: relative;
    border-right: 0.1875pt solid var(--ploting-color);
}
.bold-bottom{
    /* border-bottom-width: .375pt; */
    border-bottom-color: rgb(141, 30, 5);
}
.bold-right{
    /* border-right-width: .375pt; */
    border-right-color: rgb(141, 30, 5);
}
.bold-left{
    /* border-right-width: .375pt; */
    border-right-color: rgb(80, 220, 24);
} 
blockquote{
    margin-right: 0;
}
table.line-node-table,
table.line-node-table td,
    table.line-node-table tr{
    border: none;
}
.line-node,table.line-node-table td{
    line-height: 25pt;
    border-bottom:2px dotted black;
    min-height: 25pt;
    width: 100%;
}
table.line-node-table td:empty,
.line-break:empty{
    min-height: 25pt;
    display: none;
}  
.graph-paper .legend{
    position:absolute;
    font-size: 11pt;
    color: var(--ploting-color);
}
.graph-paper .legend *{
    color: var(--ploting-color);
}
.graph-paper .legend.v-axis{
    top:105px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    left: 20px;
}
.graph-paper .legend.h-axis{
    right:25px;
    bottom: 42px;
} 
.point{
    display :inline-block;
    position: absolute;
    border-radius :10px; 
    Width :calc(687px / 90);
    height :calc(687px / 90);
    border: 1px solid var(--ploting-color);
}
.point.hide{
    display: none;
}
.point::after{
    content: ''; 
    position: absolute;
    top: 2px;
    left: 2px;
    Width :2px;
    height :2px;
    border-radius :5px; 
    background: black;
}
.major-square.ticking small{
    position: absolute;
    right: 110%;
    color: var(--ploting-color);
    top: -3px;
    font-size: 12px;
}
.major-square-grids.ticking small{
    position: absolute;
    color: var(--ploting-color);
    top: 5px;
    font-size: 12px;
    left: 3px;
}
.point:hover:before{
    content: attr(data-p);
    background: rgba(0, 0, 0, 0.77);
    z-index: 10;
    top:-30px;
    color: wheat;
    font-size: 10pt;
    border-radius: 6px;
    box-shadow: var(--shadow-small);
    white-space: nowrap;
    position: absolute;
    padding: 3px 5px;
}

ol.item-list > li,
ul.item-list > li{
padding-inline-start: 15px;
list-style: none;
position: relative;
min-height: 15px;
}
/* ol.item-list > li::marker, */
ol.item-list > li::before,
/* ul.item-list > li::marker, */
ul.item-list > li::before {
    content: attr(data-st);
    position: absolute;
    left: -20px;
    top: 0;
}