.cms-mud-paper-block.variant-primary,
.cms-mud-expansion-panel.variant-primary {
    border-color: color-mix(in srgb, var(--blue), transparent 35%);
    background: color-mix(in srgb, var(--blue), var(--site-canvas) 90%);
}

.cms-mud-paper-block.variant-secondary,
.cms-mud-expansion-panel.variant-secondary {
    border-color: var(--line-strong);
    background: var(--surface-alt);
}

.cms-mud-paper-block.variant-info,
.cms-mud-expansion-panel.variant-info {
    border-color: color-mix(in srgb, var(--blue), transparent 35%);
    background: var(--info-surface);
    color: var(--info-ink);
}

.cms-mud-paper-block.variant-success,
.cms-mud-expansion-panel.variant-success {
    border-color: color-mix(in srgb, var(--success-ink), transparent 35%);
    background: var(--success-surface);
    color: var(--success-ink);
}

.cms-mud-paper-block.variant-warning,
.cms-mud-expansion-panel.variant-warning {
    border-color: color-mix(in srgb, var(--warning-ink), transparent 35%);
    background: var(--warning-surface);
    color: var(--warning-ink);
}

.cms-mud-expansion-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
    width: min(var(--site-page-width), calc(100vw - (var(--site-edge-gap) * 2)));
    margin: 1.25rem auto;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--site-canvas);
    color: var(--site-text-color);
    box-sizing: border-box;
}

.cms-mud-expansion-panel:not([open]) {
    grid-template-rows: auto;
    min-height: auto !important;
}

.cms-mud-expansion-panel[style*="max-width:100%"],
.cms-mud-expansion-panel[style*="max-width: 100%"] {
    width: 100% !important;
}

.cms-mud-expansion-panel summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(0.9rem, 2vw, 1.1rem) clamp(1rem, 2.5vw, 1.35rem);
    cursor: pointer;
    font-weight: 900;
    list-style: none;
}

.cms-mud-expansion-panel summary::-webkit-details-marker {
    display: none;
}

.cms-mud-expansion-panel[open] summary {
    border-bottom: 1px solid var(--line);
}

.cms-mud-expansion-panel summary .mud-icon-root {
    transition: transform 160ms ease;
}

.cms-mud-expansion-panel[open] summary .mud-icon-root {
    transform: rotate(180deg);
}

.cms-mud-expansion-content {
    display: grid;
    align-content: start;
    gap: inherit;
    width: 100%;
    min-height: 0;
    padding: clamp(1rem, 2.5vw, 1.35rem);
}

.cms-mud-expansion-content > .site-block {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
}

.cms-mud-expansion-content > :is(.cms-layout-columns, .cms-layout-stack),
.cms-mud-expansion-content > .site-block > :is(.cms-layout-columns, .cms-layout-stack),
.cms-mud-expansion-content .cms-layout-grid-item,
.cms-mud-expansion-content .cms-layout-grid-item > .site-block,
.cms-mud-expansion-content .cms-layout-column,
.cms-mud-expansion-content .cms-layout-column > .site-block,
.cms-mud-expansion-content .cms-site-check-list {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.cms-mud-expansion-content > :is(.cms-layout-columns, .cms-layout-stack),
.cms-mud-expansion-content > .site-block > :is(.cms-layout-columns, .cms-layout-stack) {
    padding-inline: 0 !important;
}

.cms-mud-expansion-content .cms-site-check-list li {
    font-size: var(--site-copy-font-size);
}

.cms-mud-paper-block {
    display: grid;
    gap: inherit;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--site-canvas);
    padding: clamp(1rem, 2.5vw, 1.5rem);
    color: var(--site-text-color);
    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.06);
}

.cms-layout-stack {
    display: flex;
    flex-direction: column;
    gap: inherit;
    width: min(var(--site-page-width), calc(100vw - (var(--site-edge-gap) * 2)));
    margin: 1.25rem auto;
    min-width: 0;
}

.cms-layout-stack.layout-horizontal {
    flex-flow: row wrap;
    align-items: stretch;
}

.cms-layout-stack > .site-block {
    min-width: min(18rem, 100%);
}

.cms-layout-stack.layout-vertical > .site-block {
    min-width: 0;
}

.cms-mud-divider {
    width: min(var(--site-page-width), calc(100vw - (var(--site-edge-gap) * 2)));
    height: 0;
    margin: 0 auto;
    border: 0;
    border-top: 1px solid var(--cms-block-border, var(--line-strong));
}

:root[data-site-theme="light"] .cms-mud-divider {
    border-top-color: var(--cms-block-light-border, var(--cms-block-border, var(--line-strong)));
}

:root[data-site-theme="dark"] .cms-mud-divider {
    border-top-color: var(--cms-block-dark-border, var(--cms-block-border, var(--line-strong)));
}

.cms-mud-tab-panel .cms-mud-divider,
.cms-mud-paper-block .cms-mud-divider,
.cms-mud-expansion-content .cms-mud-divider,
.public-card-block .cms-mud-divider,
.public-section .cms-mud-divider,
.cms-layout-stack .cms-mud-divider,
.cms-layout-column .cms-mud-divider {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
}

.cms-mud-divider[style*="max-width:100%"],
.cms-mud-divider[style*="max-width: 100%"] {
    width: 100%;
    max-width: none !important;
    margin-inline: 0;
}
