:root {
    --md-primary-fg-color: #3448c5;
    --md-accent-fg-color: #0f96a8;
}

.md-header {
    box-shadow: 0 1px 0 color-mix(in srgb, currentColor 12%, transparent);
}

.md-typeset h1,
.md-typeset h2 {
    font-weight: 700;
    letter-spacing: -0.02em;
}

.md-typeset img {
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    border-radius: 0.55rem;
    box-shadow: 0 0.65rem 1.8rem color-mix(in srgb, #172554 12%, transparent);
}

.md-typeset blockquote {
    border-left-color: var(--md-accent-fg-color);
}

.md-typeset .mermaid {
    margin: 1.5rem 0;
    overflow-x: auto;
    text-align: center;
}

@media screen and (min-width: 76.25em) {
    .md-grid {
        max-width: 88rem;
    }
}