
@layer components {

    .policy {
        display: grid;
        grid-template-columns: 260px minmax(0, var(--w-read));
        justify-content: center;
        gap: var(--s-6) clamp(40px, 7vw, 120px);
        align-items: start;
        max-width: var(--w-page);
        margin-inline: auto;
        padding: var(--s-8) var(--gutter) 0;
    }

    .policy__body .prose__h {
        font-size: var(--t-lg);
    }

    @media (max-width: 899px) {
        .policy {
            grid-template-columns: minmax(0, 1fr);
            padding-top: var(--s-6);
        }
    }

}
