/*
 * Shared mobile content shell.
 * Reuses the safe page-width pattern from /all-members and the 1rem
 * content offset already used in the mobile frontend stack.
 */
@media (max-width: 767px) {
  body .layout--with-two-columns,
  body .layout--with-one-sidebar,
  body .layout--with-two-sidebars,
  body .layout--with-complementary,
  body .row.container.layout--with-complementary {
    display: block !important;
  }

  body .region--content,
  body .layout__region--content {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .region--content,
  body .layout__region--content,
  body .region--content-bottom,
  body .layout__region--content-bottom,
  body .region--sidebar-first,
  body .layout__region--sidebar-first,
  body .region--sidebar-second,
  body .layout__region--sidebar-second {
    margin-top: 1rem !important;
  }

  body .layout--with-complementary,
  body .row.container.layout--with-complementary,
  body #block-cyberdom-content,
  body #block-cyberdom-content > .container,
  body #block-cyberdom-content > .content,
  body .layout-content,
  body main[role="main"],
  body .cd-resident-info,
  body .cd-resident-info__hero-inner.container,
  body .cd-resident-info__layout.container {
    width: 100% !important;
    max-width: none !important;
  }

  body #block-cyberdom-content,
  body #block-cyberdom-content > .container,
  body #block-cyberdom-content > .content,
  body .layout-content,
  body main[role="main"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}