@media (max-width:600px){

:root{
  --mobile-gap:16px;
  --mobile-bg:#f3f7fb;
  --mobile-card:#ffffff;
  --mobile-border:#dbe5ef;
  --mobile-text:#071d39;
  --mobile-muted:#587492;
}

/* BASE */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

body{
  margin:0 !important;
  background:var(--mobile-bg) !important;
}

body main{
  position:relative !important;
  display:block !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin:0 !important;

  padding-left:var(--mobile-gap) !important;
  padding-right:var(--mobile-gap) !important;

  box-sizing:border-box !important;

  left:auto !important;
  right:auto !important;

  transform:none !important;
  translate:none !important;

  overflow:visible !important;

  box-shadow:none !important;
  filter:none !important;
}

/* COMMON WRAPPERS */
body main > *,
body main section,
body main article,
body main .container,
body main [class*="container"],
body main [class*="wrapper"],
body main [class*="shell"],
body main [class*="wrap"]{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* DIRECT PAGE BLOCKS = SAME RED-BOX WIDTH */
body main > section,
body main > article,
body main > div{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin-left:0 !important;
  margin-right:0 !important;

  left:auto !important;
  right:auto !important;

  transform:none !important;
}

/* WHITE HERO/CARDS */
body main .hero,
body main [class*="hero"],
body main .card,
body main [class*="card"],
body main .panel,
body main [class*="panel"],
body main .tile,
body main [class*="tile"]{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin-left:0 !important;
  margin-right:0 !important;

  background:var(--mobile-card) !important;

  border:1px solid var(--mobile-border) !important;
  border-radius:18px !important;

  box-shadow:none !important;
  filter:none !important;

  box-sizing:border-box !important;
}

/* HERO SPACING */
body main .hero,
body main [class*="hero"]{
  margin-bottom:14px !important;
  padding:22px 18px !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  overflow:visible !important;
}

/* TYPOGRAPHY */
body main h1,
body main h2,
body main h3,
body main h4{
  color:var(--mobile-text) !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  writing-mode:horizontal-tb !important;
}

body main h1{
  font-size:29px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
}

body main h2{
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}

body main h3{
  font-size:17px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
}

body main p,
body main li,
body main label{
  color:var(--mobile-muted) !important;

  font-weight:400 !important;
  line-height:1.6 !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  writing-mode:horizontal-tb !important;
}

/* ALL GRIDS -> ONE COLUMN */
body main .grid,
body main [class*="grid"]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  gap:14px !important;
}

body main .grid > *,
body main [class*="grid"] > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  grid-column:1 !important;
}

/* FLEX ROWS -> STACK */
body main .row,
body main [class*="row"],
body main .columns,
body main [class*="columns"]{
  display:flex !important;
  flex-direction:column !important;

  width:100% !important;
  max-width:100% !important;

  gap:14px !important;
}

body main .row > *,
body main [class*="row"] > *,
body main .columns > *,
body main [class*="columns"] > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  flex:0 0 auto !important;
}

/* FORM ELEMENTS */
body main input,
body main select,
body main textarea{
  width:100% !important;
  max-width:100% !important;
}

/* MEDIA */
body main img,
body main svg,
body main iframe,
body main video,
body main canvas,
body main table{
  max-width:100% !important;
}

/* NO MOBILE SIDE SHADOWS */
body main,
body main section,
body main article,
body main div{
  box-shadow:none !important;
  filter:none !important;
}

/* TOOLS */
body.page-tools main > *,
body.page-features main > *,
body.page-resources main > *,
body.page-profile main > *,
body.page-intelligence main > *,
body.page-account main > *,
body.page-index main > *,
body.page-report main > *{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

/* FEATURES */
body.page-features main [class*="grid"]{
  grid-template-columns:1fr !important;
}

/* RESOURCES */
body.page-resources main [class*="grid"]{
  grid-template-columns:1fr !important;
}

/* PROFILE */
body.page-profile main article,
body.page-profile main [class*="card"],
body.page-profile main [class*="panel"]{
  width:100% !important;
  max-width:100% !important;

  margin-bottom:14px !important;

  padding:18px !important;

  background:#fff !important;

  border:1px solid var(--mobile-border) !important;
  border-radius:18px !important;
}

/* INTELLIGENCE */
body.page-intelligence .suite-page,
body.page-intelligence .suite-hub-page,
body.page-intelligence .intel-v8{
  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;
}

/* Intelligence coverage */
body.page-intelligence .intel-fixed-coverage,
body.page-intelligence .intel-mobile-coverage{
  position:static !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:12px 0 !important;
  padding:18px !important;

  inset:auto !important;

  transform:none !important;
  translate:none !important;

  overflow:visible !important;

  box-shadow:none !important;
}

/* Intelligence 3 cards */
body.page-intelligence .intel-fixed-three,
body.page-intelligence .intel-mobile-principles{
  display:flex !important;
  flex-direction:column !important;

  width:100% !important;
  max-width:100% !important;

  gap:12px !important;
}

body.page-intelligence .intel-fixed-principle,
body.page-intelligence .intel-mobile-principle-card{
  display:block !important;

  position:static !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  height:auto !important;
  min-height:0 !important;

  flex:none !important;

  margin:0 !important;
  padding:18px !important;

  background:#fff !important;

  border:1px solid var(--mobile-border) !important;
  border-radius:18px !important;

  transform:none !important;

  overflow:visible !important;
}

body.page-intelligence .intel-fixed-principle *,
body.page-intelligence .intel-mobile-principle-card *{
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  writing-mode:horizontal-tb !important;
}

/* REMOVE FIXED WIDTH INLINE MOBILE ELEMENTS */
body main [style*="min-width"],
body main [style*="max-width"]{
  min-width:0 !important;
  max-width:100% !important;
}

}


/* =========================================================
   FINAL MOBILE WIDTH FIX
   Intelligence + Profile only
   ========================================================= */

@media (max-width:600px){

  /* INTELLIGENCE PAGE */
  body.page-intelligence main{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.page-intelligence main > *,
  body.page-intelligence .suite-page,
  body.page-intelligence .suite-hub-page,
  body.page-intelligence .intel-v8{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;

    box-sizing:border-box !important;
  }

  body.page-intelligence .intel-mobile-hero,
  body.page-intelligence [class*="hero"],
  body.page-intelligence .intel-mobile-module,
  body.page-intelligence .intel-fixed-principle,
  body.page-intelligence .intel-mobile-principle-card,
  body.page-intelligence .intel-fixed-coverage,
  body.page-intelligence .intel-mobile-coverage{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    box-sizing:border-box !important;
  }

  /* Remove unnecessary inner narrowing */
  body.page-intelligence .intel-mobile-hero > *,
  body.page-intelligence .intel-mobile-module > *{
    max-width:100% !important;
  }


  /* PROFILE PAGE */
  body.page-profile main{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.page-profile main > *,
  body.page-profile main > section,
  body.page-profile main > div{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    box-sizing:border-box !important;
  }

  body.page-profile main article,
  body.page-profile main [class*="card"],
  body.page-profile main [class*="panel"],
  body.page-profile main [class*="profile"],
  body.page-profile main [class*="workspace"]{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin-left:0 !important;
    margin-right:0 !important;

    box-sizing:border-box !important;
  }

}