/* Fallback: apply offset at >=768px regardless of rem-based Tailwind breakpoints */
@media (min-width: 768px) {
  .md\:translate-y-12 {
    --tw-translate-y: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .md\:pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
}