.eaas-ui {
    color: var(--eaas-ui-text);
    background: var(--eaas-ui-surface);
    font-family: var(--eaas-ui-font-body);
    font-size: var(--eaas-ui-text-base);
    line-height: 1.7;
    text-align: left;
}
.eaas-ui,
.eaas-ui *,
.eaas-ui *::before,
.eaas-ui *::after {
    box-sizing: border-box;
}
.eaas-ui .eaas-ui-container {
    width: min(var(--eaas-ui-container), calc(100% - 5rem));
    margin-inline: auto;
}
.eaas-ui .eaas-ui-section {
    position: relative;
    margin: 0;
    padding-block: var(--eaas-ui-space-8);
    background: var(--eaas-ui-surface);
    color: var(--eaas-ui-text);
    scroll-margin-top: 8rem;
}
.eaas-ui .eaas-ui-section--soft {
    background: var(--eaas-ui-surface-soft);
}
.eaas-ui .eaas-ui-section--warm {
    background: var(--eaas-ui-surface-warm);
}
.eaas-ui .eaas-ui-section--brand {
    background: var(--eaas-ui-brand);
    color: var(--eaas-ui-on-dark);
}
.eaas-ui .eaas-ui-section--dark {
    background: var(--eaas-ui-brand-dark);
    color: var(--eaas-ui-on-dark);
}
.eaas-ui .eaas-ui-grid {
    display: grid;
    align-items: start;
    gap: var(--eaas-ui-space-6);
}
.eaas-ui .eaas-ui-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.eaas-ui .eaas-ui-stack > * {
    margin-block: 0;
}
.eaas-ui .eaas-ui-stack > * + * {
    margin-top: var(--eaas-ui-space-4);
}
.eaas-ui .eaas-ui-reading {
    max-width: var(--eaas-ui-reading);
}
@media (max-width: 64rem) {
    .eaas-ui .eaas-ui-container {
        width: min(var(--eaas-ui-container), calc(100% - 3rem));
    }
    .eaas-ui .eaas-ui-section {
        padding-block: var(--eaas-ui-space-7);
    }
}
@media (max-width: 48rem) {
    .eaas-ui .eaas-ui-container {
        width: min(var(--eaas-ui-container), calc(100% - 2.5rem));
    }
    .eaas-ui .eaas-ui-section {
        padding-block: var(--eaas-ui-space-6);
        scroll-margin-top: 6rem;
    }
    .eaas-ui .eaas-ui-grid--2 {
        grid-template-columns: 1fr;
    }
}