/*
 * The rounded card surface used by legal pages (templates/front/legal/) inside
 * their own .subpage-shell — everything outside the quiz flow, which has its
 * own layout.
 */

.page-content__card {
    background: var(--color-surface);
    border-radius: 28px;
    box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    padding: 30px 26px;
}

@media (min-width: 1024px) {
    .page-content__card {
        border-radius: 32px;
        padding: 44px 48px;
    }
}