/* The whole framed card moves; the native navigation row sits below the stage. */
.postcard-stack{display:flow-root;width:63.5%;min-width:0;--postcard-gutter:32px;--postcard-depth:0 16px 24px #0004}
/* Real clipping gutters preserve resting frames/shadows without producing scroll overflow. */
.postcard-stack .postcard-stage{position:relative;isolation:isolate;overflow:hidden;padding:24px var(--postcard-gutter) 40px;margin:-24px calc(-1 * var(--postcard-gutter)) -40px}
.postcard-stack .postcard{position:relative;width:100%;margin:0;transform-origin:50% 60%}
.postcard-stack .postcard-departing{position:absolute;inset:24px var(--postcard-gutter) 40px;max-width:calc(100% - 2 * var(--postcard-gutter));z-index:2;pointer-events:none;box-shadow:var(--postcard-depth)}
.postcard-stack>.postcard-controls{position:relative;z-index:3;margin-top:30px;border-top:0;padding:12px 6px}
html[data-appearance="elegant"] .postcard-stack .postcard{width:100%;margin:0}
html[data-appearance="elegant"] .postcard-stack>.postcard-controls{margin-top:16px;padding:12px 10px}
@media(max-width:950px){html[data-appearance="elegant"] .postcard-stack{width:100%;margin-top:25px}}
@media(max-width:700px){.postcard-stack{--postcard-gutter:24px;width:calc(100% - 6px);margin-top:27px}.postcard-stack .postcard-caption{display:grid;gap:4px}.postcard-stack>.postcard-controls{font-size:11px;padding:9px 3px}html[data-appearance="elegant"] .postcard-stack{--postcard-gutter:16px;width:100%;margin-top:25px}html[data-appearance="elegant"] .postcard-stack>.postcard-controls{font-size:10px;padding:12px 3px}}
@media(prefers-reduced-motion:reduce){.postcard-stack .postcard-departing{display:none}}