/* Original transparent artwork; theme swaps never recolor or distort it. */
html body.mds-ui .mds-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    max-width: 100%;
    flex-shrink: 1;
    vertical-align: middle;
    line-height: 0;
}

html body.mds-ui .mds-brand > img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 1755 / 598;
    object-fit: contain;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    filter: none;
}

html body.mds-ui .mds-brand > .mds-brand__white,
html[data-theme="dark"] body.mds-ui .mds-brand--auto > .mds-brand__black,
html body.mds-ui .mds-brand--white > .mds-brand__black {
    display: none;
}

html[data-theme="dark"] body.mds-ui .mds-brand--auto > .mds-brand__white,
html body.mds-ui .mds-brand--white > .mds-brand__white {
    display: block;
}

html body.mds-ui .mds-brand--header { width: 145px; }
html body.mds-ui .mds-brand--content { width: 210px; }
html body.mds-ui .mds-brand--dashboard { width: 230px; }
html body.mds-ui .mds-brand--compact { width: 110px; }

html body :is(.campaign-public-card__header, .campaign-public-preview-card__header) > .mds-brand {
    display: flex;
    margin: 0 auto 18px;
}

html body :is(.course-card__placeholder--brand, .course-showcase__placeholder, .course-hero__placeholder) .mds-brand {
    width: 230px;
    max-width: 80%;
}

@media print {
    html body.mds-ui .mds-brand > .mds-brand__white { display: none !important; }
    html body.mds-ui .mds-brand > .mds-brand__black { display: block !important; }
}