.rte {
    &, * {
        word-break: break-word;
    }

    pre {
        background-color: #e2e8f0;
        display: inline-block;
        font-size: .9em;
        overflow-x: auto;
        padding: .5em;
        vertical-align: top;
        white-space: pre;
        width: 100%;
        color: #1e293b;
        border-radius: 5px;
        font-family: "JetBrains Mono", ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    a {
        color: var(--color-purple);

        &:hover {
            color: var(--color-yellow);
        }
    }
}