.markdown-body table {
    width: 100%;
    margin: 1em 0;
    font-size: 0.95em;
    background-color: var(--cl-7);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid #000;
}

.markdown-body thead {
    color: var(--cl-thead);
    background-color: var(--bg-thead);
}

.markdown-body th,
.markdown-body td {
    padding: 0.5em 0.75em;
    text-align: left;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.markdown-body th:last-child,
.markdown-body td:last-child {
    border-right: none;
}

.markdown-body tr:last-child td {
    border-bottom: none;
}

.markdown-body th {
    font-weight: 600;
}

.markdown-body tr:nth-child(even) {
    background-color: var(--cl-5);
}/*.markdown-body tr:hover {
    background-color: #888;
}*/

.markdown-body li {
   margin: 5px;
}
.markdown-body caption {
    caption-side: bottom;
    text-align: center;
    font-size: 0.85em;
    color: var(--cl-h1);
    margin-top: 0.5em;
}
.markdown-body blockquote {
   padding: 0 .5em;
   color: var(--cl-bq);
   background: var(--bg-bq);
   border: dashed var(--cl-h3) 1px;
   border-radius: 5px;
   font-size: 0.9em;
}
.markdown-body .highlight {
   font-size: 0.8rem;
   border: dotted var(--cl-h3) 1px;
   border-radius: 5px;
   padding: 0px 20px 10px 20px;
   background: var(--bg-main);
}
.markdown-body details > summary {
   margin: 10px;
   padding: 0px 0px 0px 0px;
   border: none;
   /* color: var(--cl-lk-hover); */
   background: transparent;
   cursor: pointer;
   margin-bottom:0;
}
.markdown-body details {
   font-family: monospace;
   /* font-size: 0.8rem; */
   border-bottom: dotted var(--cl-h3) 1px;
   color: grey;
   /* font-style: italic; */
   border-radius: 5px;
   background: var(--bg-panel);
   padding-left: 2em;
}
.markdown-body details > summary {
    list-style: none;
}

.markdown-body details > summary::-webkit-details-marker {
    display: none;
}

.markdown-body details > summary::before {
   text-decoration: none;
   content: "";
   font-style: none;
   display: inline-block;
   width: 14px;
   height: 14px;
   margin-right: 6px;
   /* margin-left: 1em; */
   /* vertical-align: middle; */
   background-color: var(--cl-icon); 
   mask: url("/theme/images/writing2.svg") no-repeat center / contain;
   -webkit-mask: url("/theme/images/writing2.svg") no-repeat center / contain;
}
.markdown-body details[open] > summary::before {
   font-style: none;
   content: "👇️";
   width: 18px;
   height: 18px;
    mask: url("/theme/images/finger-down.svg") no-repeat center / contain;
    -webkit-mask: url("/theme/images/finger-down.svg") no-repeat center / contain;
}