/* Mobile stacking for two-column program layouts.
   Moved out of duplicate <style> blocks; linked after main.css on the pages that had it. */
@media screen and (max-width: 768px) {
      .col-8.col-12-mobile { width: 100% !important; margin-bottom: 2em; }
      .col-4.col-12-mobile { width: 100% !important; }
      .row.gtr-200 { flex-direction: column; }
      div[style*="text-align: center"] { display: flex !important; flex-direction: column !important; gap: 1em !important; }
      div[style*="text-align: center"] .button { width: 100% !important; }
    }