@counter-style bibcounts {
    system: numeric;
    symbols: "⁰" "¹" "²" "³" "⁴" "⁵" "⁶" "⁷" "⁸" "⁹";
    suffix: " ";
}

.flex-h {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 80%;
    margin: auto;
    gap: 1em;
}

.flex-h * {
    min-width: 0;
    flex-basis: 50%;
}

figure {
    display: inline-block;
    max-width: 40%;
    margin: 0.25em;
}

figure img {
    border-radius:3px;
    border: solid var(--r-main-color) 1px;
    max-width: 100%;
    box-sizing: border-box;
}

figcaption {
    font-size: .6em;
}

.bib {
    font-size: 0.4em;
    position: fixed;
    right: 4px;
    bottom: 5px;
}
.bib cite::before {
    content: " | “"
}
.bib cite::after {
    content: "” "
}
.bib time {
    font-style: italic;
}
.bib li {
    list-style: bibcounts;
}
.bib address {
    display: inline;
}

.border {
    border: solid 1px white;
    padding: 0.3em;
}

.border-bottom {
    border-bottom: solid 1px white;
    padding-bottom: 0.3em;
}

.bc0 {
    border-radius: 0.2rem;
    background-color: #1f77b4c0;
}
.bc1 {
    border-radius: 0.2rem;
    background-color: #ff7f0ec0;
}
.bc2 {
    border-radius: 0.2rem;
    background-color: #2ca02cc0;
}
.bc3 {
    border-radius: 0.2rem;
    background-color: #d62728c0;
}
.bc4 {
    border-radius: 0.2rem;
    background-color: #9467bdc0;
}
.bc5 {
    border-radius: 0.2rem;
    background-color: #8c564bc0;
}
.bc6 {
    border-radius: 0.2rem;
    background-color: #e377c2c0;
}
.bc7 {
    border-radius: 0.2rem;
    background-color: #7f7f7fc0;
}
.bc8 {
    border-radius: 0.2rem;
    background-color: #bcbd22c0;
}
.bc9 {
    border-radius: 0.2rem;
    background-color: #17becfc0;
}
.c0 {
    color: #1f77b4 !important;
}
.c1 {
    color: #ff7f0e !important;
}
.c2 {
    color: #2ca02c !important;
}
.c3 {
    color: #d62728 !important;
}
.c4 {
    color: #9467bd !important;
}
.c5 {
    color: #8c564b !important;
}
.c6 {
    color: #e377c2 !important;
}
.c7 {
    color: #7f7f7f !important;
}
.c8 {
    color: #bcbd22 !important;
}
.c9 {
    color: #17becf !important;
}

.big-formula {
    font-size: 1.35em;
}

.small-formula {
    font-size: 0.78em;
}

.tiny-formula {
    font-size: 0.58em;
}

.blocks {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0.6em;
    flex-wrap: wrap;
    margin: 0.8em auto;
    max-width: 92%;
}

.block {
    min-width: 7em;
    padding: 0.55em 0.75em;
    border: 1px solid var(--r-main-color);
    border-radius: 0.2rem;
    font-size: 0.9em;
}

.block.small {
    min-width: 5.5em;
    font-size: 0.72em;
}

.chain {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.35em;
    flex-wrap: wrap;
    margin: 0.8em auto;
    max-width: 96%;
}

.chain .space {
    border: 1px solid var(--r-main-color);
    border-radius: 0.2rem;
    padding: 0.45em 0.6em;
    min-width: 4.8em;
}

.chain .space small {
    display: block;
    opacity: 0.72;
    font-size: 0.48em;
}

.chain .arrow {
    opacity: 0.78;
    font-size: 0.8em;
}

.placeholder {
    width: 82%;
    min-height: 46vh;
    margin: 0.8em auto;
    border: 2px dashed var(--r-main-color);
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    font-size: 0.75em;
    padding: 1em;
}

.simple-graph {
    position: relative;
    width: 65%;
    height: 42vh;
    margin: 1em auto;
}

.simple-graph .node {
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    background: var(--r-main-color);
}

.simple-graph .check {
    border-radius: 0.15rem;
    background: #ff7f0e;
}

.simple-graph .edge {
    position: absolute;
    height: 2px;
    background: var(--r-main-color);
    transform-origin: 0 0;
    opacity: 0.75;
}

.plot {
    max-width: 88%;
}

.plot img {
    background: white;
    padding: 0.25em;
}

.two-plots figure {
    max-width: 44%;
}

.quiet {
    opacity: 0.72;
}