.card .page--body {
    word-break:break-word;
    padding:30px;
    font-weight:300;
}
.card .page--body:is(h1,h2,h3,h4,h5) {
    color:var(--dark-white,var(--main-text));
    display:block;
    margin-bottom:3px;
}
html[data-theme="dark"] #page .card{
    background: var(--dark-wcolor);
}
html[data-theme="dark"] .card .page--body{
    color: var(--dark-input-text)!important;
}
.card .page--body p {
    color:var(--soft-text);
    line-height:22px;
    margin-bottom:20px;
}
.card .page--body ul {
    list-style:disc;
    margin-left:30px;
}
.of-hidden {
    overflow:hidden;
}
.card .page--body p strong {
    font-weight:700;
}
.page-sidebar-sticky {
    position:sticky;
    top:20px;
}
.card .card-header {
    border-bottom:1px solid var(--dark-input-color,var(--bg));
    color:var(--dark-white,var(--main-text));
}
.card-page-menu ul {
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
}
.card-page-menu ul li {
    border-bottom:1px solid var(--dark-input-color,var(--bg));
}
.card-page-menu ul li a.cp-link {
    padding:15px 20px;
    display:flex;
    font-weight:500;
    border-left:2px solid transparent;
    position:relative;
    align-items:center;
    justify-content:space-between;
    transition:0.2s ease all;
    color:var(--dark-input-text,var(--soft-text));
}
.card-page-menu ul li a.cp-link.active {
    color:var(--main-color);
    border-color:var(--main-color) !important;
}
.card-page-menu ul li a.cp-link:hover {
    border-color: var(--light);
}
#page .page--body ul{
    margin-bottom:20px;
    margin-top:20px;
}
#page .page--body ul li{
    color:var(--soft-text);
    margin-bottom: 5px;
}
#page .page--body h1{
    margin-bottom: 20px;
}
#page .page--body h2{
    margin-bottom: 20px;
}
#page .page--body h3{
    margin-bottom: 20px;
}