/* Mobile stacking for pages with a scope list and sidebar sections.
   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;
      }
      .program-cta {
        display: flex;
        flex-direction: column;
        gap: 1em;
      }
      .program-cta .button {
        margin-right: 0 !important;
        margin-bottom: 0.5em;
      }
      .scope-list li {
        margin-bottom: 1.5em !important;
        padding: 1.2em !important;
      }
      .sidebar-section {
        margin-bottom: 2.5em !important;
      }
      .sidebar-section:last-child {
        margin-bottom: 0 !important;
      }
      /* Fix for buttons stuck together */
      div[style*="text-align: center"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1em !important;
      }
      div[style*="text-align: center"] .button {
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
      }
    }