.content {
    max-width: 80ch;
    margin: 0 auto;
    padding-block: 2em;
    text-align: justify;

    --color-bg: var(--md-sys-color-background);
    --color-text: var(--md-sys-color-on-background);
}

.primary {
    --color-bg: var(--md-sys-color-primary-container);
    --color-text: var(--md-sys-color-on-primary-container);
}

.secondary {
    --color-bg: var(--md-sys-color-secondary-container);
    --color-text: var(--md-sys-color-on-secondary-container);
}

.tertiary {
    --color-bg: var(--md-sys-color-tertiary-container);
    --color-text: var(--md-sys-color-on-tertiary-container);
}

.primary,
.secondary,
.tertiary {
    background-color: var(--color-bg);
    box-shadow: 0 0 0 100vmax var(--color-bg);
    clip-path: inset(0 -100vmax);
    color: var(--color-text);
}