/* Set the font for code blocks */
code {
    font-family: "Iosevka Web", monospace;
}

/* Styling for inline code blocks */
:not(pre) > code {
    padding: 0 0.25rem;
    border-radius: 0.25rem;
    white-space: pre;
}

/* Styling for fenced code blocks */
pre > code {
    display: block;
    padding: 1rem;
    border-radius: 0.55rem / 0.5rem;
    word-wrap: normal;
    overflow: auto;
}
pre {
    width: 90%;
}

/* Styling for unit tests */
.unit-test {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border-radius: 0.55rem / 0.5rem;
}
.unit-test > span {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem;
    border-radius: 0.55rem / 0.5rem;
}
.unit-test > pre {
    width: 100%;
}
.unit-test i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

/* Styling for repl invokations */
.repl-eval {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 0.5rem;
    border-radius: 0.55rem / 0.5rem;
    margin: 0.5em;
}
.repl-eval .repl-results {
    width: 100%;
}
.repl-eval .repl-results pre {
    width: 100%;
    margin: 0;
}
.repl-eval .repl-invokation {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-radius: 0.55rem / 0.5rem;
    padding: 0.5rem;
    align-items: center;
}
.repl-eval .repl-invokation .repl-command {
    flex-grow: 1;
    padding: 0.5rem;
    word-wrap: normal;
    overflow: auto;
}
.repl-eval .repl-prompt {
    font-weight: 900;
    font-size: 1.1rem;
}
.repl-underline {
    text-decoration: underline;
}