@media (max-width:600px){

/* ==========================================================
   INTELLIGENCE + PROFILE
   REAL PHONE WIDTH = viewport minus 16px total
   ========================================================== */

body.page-intelligence main,
body.page-profile main{
    width:100% !important;
    max-width:none !important;

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

    overflow:visible !important;
    box-sizing:border-box !important;
}


/* ==========================================================
   INTELLIGENCE OUTER PAGE
   ========================================================== */

body.page-intelligence main > section,
body.page-intelligence .suite-page,
body.page-intelligence .suite-hub-page,
body.page-intelligence .intel-v8{

    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;

    margin-left:calc(50% - 50vw + 8px) !important;
    margin-right:0 !important;

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

    box-sizing:border-box !important;

    transform:none !important;
}


/* First level inside Intelligence */
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;

    box-sizing:border-box !important;
}


/* Second level — this is the narrow white box in screenshot */
body.page-intelligence .suite-page > * > *,
body.page-intelligence .suite-hub-page > * > *,
body.page-intelligence .intel-v8 > * > *{

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

    box-sizing:border-box !important;
}


/* Main Intelligence hero */
body.page-intelligence .intel-mobile-hero,
body.page-intelligence [class*="hero"]{

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

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

    padding-left:18px !important;
    padding-right:18px !important;

    box-sizing:border-box !important;
}


/* Prevent an inner hero wrapper becoming narrow again */
body.page-intelligence .intel-mobile-hero > div,
body.page-intelligence [class*="hero"] > 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;
}


/* Intelligence cards/modules */
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;
}


/* ==========================================================
   PROFILE
   ========================================================== */

body.page-profile main > section,
body.page-profile main > div{

    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    min-width:0 !important;

    margin-left:calc(50% - 50vw + 8px) !important;
    margin-right:0 !important;

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

    box-sizing:border-box !important;

    transform:none !important;
}


/* First-level Profile wrappers */
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;
}


/* The actual Profile cards */
body.page-profile main article,
body.page-profile main [class*="card"],
body.page-profile main [class*="panel"],
body.page-profile main [class*="workspace"],
body.page-profile main [class*="profile"]{

    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 the extra nested indentation visible in screenshot */
body.page-profile main [class*="card"] > div,
body.page-profile main [class*="panel"] > div,
body.page-profile main [class*="workspace"] > div{

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

    box-sizing:border-box !important;
}


/* ==========================================================
   TEXT SAFETY
   ========================================================== */

body.page-intelligence main h1,
body.page-intelligence main h2,
body.page-intelligence main h3,
body.page-intelligence main p,
body.page-profile main h1,
body.page-profile main h2,
body.page-profile main h3,
body.page-profile main p{

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

}