@media (max-width: 760px) {
  :root { --nw-mobile-inner: 16px; }

  html, body, .nw-shell {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  *, *::before, *::after { box-sizing: border-box; }
  img, svg, video, canvas, iframe { max-width: 100%; }

  /* Keep the site chrome readable; the content surfaces below go edge-to-edge. */
  .nw-topbar > .nw-container,
  .nw-min-footer > .nw-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--nw-mobile-inner) !important;
    padding-right: var(--nw-mobile-inner) !important;
  }

  /* Main public-page shells: remove competing 12–16px outer gutters. */
  .nw-page-main > .nw-container,.nw-about-page > .nw-container,.nw-speed-family-page > .nw-container,.nw-legal-main > .nw-container{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Homepage hero has no outer bordered card, so preserve safe text breathing room. */
  .nw-hero > .nw-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--nw-mobile-inner) !important;
    padding-right: var(--nw-mobile-inner) !important;
  }

  /* The visible outer surfaces now share the same mobile footprint. */
  .nw-page-card,.nw-about-card,.nw-speed-card,.nw-family-test-card,.nw-router-helper,.nw-legal-hero,.nw-legal-content{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Unbordered intro copy still needs the same 16px safe inset. */
  .nw-family-hero,.nw-speed-page-head{
    padding-left: var(--nw-mobile-inner) !important;
    padding-right: var(--nw-mobile-inner) !important;
  }

  /* Article grid and individual article shells inherit the full mobile width. */
  

  /* Creator Tools uses its own container system, so normalize it explicitly. */
  .ct-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ct-hero,
  .ct-card,
  .ct-use-guide {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Prevent media, tables, forms or long strings from reintroducing side overflow. */
  .nw-page-card,.nw-family-test-card,.nw-family-content article,.nw-family-branch-card,.ct-card,.ct-hero{
    min-width: 0;
    overflow-wrap: anywhere;
  }
  input, select, textarea, button { max-width: 100%; }
  .nw-legal-content table{ max-width: 100%; }
}

@supports not (overflow: clip) {
  @media (max-width: 760px) {
    html, body, .nw-shell { overflow-x: hidden; }
  }
}


/* === V1.51 X RPM family: inherit the same mobile geometry as NextWatch public pages === */
@media (max-width: 760px) {
  .xrpm-main > .xrpm-container,
  .xg-main > .nw-container.xg-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .xrpm-panel,
  .xrpm-guide-strip > a,
  .xrpm-seo-card,
  .xg-hero,
  .xg-article,
  .xg-side,
  .x-rpm-resource-cluster {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .xrpm-hero,
  .xg-breadcrumbs {
    padding-left: var(--nw-mobile-inner) !important;
    padding-right: var(--nw-mobile-inner) !important;
  }
  .xrpm-dashboard,
  .xrpm-guide-strip,
  .xrpm-seo-grid,
  .xg-layout {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* === V1.52 homepage X RPM spotlight: global mobile geometry === */
@media (max-width:760px){
  .nw-xrpm-spotlight{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;overflow-x:clip}
  .nw-xrpm-spotlight > .nw-container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  .nw-xrpm-panel{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;min-width:0!important;border-radius:23px!important;padding:22px 17px!important;overflow-wrap:anywhere}
  .nw-xrpm-copy,.nw-xrpm-preview{min-width:0!important;width:100%!important;max-width:100%!important}
  .nw-xrpm-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .nw-xrpm-actions .nw-button{width:100%!important;max-width:100%!important}
  .nw-xrpm-preview{padding:18px 16px!important;border-radius:20px!important}
}