.toc {font-family: Georgia, serif;line-height: 1.35;position: absolute;top: -1px;z-index: 2;right: 21px;background-color: #2e373d;border: 2px solid;min-width: 350px;max-height: 80vh;overflow-y: scroll;}
.toc h2 { display:inline-block; margin:.2em 0 .2em .2em; font-size:1.4rem }
.toc h3 { display:inline-block; margin:.2em 0 .2em .2em; font-size:1.1rem; color:#666 }
.toc-root, .toc-root ul { list-style:none; padding-left:0; margin:0 }
.toc-root > li { margin:.35em 0; }
.toc .row {display:flex;align-items:center;gap:.5rem;padding:.25rem .25rem;cursor:pointer;/* margin-left: 1rem; */}
.row.leaf .dot { width:.5rem; height:.5rem; border-radius:50%; background:#999; display:inline-block }
.row .title { display:inline-block }
.caret {border:0;background:transparent;font-size: 2rem;line-height:1;padding:0 .1rem;cursor:pointer;transform:rotate(0deg);transition:transform .15s ease}
.open > .row > .caret { transform:rotate(90deg) }
.collapsed { display:none }
.toc-level1, .toc-level2, .toc-level3 {margin-left: 1rem !important;}
.toc-group, .toc-mod { font-weight:600; }
.toc-result { margin-top:1rem; padding:.75rem; border:1px solid #ddd; border-radius:.5rem }
.toc .row:hover {background:#f6f6f6;color: #2c353a;}
.ui.glossary .popuptext {
    display: none;
    /* position: fixed !important; */
    margin-top: 70px;
    margin-left: 70px;
}

.fullwidth.cat_info_gloss span.title .popuptext {margin-top: 30px;margin-left: -30px;}
.ui.glossary .toc-click .popuptext {
    margin-top: 30px;
    margin-left: 10px;
}
.ui.glossary .upper_part h2 {
    color: #fffbeb;
}

.ui.glossary h1, .ui.glossary h2,.ui.glossary h3,.ui.glossary h4,.ui.glossary h5 {
    padding: 0;
    padding-top: 9px;
    line-height: 1.3;
    /* color: #efe1c7; */
    color: inherit;
    font-family: '1786 CAP';
}
.ui.glossary article h1, .ui.glossary article h2,.ui.glossary article h3,.ui.glossary article h4,.ui.glossary article h5 {
    color: #171a31;
}

a.icon_container span {
    display: block;
    text-align: center;
    margin: auto;
}
.ui.glossary p,.ui.glossary div,article li {
    font-family: serif;
}
.ui.glossary article ul{
    list-style: disc;
    margin: 20px;
    inset: 20px;
}
.ui.glossary span.bold, .ui.glossary strong {
    font-weight: bold;
}
.ui.glossary .parent_icon {
    display: none;
}
.ui.glossary .parent_title {
    display: none;
}
.ui.glossary span.codex {
    font-weight: bold;
}
.icons .buttons_container .fullwidth {
    width: 100%;
    background: #00000052;
    text-align: center;
}
.fullwidth.cat_info_gloss {
    padding: 5px;
    cursor: pointer;
}
.icons .buttons_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.icon_container img.icon.hover {
    display: none;
}

.icon_container:hover img.icon.hover {
    display: block;
}
.icon_container:hover img.icon.off {
    display: none;
}
.closeX {
    text-align: right;
    margin: 2px 10px;
    cursor: pointer;
    position: fixed;
    right: 41px;
}
.flex.items-start h2{
    padding: 0;
}
button.cat_info .popuptext {
    display: none;
}

button.cat_info:hover .popuptext, .row.toc-click .title:hover .popuptext, a.icon_container:hover .popuptext, div.cat_info_gloss .title:hover .popuptext, .left-container .ui.icon:hover .popuptext
{
    display: inline;
    position: absolute;
    color: black;
    top: initial;
    left: initial;
    z-index: 10;
}
img.back {
    cursor: pointer;
}
.if_realm {
    display: none;
}
.if_domain {
    display: none;
}

.if_codex {
    display: none;
}

.if_anchor {
    display: none;
}

.if_belief {
    display: none;
}

.upper_part.type_realm .if_realm {
    display: block;
}
.upper_part.type_domain .if_domain {
    display: block;
}
.upper_part.type_codex .if_codex {
    display: block;
}

.upper_part.type_subsection .if_anchor {
    display: block;
}
.upper_part.type_anchor .if_anchor {
    display: block;
}
.upper_part.type_belief .if_belief {
    display: block;
}
.upper_part.type_realm .if_realm {
    display: block;
}
.ui.glossary .popuptext .click {
    color: black !important;
    /* opacity: 1; */
    font-weight: 500;
}
li.toc-realm .row {
    margin-left: 1rem;
}