@layer page {
    :root {
        --card-base: color-mix(in lab, var(--news-base), #fff 25%);
        --zone-color: color-mix(in lab, var(--news-base), #000 75%);
    }

    body {
        background: color-mix(in lab, var(--news-base), #fff 90%);
    }

    main {
        max-width: calc(46rem + 2rem * 2);
        justify-self: center;
        padding: 3rem 2rem 2rem;

        margin-top: 3rem;
        margin-bottom: 6rem;

        @media screen and (max-width: 1024px) {
            box-shadow: none;
            border: none;
            border-radius: 0;
            max-width: none;

            margin: 0 auto;
        }
    }
}
