/* ds-markup.css — Global reset for HTML content injected via MarkupString.
 * Blazor CSS isolation adds [b-xxx] to component elements but NOT to
 * inner HTML from MarkupString, so scoped rules can't target them.
 * Apply .ds-markup class to any container rendering MarkupString content.
 */

.ds-markup p,
.ds-markup h1,
.ds-markup h2,
.ds-markup h3,
.ds-markup h4,
.ds-markup h5,
.ds-markup h6 {
    margin: 0;
}

.ds-markup a {
    color: var(--ds-color-link);
}

.ds-markup a:hover {
    color: var(--ds-color-link-hover);
}

.ds-markup ul,
.ds-markup ol {
    margin: 0;
    padding-left: var(--ds-spacing-xl);
}

.ds-markup strong {
    font-weight: var(--ds-font-weight-bold);
}

/* Template-authored images must not overflow their column */
.ds-markup img {
    max-width: 100%;
    height: auto;
}