/* Compact section spacing on phones and tablets. */
@media (max-width: 1024px) {
  main section.py-12 { padding-block: 0.75rem; }
  main section.py-16 { padding-block: 1rem; }
  main section.py-20 { padding-block: 1.25rem; }
  main section.py-24 { padding-block: 1.5rem; }
  main section.pt-12 { padding-top: 0.75rem; }
  main section.pt-16 { padding-top: 1rem; }
  main section.pb-12 { padding-bottom: 0.75rem; }
  main section.pb-16 { padding-bottom: 1rem; }
  main section.pb-20 { padding-bottom: 1.25rem; }
  main section.pb-24 { padding-bottom: 1.5rem; }
  main section.mb-8 { margin-bottom: 0.5rem; }
  main section.gap-12 { gap: 0.75rem; }
  main section.gap-14 { gap: 0.875rem; }
  main section.space-y-16 > :not(:last-child) {
    margin-block-start: calc(1rem * var(--tw-space-y-reverse));
    margin-block-end: calc(1rem * (1 - var(--tw-space-y-reverse)));
  }
  footer.mt-32 { margin-top: 2rem; }
}