:root > * {

    --md-primary-fg-color: #0052CC;
    --md-primary-fg-color--light: #FFFFFF;
    --md-primary-fg-color--dark: #172B4D;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #172B4D;
    --md-primary-fg-color--light: #ECB7B7;
    --md-primary-fg-color--dark: #091E42;

    --md-typeset-a-color: #4C9AFF
}

a[target="_blank"]::after, a.external::after {
    content: url("../images/link_external.svg");
    margin: 0 2px 0 2px;
    vertical-align: super;
}

.atl-bright-color {
    color: #0065FF !important;
}

.md-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 68rem;
}

/* Mermaid rendering: allow horizontal scroll for wide diagrams instead of
   compressing SVG to container width and shrinking text to an unreadable size.
   Prefer fixing the diagram (TD layout, shorter labels) over relying on this. */
.md-typeset .mermaid {
    overflow-x: auto;
    text-align: left;
}

.md-typeset .mermaid svg {
    max-width: none !important;
    height: auto;
    min-width: 0;
}