/* Explain: Viewport centering and safe-area spacing utilities */
.card-viewport {
    display: grid;
    min-height: 100dvh;
    height: 100dvh;
    place-items: stretch center;
    padding: 0;
    overflow: hidden;
}

@supports (padding: max(0px)) {
    .utility-bar {
        padding-bottom: env(safe-area-inset-bottom);
    }
}