.topics {
    font-family: Inter, Arial, sans-serif;
    font-weight: 600;
}

.topics dt.topic:target {
    font-size: 1.3em;
    color: #b22d00;
    line-height: 1.5em;
}

.topics dt.topic:before {
    position: relative;
    left: -0.5rem;
    font-size: 0.8rem;
    content: "▪︎";
    opacity: 0.5;
}

.topics dd {
    margin: 0 0 0 0.3em;
}

.md-typeset .topics ul li:before {
    display: inline;
    position: relative;
    left: -0.5em;
    content: "|";
    opacity: 0.5;
    margin-left: 0.8em;
}

.md-typeset .topics ul li:first-child:before {
    display: inline;
    position: relative;
    left: 0px;
    content: "";
    opacity: 0.5;
    margin-left: 0.1em;
}

.topics dt,
.topics dd,
.topics dd ul,
.topics dd ul li {
    display: inline;
}

.topics dt.topic {
    margin-left: 0.3rem;
}

.topics dl {
    text-indent: -3em;
    margin-left: 3em;
}

.topics dt {
    font-weight: 600;
}

.md-typeset dd ul li,
.md-typeset dd ol li {
    margin-left: 0;
}