/**
 * Visual order fallback for two-column mobile reordering.
 *
 * JS in mobile-order.js handles the actual DOM reorder for accessibility.
 * This CSS ensures the visual order is correct even if JS has not yet run
 * (e.g. during page paint before DOMContentLoaded).
 */
@media (max-width: 768px) {
  .ionis-section--mobile-second-on-top .ionis-grid__content > *:first-child {
    order: 2;
  }

  .ionis-section--mobile-second-on-top .ionis-grid__content > *:last-child {
    order: 1;
  }
}