:root {
    --content-max-width: 1200px;
    --content-padding-x: clamp(0.75rem, 3vw, 1.5rem);
}

.container {
    width: 100%;
    max-width: var(--content-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: max(var(--content-padding-x), env(safe-area-inset-left, 0px));
    padding-right: max(var(--content-padding-x), env(safe-area-inset-right, 0px));
}

img, video {
    max-width: 100%;
    height: auto;
}

/* Client main uses .container; beat legacy narrow .client-main max-width rules */
.client-main.container {
    width: 100%;
    max-width: var(--content-max-width);
    margin-left: auto;
    margin-right: auto;
}