.block {
    --block-highlight: var(--dragonBlue2);
    --block-header: currentColor;

    display: inline-block;
    box-sizing: border-box;

    max-width: var(--content-max-width);
    width: 100%;

    margin: 16px 0;

    background: color-mix(in srgb, currentColor 5%, transparent);
    border-left: 8px solid var(--block-highlight);
    scrollbar-color: var(--block-highlight) var(--bg-m3);

    > * {
        margin-left: 16px;
        margin-right: 16px;
    }

    // summary::marker {
    //     content: "- ";
    //     // font-size-adjust: 0.6;
    // }

    // &:open {
    //     summary::marker {
    //         content: "~ ";
    //     }
    // }

    h1,
    h2,
    h3,
    summary {
        margin: 0;
        padding: 0 16px;

        font-size: 1em;
        line-height: 2rem;

        background: color-mix(in srgb, var(--block-highlight) 30%, transparent);
        color: var(--block-header);

        &:before {
            font-family: "Phosphor-Bold" !important;
            speak: never;

            letter-spacing: 0;
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga=1";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga" 1;
            font-feature-settings: "liga";
            -webkit-font-variant-ligatures: discretionary-ligatures;
            font-variant-ligatures: discretionary-ligatures;

            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;

            font-size: 32px;
            position: relative;
            top: 2px;
        }
    }

    ::selection {
        background-color: var(--block-highlight);
        color: var(--selection-foreground);
    }

    ::-moz-selection {
        background-color: var(--block-highlight);
        color: var(--selection-foreground);
    }
}

.block.warning {
    --block-highlight: var(--dragonOrange);

    h1:before {
        padding-right: 5px;
        content: "\e4e0";
    }
}