/* Shared coordinates only. Design and responsive rules belong to each template. */
html:has([data-template-layout="crop-1920"]),
body:has([data-template-layout="crop-1920"]) {
    overflow-x: clip;
}

[data-template-layout="crop-1920"] {
    /* Fit the whole centered design, including stickers near either edge. */
    --template-layout-unit: min(1px, calc(100vw / 1920));
    --template-mobile-unit: calc(100vw / 390);
}

[data-template-layout="crop-1920"] > .template-stickers {
    left: calc(50% - 960 * var(--template-layout-unit));
    right: auto;
    width: calc(1920 * var(--template-layout-unit));
    overflow: visible;
    /* Clip decoration, not template links, drawers or focus targets.
       Negative insets allow photo-reference markers beyond 1920px. */
    clip-path: inset(0 calc(960 * var(--template-layout-unit) - 50vw));
}