@layer components {
@media (max-width: 640px) {
.flex-10 { gap: 24px 24px; }
.flex-21 { gap: 32px 28px; }
.flex-26 { gap: 32px 36px; }
.flex-30 { gap: 20px 28px; }
.flex-32 { gap: 24px 36px; }
.flex-9 { gap: 24px 36px; }
.flex-bg-paper-round-4 { gap: 24px 24px; }
.flex-bg-red-round-3 { gap: 24px; }
.flex-bg-rose-round-3 { gap: 24px 24px; }
.flex-bg-white-round-5 { gap: 24px 24px; }
.flex-col-w1000 { padding: 36px 24px 24px; }
.flex-col-w1000-2 { padding: 32px 24px; }
.flex-col-w1000-3 { padding: 32px 24px; }
.flex-col-w1200 { padding: 32px 24px 36px; }
.flex-col-w1200-10 { padding: 48px 24px; }
.flex-col-w1200-11 { padding: 48px 24px; }
.flex-col-w1200-12 { padding: 48px 24px 24px; }
.flex-col-w1200-13 { padding: 24px 24px 56px; }
.flex-col-w1200-14 { padding: 40px 24px; gap: 28px; }
.flex-col-w1200-15 { padding: 24px 24px 36px; }
.flex-col-w1200-16 { padding: 0 24px 56px; }
.flex-col-w1200-17 { padding: 28px 24px 36px; }
.flex-col-w1200-2 { padding: 48px 24px 56px; }
.flex-col-w1200-3 { padding: 0 24px 48px; }
.flex-col-w1200-4 { padding: 48px 24px; }
.flex-col-w1200-5 { padding: 0 24px 48px; gap: 24px; }
.flex-col-w1200-6 { padding: 52px 24px; gap: 24px; }
.flex-col-w1200-7 { padding: 32px 24px 24px; }
.flex-col-w1200-8 { padding: 56px 24px 40px; gap: 24px; }
.flex-col-w1200-9 { padding: 40px 24px; gap: 28px; }
.flex-col-w760 { padding: 56px 24px; }
.flex-col-w860-2 { padding: 36px 24px 28px; }
.flex-col-w860-3 { padding: 28px 24px 56px; gap: 24px; }
.flex-w1200 { padding: 36px 24px 32px; gap: 28px; }
.flex-w1200-2 { padding: 40px 24px 36px; gap: 28px; }
.flex-w1200-3 { padding: 0 24px 48px; gap: 32px 36px; }
.flex-w1200-4 { padding: 36px 24px; gap: 28px; }
.flex-w1200-5 { padding: 40px 24px; gap: 32px; }
.flex-w1200-6 { padding: 36px 24px 36px; gap: 28px; }
.flex-white-bg-red-round { gap: 24px 24px; }
.flex-white-bg-red-round-2 { gap: 20px 24px; }
.flex-white-bg-red-round-3 { gap: 28px 24px; }
.flex-white-bg-red-round-5 { padding: 24px 40px; }
.flex-white-bg-red-round-7 { gap: 24px 24px; }
.footer-columns { gap: 24px; }
.grid-m0-3 { column-gap: 28px; }
.section-inner { padding: 48px 24px; }
.site-footer-inner { padding: 36px 24px 32px; gap: 24px; }
.w1000 { padding: 8px 24px 56px; }
.w1200 { padding: 48px 24px 56px; }
.w1200-2 { padding: 28px 24px; }
.w1200-3 { padding: 0 24px 56px; }
.w1200-4 { padding: 28px 24px 56px; }
.w1200-5 { padding: 24px 24px 56px; }
/* News list and articles – written for the new design, using its tokens and spacing. */ @layer components { padding: 36px 24px 24px; padding: 28px 24px 48px; }
}
}