:root {
    --rosewater: #dc8a78;
    --flamingo: #dd7878;
    --pink: #ea76cb;
    --mauve: #8839ef;
    --red: #d20f39;
    --maroon: #e64553;
    --peach: #fe640b;
    --yellow: #df8e1d;
    --green: #40a02b;
    --teal: #179299;
    --sky: #04a5e5;
    --sapphire: #209fb5;
    --blue: #1e66f5;
    --lavender: #7287fd;
    --text: #cad3f5;
    --subtext-1: #b8c0e0;
    --subtext-0: #a5adcb;
    --overlay-2: #939ab7;
    --overlay-1: #8087a2;
    --overlay-0: #6e738d;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.preview-section {
    header {
        /*border: 1px solid var(--muted);*/
        padding: 0.25rem;
        font-size: 110%;
        font-weight: 800;
        border-radius: 0.25rem;
        margin-bottom: 0.5rem;
    }

    ul[role="list"],
    ol[role="list"] {
        padding-inline-start: 2rem;
    }
}

.tags {
    display: inline-flex;
    gap: 0.33rem;
}

.tag {
    background-color: var(--blue);
    color: var(--text);
    padding: 2px 4px;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;

    a:link,
    a:visited,
    a:hover,
    a:active {
        color: var(--text);
    }
}