/* General styling */
.article ul {
    list-style-type: revert;
}
.article li {
    color: var(--color-gray-1);
}
.article :is(h1, h2) {
    text-align: left;
}
    /* Mobile and Tablet */
    @media screen and (max-aspect-ratio: 1080/1080) {
        .article {
            min-height: 100vh;
        }
        .article .wrapper {
            margin-top: var(--6_75rem);
        }
        .article.updates .wrapper {
            margin-top: var(--11_25rem);
        }
        .article li {
            font-size: var(--1_5rem);
        }
        .article li > *:not(:last-child) {
            margin-bottom: var(--1_5rem);
        }
    }
    /* Tablet */
    @media screen and (min-aspect-ratio: 742/1080) and (max-aspect-ratio: 1080/1080) {
        .article .wrapper {
            margin-top: var(--5_25rem);
        }
        .article.updates .wrapper {
            margin-top: var(--8_75rem);
        }
        .article li {
            font-size: var(--1_25rem);
        }
    }
    /* Tallview and Display 16:9 */
    @media screen and (min-aspect-ratio: 1080/1080) and (max-aspect-ratio: 2495/1080) {
        .article {
            min-height: calc(100vh - var(--3rem));
        }
        .article .wrapper {
            margin-top: var(--4_5rem);
        }
        .article.updates .wrapper {
            margin-top: var(--7_5rem);
        }
        .article li {
            font-size: var(--1_25rem);
        }
        .article li > *:not(:last-child) {
            margin-bottom: var(--1_5rem);
        }
    }
    /* Display 21:9 */
    @media screen and (min-aspect-ratio: 2495/1080) and (max-aspect-ratio: 3485/1080) {
        .article {
            min-height: calc(100vh - var(--2_25rem));
        }
        .article .wrapper {
            margin-top: var(--3_375rem);
        }
        .article.updates .wrapper {
            margin-top: var(--5_625rem);
        }
        .article li {
            font-size: var(--0_9375rem);
        }
        .article li > *:not(:last-child) {
            margin-bottom: var(--1_125rem);
        }
    }
    /* Display 32:9 */
    @media screen and (min-aspect-ratio: 3485/1080) {
        .article {
            min-height: calc(100vh - var(--1_5rem));
        }
        .article .wrapper {
            margin-top: var(--2_25rem);
        }
        .article.updates .wrapper {
            margin-top: var(--3_75rem);
        }
        .article li {
            font-size: var(--0_625rem);
        }
        .article li > *:not(:last-child) {
            margin-bottom: var(--0_75rem);
        }
    }
    /* Dark mode */
    @media (prefers-color-scheme: dark) {
        .article li {
            color: var(--color-gray-2);
        }
    }