/* ============================================
   BREAKPOINT MIXINS
   ============================================

   Matches the Tailwind screen config from Josh's
   previous build system. All 12 breakpoints available.

   Usage:
     .component {
       padding: 2rem;

       @mixin sm {
         padding: 1.5rem;
       }

       @mixin xs {
         padding: 1rem;
       }
     }

   Compiles to:
     .component { padding: 2rem; }
     @media (max-width: 991px) { .component { padding: 1.5rem; } }
     @media (max-width: 767px) { .component { padding: 1rem; } }

   ============================================ */

/* --- Max-width (mobile-first overrides) --- */

/* --- Min-width (desktop-first overrides) --- */

/* --- Range (min + max) --- */

/* ============================================
   APPLICATION PAGE STYLES
   ============================================ */

.section_application {
  background-color: var(--color-white);
}

.application_wrapper {
  max-width: 48rem;
  margin: 0 auto;
}

/* JotForm jsform embed auto-sizes; constrain width only */

.application_wrapper iframe {
    width: 100% !important;
    border: none;
  }