/* =========================================================
   NOVA ANALYTICS — RESPONSIVE SYSTEM

   This file defines site-wide responsive behaviour and
   documents the canonical breakpoint system.

   RESPONSIVE METHODOLOGY
   ---------------------------------------------------------

   Canonical breakpoints:

   Desktop
   > 1024px

   Tablet
   <= 1024px

   Mobile
   <= 768px

   Small mobile
   <= 480px


   RULES
   ---------------------------------------------------------

   1. These are the standard breakpoints used across the site.

   2. Global responsive behaviour belongs in this file.

   3. Component-specific responsive behaviour stays inside
      the component's own CSS file.

   4. Section-specific responsive behaviour stays inside
      the section's own CSS file.

   5. Non-standard breakpoints are allowed only when a
      component genuinely requires one.

   6. Do not duplicate a global responsive rule inside
      individual sections.

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


/* =========================================================
   TABLET
   <= 1024px
   ========================================================= */

@media (max-width: 1024px) {

}


/* =========================================================
   MOBILE
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

    main {
        padding-left: 16px;
        padding-right: 16px;
    }

}


/* =========================================================
   SMALL MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

}