/* MY PAGE shell v2 — must load last; wins over audit-wave rail squares */
.my-page-shell .my-page-left .my-page-nav,
.my-page-shell .my-page-ad-rail {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.my-page-shell .my-page-right .my-page-side.my-page-side-active,
.my-page-shell .my-page-side.mnm-rounded-scroll-host {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.my-page-shell .my-page-center {
  box-shadow: none !important;
}

.my-page-shell .my-page-center::after,
.my-page-shell .my-page-layout::after {
  content: none !important;
  display: none !important;
}

/* Exactly two rail dividers. They sit on the fixed 228px side-column edges,
   away from the center scroll host, and are the only vertical rail strokes. */
.my-page-shell .my-page-layout {
  grid-template-columns: 228px minmax(0, 1fr) 228px !important;
}

.my-page-shell .my-page-left::after,
.my-page-shell .my-page-right::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(58, 166, 255, 0.08) 8%,
    rgba(58, 166, 255, 0.28) 32%,
    rgba(125, 252, 138, 0.18) 54%,
    rgba(58, 166, 255, 0.22) 78%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 2px rgba(58, 166, 255, 0.08) !important;
  pointer-events: none;
  z-index: 12;
}

.my-page-shell .my-page-left::after {
  right: 0;
}

.my-page-shell .my-page-right::before {
  left: 0;
}