/*
 * ShiftControl Blueprint Kit structural CSS.
 * Owner: ShiftControl Blueprint Kit.
 * Scope: shell geometry, regions, slots, responsive collapse, and adapter/dependency state markers.
 * Prohibited: branding, module internals, runtime behavior, data state.
 */
:root {
  --sc-blueprint-max-width: 1440px;
  --sc-blueprint-gutter: clamp(16px, 2vw, 28px);
  --sc-blueprint-region-gap: clamp(14px, 1.8vw, 22px);
  --sc-shell-left-rail-width: 260px;
  --sc-shell-right-rail-width: 300px;
  --sc-shell-adminbar-height: 0px;
  --sc-shell-topbar-clearance-height: 88px;
  --sc-shell-topbar-offset: 88px;
  --sc-blueprint-left-rail: var(--sc-shell-left-rail-width);
  --sc-blueprint-right-rail: var(--sc-shell-right-rail-width);
  --sc-blueprint-filter-rail: 280px;
  --sc-blueprint-compact-rail: 260px;
  --sc-blueprint-shell-topbar-height: 72px;
  --sc-blueprint-shell-column-start-gap: 16px;
  --sc-blueprint-rail-bottom-inset: 16px;
  --sc-blueprint-shell-column-sticky-top: calc(var(--sc-shell-adminbar-height, 0px) + var(--sc-blueprint-shell-topbar-height) + var(--sc-blueprint-shell-column-start-gap));
  --sc-blueprint-sticky-offset: var(--sc-blueprint-shell-column-sticky-top);
  --sc-blueprint-slot-gap: 14px;
  --sc-blueprint-authenticated-left-rail: max(196px, 13.93vw);
  --sc-blueprint-authenticated-gap: max(14px, 1.11vw);
  --sc-blueprint-authenticated-gutter: max(10px, .72vw);
  --sc-blueprint-communication-left-rail: var(--sc-blueprint-authenticated-left-rail);
  --sc-blueprint-communication-gap: var(--sc-blueprint-authenticated-gap);
  --sc-blueprint-communication-gutter: var(--sc-blueprint-authenticated-gutter);
  --sc-blueprint-communication-height: calc(100dvh - var(--sc-shell-adminbar-height, 0px) - var(--sc-shell-topbar-clearance-height, 88px) - 32px);
  --sc-blueprint-pages-left-rail: 264px;
  --sc-blueprint-pages-gap: 16px;
  --sc-blueprint-pages-gutter: 16px;
  --sc-blueprint-pages-height: calc(100dvh - var(--sc-shell-adminbar-height, 0px) - var(--sc-shell-topbar-clearance-height, 88px) - 32px);
}

.sc-blueprint {
  box-sizing: border-box;
  width: min(100%, var(--sc-blueprint-max-width));
  margin-inline: auto;
  padding-inline: var(--sc-blueprint-gutter);
  display: grid;
  gap: var(--sc-blueprint-region-gap);
  align-items: start;
}

.sc-blueprint *,
.sc-blueprint *::before,
.sc-blueprint *::after { box-sizing: border-box; }

.sc-blueprint-region {
  min-width: 0;
  display: grid;
  gap: var(--sc-blueprint-slot-gap);
}

.sc-blueprint-region-kind--rail {
  align-self: start;
  position: sticky;
  top: var(--sc-blueprint-sticky-offset);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
}

.sc-blueprint-slot { min-width: 0; }

/* Pass503: canonical topbar shell geometry.
 * The surface adapter exposes neutral regions; Blueprint Kit alone owns shell
 * sizing, grid placement, responsive reflow, and page-level region visibility.
 */
[data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] {
  position: sticky !important;
  top: var(--sc-shell-adminbar-height, 0px) !important;
  z-index: 99990 !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

[data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
  display: grid !important;
  grid-template-columns: var(--sc-blueprint-header-brand-track, minmax(96px, 128px)) minmax(180px, 286px) minmax(0, 1fr) max-content max-content max-content !important;
  align-items: center !important;
  gap: 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  margin: 0 !important;
  padding: 7px 32px !important;
  overflow: visible !important;
}

/* Canonical spacing rhythm closure.
 * Blueprint Kit owns spacing between independently rendered modules. */
.sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] {
  --sc-blueprint-module-gap:16px;
  --sc-blueprint-rail-module-gap:16px;
}
.sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] [data-sc-blueprint-slot="shell.left_rail.stack"] {
  display:grid;
  align-content:start;
  gap:var(--sc-blueprint-rail-module-gap);
}
.sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] [data-sc-blueprint-slot="shell.left_rail.stack"] > * {
  min-width:0;
  margin:0!important;
}
.sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] [data-sc-blueprint-slot="shell.left_rail.stack"] > .scmk-rendered-slot {
  display:grid;
  align-content:start;
  gap:var(--sc-blueprint-rail-module-gap);
}
.sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] [data-sc-blueprint-slot="shell.left_rail.stack"] > .scmk-rendered-slot > * {
  min-width:0;
  margin:0!important;
}

@media (max-width:760px) {
  .sc-blueprint[data-sc-blueprint-module-baseline="canonical-neutral-v1"] {
    --sc-blueprint-module-gap:12px;
    --sc-blueprint-rail-module-gap:12px;
  }
}

/* Pass469: Footer Card placement is a normal terminal slot inside the selected
 * support region. There is no full-width terminal region and no page-height
 * behavior. A fallback support region is intrinsic and compact. */
.sc-blueprint > .sc-blueprint-region--support {
  box-sizing:border-box;
  position:static;
  inset:auto;
  width:100%;
  min-width:0;
  height:auto;
  min-height:0;
  margin:0;
  align-self:start;
  overflow:visible;
}

/* Theme-independent shell containment. These are geometry and interaction
 * guards only; themes remain free to paint every canonical shell component. */
[data-sc-blueprint-shell-topbar="v1"] .vibes-compact-navigation-trigger { display:none; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-logo { min-width:0;max-width:190px;display:flex;align-items:center;overflow:hidden; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-logo :where(img,svg) { display:block;width:auto;max-width:100%;max-height:48px; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="search"] { min-width:0;display:flex;align-items:center; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="search"] > input { min-width:0;flex:1 1 auto; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="primary-navigation"] { min-width:0;display:flex;align-items:center;gap:.5rem;overflow:hidden; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="primary-navigation"] > a { min-height:2.5rem;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="account"] { min-width:0;display:flex;align-items:center;gap:.5rem; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-account-menu { min-width:0; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-account-menu > summary { min-width:0;display:flex;align-items:center;gap:.5rem;cursor:pointer; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-account-avatar { width:2.5rem;height:2.5rem;flex:0 0 2.5rem;display:grid;place-items:center;overflow:hidden;border-radius:50%; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-account-avatar :where(img,svg) { display:block;width:100%;height:100%;object-fit:cover; }
[data-sc-blueprint-shell-topbar="v1"] .vibes-switch { min-width:2.5rem;min-height:2.5rem; }
[data-sc-blueprint-shell-topbar="v1"] [data-sc-blueprint-shell-region-role="create-action"] { min-height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap; }

/* The selected site identity is wider than the historical Vibes mark/word.
 * Blueprint Kit owns the track; Vibes owns the identity rendered within it. */
[data-sc-blueprint-shell-topbar="v1"][data-sc-shell-brand-source="site"] {
  --sc-blueprint-header-brand-track: minmax(180px, 190px);
}

@media (max-width: 1460px) {
  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns: var(--sc-blueprint-header-brand-track, minmax(96px, 122px)) minmax(180px, 260px) minmax(0, 1fr) max-content max-content !important;
    padding-inline: 20px !important;
  }

  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] [data-sc-blueprint-shell-region-role="create-action"] {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns: var(--sc-blueprint-header-brand-track, minmax(96px, 118px)) minmax(0, 1fr) max-content max-content !important;
  }

  html body:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="search"] {
    display: none !important;
  }

  html body:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="primary-navigation"] {
    display: flex !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin;
  }

  html body [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="primary-navigation"] > a {
    flex: 0 0 auto;
  }
}

@media (max-width: 900px) {
  /* Narrow shells are one row; primary navigation is not a second header row. */
  [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"],
  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }

  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    gap: 8px !important;
    padding: 7px 10px !important;
  }

  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] [data-sc-blueprint-shell-component="utility-label"],
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="primary-navigation"],
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="account"] [data-sc-blueprint-shell-component="account-meta"],
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="create-action"] {
    display: none !important;
  }

  /* With a selected canonical shell, the existing Module Kit navigation card
     moves into the account menu; the header-action subset stays non-focusable. */
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-compact-selected-navigation="1"] [data-sc-blueprint-shell-region-role="primary-navigation"] {
    display: none !important;
  }

  /* The original navigation node is placed in the existing account menu;
     it is never cloned or rendered as a second narrow header row. */
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] [data-sc-blueprint-navigation-placement="account-menu"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 0 !important;
  }
  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] [data-sc-blueprint-navigation-placement="account-menu"] > a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: auto;
    min-width: 0 !important;
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  html body [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] > [data-sc-blueprint-shell-region="topbar-inner"] > [data-sc-blueprint-shell-region-role="utilities"] {
    display: none !important;
  }
}

/* Pass496: canonical authenticated outer shell.
 * Surface blueprints retain ownership of their internal columns and regions.
 */
.sc-blueprint-authenticated-topbar-placement { display: contents; }

.sc-blueprint-authenticated-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
}

.sc-blueprint-authenticated-shell__body {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  padding: 0 var(--sc-blueprint-authenticated-gutter);
  display: grid;
  grid-template-columns: var(--sc-blueprint-authenticated-left-rail) minmax(0, 1fr);
  gap: var(--sc-blueprint-authenticated-gap);
  align-items: start;
}

.sc-blueprint-authenticated-shell__left-rail {
  box-sizing: border-box;
  width: var(--sc-blueprint-authenticated-left-rail);
  min-width: 0;
  align-self: start;
  position: sticky;
  top: var(--sc-blueprint-shell-column-sticky-top);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
}

.sc-blueprint-authenticated-shell__canvas {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.sc-blueprint-authenticated-shell__canvas[aria-busy="true"] { cursor: progress; }
.sc-blueprint-authenticated-shell__rail-context { display: block; min-width: 0; }

.sc-blueprint-authenticated-shell__canvas > .sc-blueprint {
  width: 100%;
  max-width: none;
  margin: 0 0 48px;
}

/* Portable Vibes-reference profiles use the approved compact public-shell rail.
 * Blueprint Kit owns this placement geometry; Theme Controller only paints it. */
body.shiftcontrol-portable-vibes-presentation {
  --sc-blueprint-authenticated-left-rail: 190px;
  --sc-blueprint-authenticated-gap: 16px;
  --sc-blueprint-authenticated-gutter: 12px;
}
body.shiftcontrol-portable-vibes-presentation.shiftcontrol-view-directory .sc-blueprint-authenticated-shell__body {
  margin-top: 12px;
}

/* Pass498: canonical Pages directory shell and layout.community variant. */
.sc-blueprint-pages-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
}

.sc-blueprint-pages-shell__body {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  padding: 0 var(--sc-blueprint-pages-gutter);
  display: grid;
  grid-template-columns: var(--sc-blueprint-pages-left-rail) minmax(0, 1fr);
  gap: var(--sc-blueprint-pages-gap);
  align-items: start;
}

.sc-blueprint-pages-shell__left-rail {
  box-sizing: border-box;
  width: var(--sc-blueprint-pages-left-rail);
  min-width: 0;
  align-self: start;
  position: sticky;
  top: calc(var(--sc-shell-adminbar-height, 0px) + 104px);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint-pages-shell__canvas {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.sc-blueprint-pages-shell__canvas > .sc-blueprint--layout-pages {
  width: 100%;
  max-width: none;
  min-height: var(--sc-blueprint-pages-height);
  margin: 0 0 48px;
  padding: 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "header"
    "primary";
  gap: var(--sc-blueprint-pages-gap);
  align-items: start;
  align-content: start;
  overflow: visible;
}

.sc-blueprint--layout-pages .sc-blueprint-region--header { grid-area: header; }
.sc-blueprint--layout-pages .sc-blueprint-region--primary { grid-area: primary; }

@media (max-width: 1180px) {
  .sc-blueprint-pages-shell__body {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 12px;
  }

  .sc-blueprint-pages-shell .sc-blueprint-pages-shell__left-rail {
    display: none;
    position: static;
    width: auto;
    max-height: none;
    overflow: visible;
  }

  .sc-blueprint-pages-shell__canvas > .sc-blueprint--layout-pages {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "header"
      "primary";
  }
}

@media (max-width: 720px) {
  .sc-blueprint-pages-shell__body { padding-inline: 10px; }
}

@media (max-width: 1180px) {
  .sc-blueprint-authenticated-shell__body {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 12px;
  }

  .sc-blueprint-authenticated-shell .sc-blueprint-authenticated-shell__left-rail {
    display: none;
    position: static;
    width: auto;
    max-height: none;
    overflow: visible;
  }

  .sc-blueprint-authenticated-shell__canvas > .sc-blueprint {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 720px) {
  .sc-blueprint-authenticated-shell__body {
    padding-inline: 10px;
  }
}

.sc-blueprint--layout-social,
.sc-blueprint--layout-decision,
.sc-blueprint--layout-editorial {
  grid-template-columns: var(--sc-blueprint-left-rail) minmax(0, 1fr) var(--sc-blueprint-right-rail);
}

.sc-blueprint--layout-profile {
  grid-template-columns: minmax(0, 1fr) var(--sc-blueprint-right-rail);
}
.sc-blueprint--layout-profile .sc-blueprint-region--profile_header { grid-column: 1 / -1; }

.sc-blueprint--layout-directory,
.sc-blueprint--layout-marketplace {
  grid-template-columns: var(--sc-blueprint-filter-rail) minmax(0, 1fr) var(--sc-blueprint-right-rail);
}

.sc-blueprint--layout-media,
.sc-blueprint--layout-community {
  grid-template-columns: minmax(0, 1fr) var(--sc-blueprint-right-rail);
}
.sc-blueprint--layout-media .sc-blueprint-region--header,
.sc-blueprint--layout-community .sc-blueprint-region--header { grid-column: 1 / -1; }

.sc-blueprint--layout-auth {
  width: min(100%, 1500px);
  padding-inline: clamp(18px, 2.4vw, 34px);
  grid-template-columns: minmax(0, 1.07fr) minmax(420px, .99fr);
  gap: 14px;
  align-items: stretch;
}
.sc-blueprint--layout-auth .sc-blueprint-region--header,
.sc-blueprint--layout-auth .sc-blueprint-region--footer { grid-column: 1 / -1; }
.sc-blueprint--layout-auth .sc-blueprint-region--header { grid-row: 1; }
.sc-blueprint--layout-auth .sc-blueprint-region--hero,
.sc-blueprint--layout-auth .sc-blueprint-region--form { grid-row: 2; align-self: stretch; }
.sc-blueprint--layout-auth .sc-blueprint-region--footer { grid-row: 3; }
.sc-blueprint--layout-auth[data-sc-blueprint-surface="login"] .sc-blueprint-region--form { grid-column: 1; }
.sc-blueprint--layout-auth[data-sc-blueprint-surface="login"] .sc-blueprint-region--hero { grid-column: 2; }
.sc-blueprint--layout-auth[data-sc-blueprint-surface="register"] .sc-blueprint-region--hero { grid-column: 1; }
.sc-blueprint--layout-auth[data-sc-blueprint-surface="register"] .sc-blueprint-region--form { grid-column: 2; }

.sc-blueprint--layout-admin,
.sc-blueprint--layout-settings {
  grid-template-columns: var(--sc-blueprint-compact-rail) minmax(0, 1fr) var(--sc-blueprint-compact-rail);
}

@media (max-width: 1180px) {
  .sc-blueprint--layout-social,
  .sc-blueprint--layout-directory,
  .sc-blueprint--layout-marketplace,
  .sc-blueprint--layout-admin,
  .sc-blueprint--layout-settings,
  .sc-blueprint--layout-decision,
  .sc-blueprint--layout-editorial {
    grid-template-columns: minmax(0, 1fr) var(--sc-blueprint-right-rail);
  }
  .sc-blueprint--layout-social .sc-blueprint-region--left_rail,
  .sc-blueprint--layout-directory .sc-blueprint-region--filters,
  .sc-blueprint--layout-marketplace .sc-blueprint-region--filters,
  .sc-blueprint--layout-admin .sc-blueprint-region--nav,
  .sc-blueprint--layout-settings .sc-blueprint-region--nav,
  .sc-blueprint--layout-decision .sc-blueprint-region--left_rail,
  .sc-blueprint--layout-editorial .sc-blueprint-region--left_rail {
    position: static;
    max-height: none;
    overflow: visible;
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .sc-blueprint,
  .sc-blueprint--layout-social,
  .sc-blueprint--layout-profile,
  .sc-blueprint--layout-directory,
  .sc-blueprint--layout-media,
  .sc-blueprint--layout-community,
  .sc-blueprint--layout-marketplace,
  .sc-blueprint--layout-auth,
  .sc-blueprint--layout-admin,
  .sc-blueprint--layout-settings,
  .sc-blueprint--layout-decision,
  .sc-blueprint--layout-editorial {
    grid-template-columns: minmax(0, 1fr);
  }
  .sc-blueprint-region-kind--rail {
    position: static;
    max-height: none;
    overflow: visible;
  }
  .sc-blueprint--layout-auth .sc-blueprint-region--header,
  .sc-blueprint--layout-auth .sc-blueprint-region--hero,
  .sc-blueprint--layout-auth .sc-blueprint-region--form,
  .sc-blueprint--layout-auth .sc-blueprint-region--footer,
  .sc-blueprint--layout-profile .sc-blueprint-region--profile_header,
  .sc-blueprint--layout-media .sc-blueprint-region--header,
  .sc-blueprint--layout-community .sc-blueprint-region--header { grid-column: auto; }
}


@media (max-width: 900px) {
  .sc-blueprint--layout-auth .sc-blueprint-region--header,
  .sc-blueprint--layout-auth .sc-blueprint-region--hero,
  .sc-blueprint--layout-auth .sc-blueprint-region--form,
  .sc-blueprint--layout-auth .sc-blueprint-region--footer {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

/* Pass005: Blueprint Kit owns reusable responsive width/collapse geometry. */
.shiftcontrol-blueprint-kit-active.sc-blueprint-width-compact {
  --sc-blueprint-max-width: 1180px;
}
.shiftcontrol-blueprint-kit-active.sc-blueprint-width-comfortable {
  --sc-blueprint-max-width: 1320px;
}
.shiftcontrol-blueprint-kit-active.sc-blueprint-width-wide {
  --sc-blueprint-max-width: 1440px;
}
.shiftcontrol-blueprint-kit-active.sc-blueprint-width-full {
  --sc-blueprint-max-width: 100%;
}

.sc-blueprint[data-sc-blueprint-responsive-owner="shiftcontrol-blueprint-kit"] {
  min-inline-size: 0;
}

.sc-blueprint-region[data-sc-blueprint-collapse="canonical"] {
  min-inline-size: 0;
}

/* Pass006: Blueprint Kit owns reusable rail width, sticky, scroll, and overflow geometry. */
.shiftcontrol-blueprint-rail-authority-active {
  --sc-blueprint-left-rail: 320px;
  --sc-blueprint-right-rail: 360px;
  --sc-blueprint-profile-rail: 340px;
  --sc-blueprint-filter-rail: 280px;
  --sc-blueprint-communication-rail: 300px;
  --sc-blueprint-admin-rail: 280px;
  --sc-blueprint-sticky-offset: var(--sc-blueprint-shell-column-sticky-top);
  --sc-blueprint-rail-scroll-padding: 16px;
}

.sc-blueprint[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region[data-sc-blueprint-rail-sticky="canonical"] {
  align-self: start;
  position: sticky;
  top: var(--sc-blueprint-shell-column-sticky-top);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint[data-sc-blueprint-rail-profile="rail.social"] {
  grid-template-columns: var(--sc-blueprint-left-rail) minmax(0, 1fr) var(--sc-blueprint-right-rail);
}

.sc-blueprint[data-sc-blueprint-rail-profile="rail.two-column"],
.sc-blueprint--layout-profile,
.sc-blueprint--layout-media,
.sc-blueprint--layout-community {
  grid-template-columns: minmax(0, 1fr) var(--sc-blueprint-profile-rail);
}

.sc-blueprint[data-sc-blueprint-rail-profile="rail.filter-grid"] {
  grid-template-columns: var(--sc-blueprint-filter-rail) minmax(0, 1fr) var(--sc-blueprint-right-rail);
}

.sc-blueprint--layout-admin,
.sc-blueprint--layout-settings {
  grid-template-columns: var(--sc-blueprint-admin-rail) minmax(0, 1fr) var(--sc-blueprint-communication-rail);
}

@media (max-width: 1180px) {
  .sc-blueprint[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region[data-sc-blueprint-rail-role="navigation"],
  .sc-blueprint[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region[data-sc-blueprint-rail-role="filters"],
  .sc-blueprint[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region[data-sc-blueprint-rail-role="list"] {
    position: static;
    max-height: none;
    overflow: visible;
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .sc-blueprint[data-sc-blueprint-rail-profile="rail.two-column"],
  .sc-blueprint--layout-profile,
  .sc-blueprint--layout-media,
  .sc-blueprint--layout-community {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Pass669: the later authoritative rail-profile block must preserve the
   * single-column mobile contract already declared for admin/settings. */
  .sc-blueprint--layout-admin,
  .sc-blueprint--layout-settings {
    grid-template-columns: minmax(0, 1fr);
  }

  .sc-blueprint--layout-admin > .sc-blueprint-region,
  .sc-blueprint--layout-settings > .sc-blueprint-region {
    grid-column: 1;
  }

  /* Pass511: the canonical Groups-detail surface must not retain the
   * desktop profile rail when later theme styles participate in cascade. */
  .sc-blueprint--layout-community[data-sc-blueprint-surface="group"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .sc-blueprint--layout-community[data-sc-blueprint-surface="group"] > .sc-blueprint-region {
    grid-column: 1 !important;
  }

  .sc-blueprint[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region[data-sc-blueprint-rail-sticky="canonical"] {
    position: static;
    max-height: none;
    overflow: visible;
  }
}


/* Pass007: Blueprint Kit owns reusable app shell, topbar offset, frame, and main-column geometry. */
.shiftcontrol-blueprint-shell-authority-active {
  --sc-blueprint-shell-topbar-offset: var(--sc-shell-topbar-offset, 88px);
  --sc-blueprint-shell-frame-max: var(--sc-blueprint-max-width, 1440px);
  --sc-blueprint-shell-gutter: var(--sc-blueprint-gutter, clamp(16px, 2vw, 28px));
  --sc-blueprint-shell-main-min: 0;
}

.sc-blueprint[data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] {
  width: min(100%, var(--sc-blueprint-shell-frame-max));
  margin-inline: auto;
  padding-inline: var(--sc-blueprint-shell-gutter);
  min-inline-size: var(--sc-blueprint-shell-main-min);
  isolation: isolate;
}

/* Profile page completion pass527.
 * The supplied full-resolution Profile blueprint owns this surface-specific
 * three-column inner canvas. Shared authenticated shell geometry is unchanged. */
.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] {
  --sc-blueprint-profile-context-min: 248px;
  --sc-blueprint-profile-activity-min: 240px;
  --sc-blueprint-profile-gap: 14px;
  width: 100%;
  max-width: none;
  padding: 0;
  grid-template-columns:
    minmax(var(--sc-blueprint-profile-context-min), .52fr)
    minmax(0, 1fr)
    minmax(var(--sc-blueprint-profile-activity-min), .54fr);
  grid-template-areas:
    "profile-header profile-header activity"
    "profile-context profile-primary activity";
  gap: var(--sc-blueprint-profile-gap);
  align-items: start;
  align-content: start;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--profile_header {
  grid-area: profile-header;
  position: relative;
  display: block;
  height: 424px;
  min-height: 424px;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--profile_context {
  grid-area: profile-context;
  position: static;
  display: grid;
  gap: var(--sc-blueprint-profile-gap);
  max-height: none;
  overflow: visible;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--primary {
  grid-area: profile-primary;
  display: grid;
  gap: var(--sc-blueprint-profile-gap);
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--right_rail {
  grid-area: activity;
  align-self: start;
  position: sticky;
  top: var(--sc-blueprint-shell-column-sticky-top);
  width: auto;
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
  display: grid;
  gap: var(--sc-blueprint-profile-gap);
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot])) {
  position: absolute;
  z-index: 1;
  min-width: 0;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.cover"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.cover"])) {
  inset: 0 0 auto;
  height: 368px;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.identity"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.identity"])) {
  inset: 150px 0 auto;
  z-index: 3;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.actions"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.actions"])) {
  top: 242px;
  right: 16px;
  inline-size: 300px;
  max-inline-size: calc(100% - 32px);
  z-index: 4;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region .sc-blueprint-slot[data-sc-blueprint-slot-registered-modules="0"] {
  display: none;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.tabs"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.tabs"])) {
  inset: 376px 0 auto;
  z-index: 2;
}

@media (max-width: 1020px) {
  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] {
    --sc-blueprint-profile-context-min: 200px;
    --sc-blueprint-profile-activity-min: 230px;
    --sc-blueprint-profile-gap: 12px;
  }
}

@media (max-width: 900px) {
  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "profile-header"
      "profile-primary"
      "profile-context"
      "activity";
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--right_rail {
    position: static;
  }
}

@media (max-width: 900px) and (min-width: 621px) {
  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--profile_header {
    height: 464px;
    min-height: 464px;
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.tabs"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.tabs"])) {
    inset: 408px 0 auto;
  }
}

@media (max-width: 620px) {
  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] > .sc-blueprint-region--profile_header {
    height: auto;
    min-height: 0;
    display: grid;
    gap: 10px;
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot])) {
    position: relative;
    inset: auto;
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.cover"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.cover"])) {
    height: auto;
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.actions"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.actions"])) {
    inline-size: auto;
    max-inline-size: none;
  }

  /* Move the complete identity slot over the cover. The slot has paint
   * containment, so a negative margin on its child would clip the avatar. */
  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"]:not([data-sc-blueprint-composition-variant="neutral-basic-profile"]) .sc-blueprint-region--profile_header > :is(.sc-blueprint-slot[data-sc-blueprint-slot="profile.identity"], .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot="profile.identity"])) {
    margin-top: -66px;
  }
}

.sc-blueprint[data-sc-blueprint-shell-profile="shell.auth"] {
  --sc-blueprint-shell-topbar-offset: 0px;
  --sc-blueprint-shell-frame-max: 1180px;
}

.sc-blueprint[data-sc-blueprint-shell-profile="shell.profile"] {
  --sc-blueprint-shell-frame-max: 1360px;
}

.sc-blueprint[data-sc-blueprint-shell-profile="shell.directory"] {
  --sc-blueprint-shell-frame-max: 1400px;
}

.sc-blueprint[data-sc-blueprint-shell-profile="shell.admin"] {
  --sc-blueprint-shell-topbar-offset: 72px;
}

.sc-blueprint[data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region-kind--main,
.sc-blueprint[data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region--primary {
  min-inline-size: 0;
  inline-size: 100%;
}

.sc-blueprint[data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region-kind--header,
.sc-blueprint[data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] .sc-blueprint-region-kind--control {
  min-inline-size: 0;
}

/* Pass497: one communication shell, geometry, height, scroll, and responsive owner. */
.sc-blueprint-communication-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
}

.sc-blueprint-communication-shell__body {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 16px 0 0;
  padding: 0 var(--sc-blueprint-communication-gutter);
  display: grid;
  grid-template-columns: var(--sc-blueprint-communication-left-rail) minmax(0, 1fr);
  gap: var(--sc-blueprint-communication-gap);
  align-items: start;
}

.sc-blueprint-communication-shell__left-rail {
  box-sizing: border-box;
  width: var(--sc-blueprint-communication-left-rail);
  min-width: 0;
  height: auto;
  align-self: start;
  position: sticky;
  top: var(--sc-blueprint-shell-column-sticky-top);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint-communication-shell .sc-blueprint-communication-shell__left-rail {
  overflow: visible;
}

.sc-blueprint-communication-shell__canvas {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.sc-blueprint.sc-blueprint--layout-communication {
  width: 100%;
  max-width: none;
  height: var(--sc-blueprint-communication-height);
  min-height: 640px;
  margin: 0;
  padding: 0;
  gap: var(--sc-blueprint-communication-gap);
  grid-template-rows: minmax(0, 1fr);
  align-items: stretch;
  overflow: visible;
}

.sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages"] {
  grid-template-columns: minmax(240px, 27fr) minmax(0, 46fr) minmax(240px, 27fr);
  grid-template-areas: "list primary right";
}

/* Runtime-selected EMPTY Messages is an experience canvas, not a collapsed
 * three-column conversation application. */
.sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages-empty"] {
  height:auto;
  min-height:0;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto;
  grid-template-areas:"primary";
}
.sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages-empty"] > .sc-blueprint-region--primary {
  height:auto;
  overflow:visible;
}

.sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="notifications"] {
  grid-template-columns: minmax(0, 75fr) minmax(280px, 25fr);
  grid-template-areas: "primary right";
}

.sc-blueprint--layout-communication > .sc-blueprint-region--list { grid-area: list; }
.sc-blueprint--layout-communication > .sc-blueprint-region--primary { grid-area: primary; }
.sc-blueprint--layout-communication > .sc-blueprint-region--right_rail { grid-area: right; }

.sc-blueprint.sc-blueprint--layout-communication[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"]:is([data-sc-blueprint-communication-variant="messages"],[data-sc-blueprint-communication-variant="messages-empty"]) > .sc-blueprint-region {
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
  position: static;
  top: auto;
  max-height: none;
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (max-width: 1180px) {
  .sc-blueprint-communication-shell__body {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 12px;
  }

  .sc-blueprint-communication-shell .sc-blueprint-communication-shell__left-rail {
    display: none;
    position: static;
    width: auto;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .sc-blueprint.sc-blueprint--layout-communication {
    height: auto;
    min-height: var(--sc-blueprint-communication-height);
    overflow: visible;
  }

  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages"] {
    grid-template-columns: minmax(0, 68fr) minmax(260px, 32fr);
    grid-template-areas: "primary right";
  }

  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages-empty"] {
    height:auto;
    min-height:0;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"primary";
  }

  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages"] > .sc-blueprint-region--list {
    display: none;
  }

  .sc-blueprint.sc-blueprint--layout-communication[data-sc-blueprint-rail-owner="shiftcontrol-blueprint-kit"] > .sc-blueprint-region {
    height: auto;
    overflow: visible;
    scrollbar-gutter: auto;
  }
}

@media (max-width: 900px) {
  .sc-blueprint-communication-shell__body {
    padding-inline: 10px;
  }

  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages"],
  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages-empty"],
  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="notifications"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "primary";
  }

  .sc-blueprint--layout-communication > .sc-blueprint-region--right_rail {
    display: none;
  }
}


/* Pass008: composition contract authority. */
.sc-blueprint[data-sc-blueprint-composition-owner="shiftcontrol-blueprint-kit"] {
    --sc-blueprint-composition-owner: shiftcontrol-blueprint-kit;
}
.sc-blueprint-region[data-sc-blueprint-region-contract="canonical"] {
    min-width: 0;
    box-sizing: border-box;
}
.sc-blueprint-region > .sc-blueprint-slot {
    min-width: 0;
}


/* Pass009: Blueprint Kit owns module placement policy surfaces; modules remain internal UI only. */
.sc-blueprint-slot[data-sc-blueprint-placement-owner="shiftcontrol-blueprint-kit"] {
    contain: layout style;
}
.sc-blueprint-slot[data-sc-blueprint-slot-density="compact"] {
    --sc-blueprint-slot-gap: clamp(10px, 1vw, 14px);
}
.sc-blueprint-slot[data-sc-blueprint-slot-overflow="rail-scroll"] {
    min-height: 0;
}
.sc-blueprint-slot[data-sc-blueprint-slot-overflow="content-fit"] {
    overflow: visible;
}

/* Pass010: Blueprint Kit owns module intake/slot acceptance containment. */
.shiftcontrol-blueprint-module-intake-authority-active .sc-blueprint-slot[data-sc-blueprint-slot-placement-state="unregistered"] {
  display: none;
}

.sc-blueprint-slot[data-sc-blueprint-placement-owner="shiftcontrol-blueprint-kit"] {
  contain: layout paint;
}
.sc-blueprint-authenticated-shell__top{box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(9rem,auto) minmax(0,1fr) minmax(9rem,auto);align-items:center;gap:1rem;padding:.75rem var(--sc-blueprint-authenticated-gutter,1rem);border-bottom:1px solid var(--sc-module-border,#d7dbe2);background:var(--sc-module-surface,#fff)}
.sc-blueprint-authenticated-shell__identity,.sc-blueprint-authenticated-shell__account,.sc-blueprint-authenticated-shell__top-navigation{min-width:0}
.sc-blueprint-authenticated-shell[data-sc-blueprint-navigation-placement="top-navigation-region"] {
  --sc-blueprint-shell-content-gap:1rem;
  --sc-blueprint-shell-content-top:calc(var(--sc-shell-adminbar-height,0px) + var(--sc-shell-topbar-height,64px) + var(--sc-blueprint-shell-content-gap));
}
.sc-blueprint-authenticated-shell__body--top-navigation{grid-template-columns:minmax(0,1fr)!important}
.sc-blueprint-authenticated-shell__body--top-navigation>.sc-blueprint-authenticated-shell__canvas{grid-column:1;min-width:0}
.sc-blueprint-authenticated-shell__rail-context--standalone{width:min(100%,var(--sc-blueprint-authenticated-left-rail));min-width:0}
@media(max-width:1100px){.sc-blueprint-authenticated-shell__top{grid-template-columns:minmax(8rem,1fr) auto}.sc-blueprint-authenticated-shell__top-navigation{grid-column:1/-1;grid-row:2}.sc-blueprint-authenticated-shell__account{grid-column:2;grid-row:1}}
@media(max-width:640px){.sc-blueprint-authenticated-shell[data-sc-blueprint-navigation-placement="top-navigation-region"]{--sc-blueprint-shell-content-gap:.75rem}.sc-blueprint-authenticated-shell__top{gap:.5rem;padding:.5rem var(--sc-blueprint-authenticated-gutter,.625rem)}.sc-blueprint-authenticated-shell__identity{max-width:70vw}.sc-blueprint-authenticated-shell__top-navigation{width:100%}}

/* Keep structural isolation while allowing canonical descendant focus paint.
 * Ordinary slots retain paint containment; modules still own focus styling. */
.sc-blueprint-slot[data-sc-blueprint-placement-owner="shiftcontrol-blueprint-kit"]:focus-within {
  contain: layout;
}

.sc-blueprint-slot[data-sc-blueprint-slot-overflow="rail-scroll"] {
  min-height: 0;
}


/* Pass015: Blueprint Kit owns adapter enforcement visibility. */
.shiftcontrol-blueprint-adapter-enforcement-active [data-sc-blueprint-adapter-enforcement-state="adapter-enforcement-fail"] {
  outline: 2px dashed currentColor;
  outline-offset: 4px;
}

.sc-blueprint[data-sc-blueprint-adapter-enforced="false"] {
  min-inline-size: 0;
}

.shiftcontrol-blueprint-dependency-readiness-active .sc-blueprint { --sc-blueprint-dependency-readiness-state: active; }


/* Pass020: activation readiness state markers. Structural only; themes skin visible diagnostics. */
.shiftcontrol-blueprint-activation-readiness-active [data-sc-blueprint-activation-readiness-state] {
    --sc-blueprint-activation-readiness-owner: shiftcontrol-blueprint-kit;
}
[data-sc-blueprint-activation-blocked="true"] {
    --sc-blueprint-activation-blocked: 1;
}

/* Pass021: certification status is state truth only; it does not grant fallback layout authority. */
.shiftcontrol-blueprint-certification-status-active [data-sc-blueprint-certification-status-owner="shiftcontrol-blueprint-kit"] {
  contain: layout style;
}

/* Pass026: adapter slot render bridge containment. Blueprint Kit owns the slot bridge; Module Kit owns module internals. */
.shiftcontrol-blueprint-adapter-slot-render-active .sc-blueprint-adapter-slot {
  min-width: 0;
  box-sizing: border-box;
  contain: layout style;
}
.shiftcontrol-blueprint-adapter-slot-render-active .sc-blueprint-adapter-slot--blocked {
  display: none;
}
.shiftcontrol-blueprint-adapter-slot-render-active .sc-blueprint-adapter-slot > .sc-blueprint-slot {
  min-width: 0;
}

/* Pass547: authenticated topbar appearance moved to Vibes.
 * Blueprint Kit retains the outer topbar placement and responsive tracks. */


/* Pass507: Replica 0.3.3 Stream shell authority reset.
 * Blueprint Kit owns Stream page geometry, shell regions, rails, responsive collapse,
 * footer placement, and the Messenger overlay geometry. Vibes is structure-only on Stream.
 * Theme-profile tokens are consumed when present; Replica values are deterministic fallbacks.
 */
body.shiftcontrol-view-stream {
  /* Pass531: Feed Page(10).png is the 1536px desktop proportional authority.
   * These shell variables scale from that reference instead of freezing the
   * left rail/supporting rail at one desktop width. Module internals remain
   * Module Kit-owned and are not bitmap-scaled. */
  --sc-stream-canvas-gap:max(12px,.84vw);
  --sc-stream-support-gap:max(12px,.90vw);
  --sc-stream-topbar-logo-track:max(190px,13.73vw);
  --sc-stream-topbar-search-track:max(300px,25.39vw);
  --sc-stream-radius:18px;
  --sc-stream-top:72px;
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
}
body.shiftcontrol-view-stream *, body.shiftcontrol-view-stream *::before, body.shiftcontrol-view-stream *::after { box-sizing:border-box; }
html.sc-blueprint-adminbar-geometry-owned { margin-top:0 !important; padding-top:0 !important; }
html.sc-blueprint-adminbar-geometry-owned body { padding-top:var(--sc-shell-adminbar-height,0px) !important; }
/* Blueprint Kit owns the fixed-header clearance. Theme padding may skin the
 * remaining edges, but cannot place the canonical canvas under the topbar. */
html.sc-blueprint-adminbar-geometry-owned body .sc-blueprint-authenticated-shell[data-sc-blueprint-navigation-placement="top-navigation-region"] > .sc-blueprint-authenticated-shell__body--top-navigation {
  padding-block-start:var(--sc-blueprint-shell-content-top) !important;
}
/* Neutral navigation is an in-flow shell region, not a fixed theme topbar.
 * Applying the fixed-header clearance here creates a second blank header-sized
 * band on every neutral consumer, most visibly above Stream on compact screens. */
html.sc-blueprint-adminbar-geometry-owned body .sc-blueprint-authenticated-shell[data-sc-blueprint-module-baseline="canonical-neutral-v1"][data-sc-blueprint-navigation-placement="top-navigation-region"] > .sc-blueprint-authenticated-shell__body--top-navigation {
  padding-block-start:0 !important;
}

/* Replica topbar */
body.vibes-theme .vibes-topbar--replica[data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"] {
  position:sticky;
  top:var(--sc-shell-adminbar-height,0px);
  z-index:50;
  width:calc(100% - (2 * var(--sc-blueprint-authenticated-gutter)));
  height:auto;
  min-height:0;
  max-height:none;
  margin:14px auto 0;
  padding:10px 4px 16px;
}
body.vibes-theme .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
  width:100%; margin:0; padding:0; display:grid; grid-template-columns:var(--sc-stream-topbar-logo-track) var(--sc-stream-topbar-search-track) minmax(0,1fr) auto; gap:var(--sc-blueprint-authenticated-gap); align-items:center;
}

/* Pass532: the authenticated Stream topbar consumes the same proportional
 * tracks declared by the 1536px blueprint authority. The explicit important
 * is a boundary assertion against generic theme grid defaults; paint and
 * brand containment remain Vibes-owned. */
@media (min-width:1601px) {
  body.shiftcontrol-view-stream.vibes-theme .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns:var(--sc-stream-topbar-logo-track) var(--sc-stream-topbar-search-track) minmax(0,1fr) auto !important;
  }
}
/* Stream topbar and notice presentation are Vibes-owned (Pass078). */

/* Authenticated Stream shell = Replica feed-shell: LEFT | PRIMARY + RIGHT. */
body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { width:100%; max-width:none; margin:16px 0 0; padding:0 var(--sc-blueprint-authenticated-gutter) 30px; display:grid; grid-template-columns:var(--sc-blueprint-authenticated-left-rail) minmax(0,1fr); gap:var(--sc-blueprint-authenticated-gap); align-items:start; }
body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { width:var(--sc-blueprint-authenticated-left-rail); position:sticky; top:var(--sc-blueprint-shell-column-sticky-top); align-self:start; max-height:none; overflow:visible; overscroll-behavior:auto; touch-action:auto; scrollbar-width:auto; }
body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__canvas { min-width:0; overflow:visible; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:var(--sc-stream-canvas-gap); align-items:start; overflow:visible; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-region--primary { min-width:0; width:100%; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail { min-width:0; width:100%; max-height:none; display:grid; grid-template-columns:minmax(0,.87fr) minmax(0,1fr); gap:var(--sc-stream-support-gap); align-items:start; align-self:stretch; position:static; top:auto; overflow:visible; overscroll-behavior:auto; scrollbar-gutter:auto; }
body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--context_rail,
body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--right_rail { min-width:0; width:100%; align-self:start; position:sticky; top:var(--sc-blueprint-shell-column-sticky-top); max-height:none; overflow:visible; overscroll-behavior:auto; touch-action:auto; scrollbar-width:auto; }
body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail::-webkit-scrollbar,
body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--context_rail::-webkit-scrollbar,
body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--right_rail::-webkit-scrollbar { display:none; width:0; height:0; }

/* Left-rail module presentation is Vibes-owned (Pass078). */

/* Three-column family remains Blueprint-owned and unchanged in authority. */
/* Registered Community Lite composition: fluid primary and one bounded rail. */
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="community-lite-stream"] {
  max-width:1280px; margin-inline:auto;
  grid-template-columns:minmax(0,1fr) clamp(220px,19vw,280px);
}
@media (max-width:900px) {
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="community-lite-stream"] {
    display:block; width:100%; grid-template-columns:minmax(0,1fr);
  }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="community-lite-stream"] > .sc-blueprint-region--right_rail { display:none; }
}
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,68fr) minmax(0,32fr); grid-template-areas:"primary right"; gap:16px; align-items:start; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream > .sc-blueprint-region--primary { grid-area:primary; min-width:0; width:100%; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream > .sc-blueprint-region--right_rail { grid-area:right; min-width:0; width:100%; position:sticky; top:calc(var(--sc-shell-adminbar-height,0px) + var(--sc-shell-topbar-clearance-height,88px) + 16px); max-height:none; overflow:visible; overscroll-behavior:auto; scrollbar-gutter:auto; }
/* Neutral Basic declares a primary-only composition. Do not retain an empty
 * rich-stream support track when that registered variant is selected. */
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="neutral-basic-stream"][data-sc-blueprint-module-baseline="canonical-neutral-v1"] {
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"primary";
}

/* The canonical support.footer_card adapter is an ordinary bounded rail slot.
 * No theme-owned network-meta wrapper or secondary render path participates. */
.sc-blueprint-region--right_rail > :is(.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="support.footer_card"]), .sc-blueprint-slot[data-sc-blueprint-slot="support.footer_card"]) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:0 0 var(--sc-blueprint-rail-bottom-inset);
}

/* Messenger Replica overlay */
body.shiftcontrol-view-stream .vibes-messenger-dock { position:fixed; right:18px; bottom:18px; z-index:40; display:flex; align-items:flex-end; gap:12px; pointer-events:none; }
body.shiftcontrol-view-stream .vibes-messenger-dock > * { pointer-events:auto; }
/* Messenger component presentation is Vibes-owned (Pass078). */
body.shiftcontrol-view-stream .vibes-messenger-dock:not(.is-open) .messenger-panel { opacity:0; visibility:hidden; transform:translateY(10px) scale(.96); }
body.shiftcontrol-view-stream .vibes-messenger-dock:not(.is-open) .messenger-launcher { min-width:auto; width:62px; height:62px; padding:8px; justify-content:center; }
body.shiftcontrol-view-stream .vibes-messenger-dock:not(.is-open) .launcher-copy { display:none; }

@media (max-width:1600px) {
  body.vibes-theme .vibes-topbar--replica .vibes-logo--replica { min-width:0; overflow:visible; }
  body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback):not(.vibes-canonical-logo--site) .vibes-logo-word { font-size:43px; white-space:nowrap; }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav { gap:14px; }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a { min-width:62px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { grid-template-columns:var(--sc-blueprint-authenticated-left-rail) minmax(0,1fr); gap:var(--sc-blueprint-authenticated-gap); }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { width:var(--sc-blueprint-authenticated-left-rail); }
  /* Keep the qualified Stream rails side-by-side inside the available desktop canvas.
     The previous 600px + 620px minimums exceeded the canvas at this breakpoint,
     forcing document overflow and collapsing the supporting rail to one column. */
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream { grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); gap:var(--sc-stream-canvas-gap); }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail { grid-template-columns:minmax(0,.87fr) minmax(0,1fr); }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-region--primary { gap:10px; }
}
/* Pass661: the approved 1536px Stream blueprint is the desktop geometry
   authority. Preserve its exact 214 / 684 / 270 / 306 tracks and 14px gaps
   while retaining proportional shrinkage down to the existing compact branch. */
@media (min-width:1510px) and (max-width:1600px) {
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body {
    grid-template-columns:214px minmax(0,1fr);
    gap:14px;
    padding-inline:10px;
  }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { width:214px; }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream {
    grid-template-columns:minmax(0,684fr) minmax(0,590fr);
    gap:14px;
  }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail {
    grid-template-columns:minmax(0,270fr) minmax(0,306fr);
    gap:14px;
  }
}
@media (max-width:1509px) and (min-width:901px) {
  /* Compact Stream is a two-lane Blueprint state: primary canvas plus one
     stacked supporting rail.  Keeping the former 2+2 desktop tracks here
     left a phantom lane and reduced the composer below its viable width. */
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { grid-template-columns:minmax(0,1fr); padding-inline:12px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { display:none; position:static; width:auto; max-height:none; overflow:visible; }
  body.shiftcontrol-view-stream .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] { grid-template-columns:132px minmax(220px,1fr) auto; gap:14px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream { width:min(100%,920px); margin-inline:auto; grid-template-columns:minmax(0,656fr) minmax(230px,250fr); gap:14px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-region--primary { grid-column:1; grid-row:1; min-width:0; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail { grid-column:2; grid-row:1; grid-template-columns:minmax(0,1fr); position:static; max-height:none; }
  body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--context_rail,
  body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--right_rail { position:static; top:auto; max-height:none; overflow:visible; overscroll-behavior:auto; touch-action:auto; scrollbar-width:auto; }
}
@media (max-width:900px) {
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { grid-template-columns:minmax(0,1fr); padding-inline:12px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { display:none; position:static; width:auto; max-height:none; overflow:visible; }
}
@media (max-width:979px) {
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream { grid-template-columns:minmax(0,1fr); grid-template-areas:"primary"; }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream > .sc-blueprint-region--right_rail { position:static; }
}
@media (max-width:900px) {
  body.vibes-theme .vibes-topbar--replica[data-sc-blueprint-shell-topbar="v1"] { width:calc(100% - 16px); margin-top:8px; }
  body.vibes-theme .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:"brand account";
    column-gap:10px;
    row-gap:7px;
  }
  body.vibes-theme .vibes-topbar--replica .vibes-logo--replica { grid-area:brand; min-width:0; }
  body.vibes-theme .vibes-topbar--replica .vibes-search { display:none; }
  body.vibes-theme .vibes-topbar--replica .vibes-userbar { grid-area:account; min-width:0; justify-content:flex-end; }
  body.vibes-theme .vibes-topbar--replica .vibes-logo--replica,
  body.vibes-theme .vibes-topbar--replica .vibes-account-menu > summary { min-height:44px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { padding-inline:12px; display:block; }
  /* The theme declares compact navigation chrome; rails are no longer document-flow content on narrow viewports. */
  body.shiftcontrol-view-stream.vibes-network-theme .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { display:none; }
  body.shiftcontrol-view-stream .vibes-left-rail .nav-card { display:grid; grid-template-columns:repeat(2,1fr); }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream { display:block; grid-template-columns:minmax(0,1fr); }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-region--primary { width:100%; margin-bottom:20px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail { display:none; width:100%; grid-template-columns:1fr; position:static; }
  body.shiftcontrol-view-stream .vibes-messenger-dock { right:10px; left:10px; bottom:10px; justify-content:flex-end; }
  body.shiftcontrol-view-stream .messenger-panel { width:min(100%,420px); }
  body.shiftcontrol-view-stream .messenger-contact-list, body.shiftcontrol-view-stream .messenger-new-chat { display:none; }
}
@media (max-width:640px) {
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { padding-inline:6px; }
  body.shiftcontrol-view-stream .vibes-left-rail .nav-card { grid-template-columns:1fr; }
  body.vibes-theme .vibes-topbar--replica .user-meta, body.vibes-theme .vibes-topbar--replica .vibes-divider, body.shiftcontrol-view-stream .glow-dot { display:none; }
  body.vibes-theme .vibes-topbar--replica .vibes-create-action { padding:0 12px; }
  body.shiftcontrol-view-stream .vibes-messenger-dock { left:auto; }
  body.shiftcontrol-view-stream .messenger-panel { max-width:calc(100vw - 20px); width:calc(100vw - 20px); }
  body.shiftcontrol-view-stream .messenger-body { height:240px; }
}

/* A narrow four-lane Stream stacks its complete supporting rail after primary.
 * The Footer Card is already the terminal right-rail assignment, so source
 * order makes it the final single-column module without duplication or order. */
@media (max-width:900px) {
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail:has([data-sc-blueprint-slot="support.footer_card"]) {
    display:block;
    width:100%;
    position:static;
    max-height:none;
    overflow:visible;
  }
  body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail:has([data-sc-blueprint-slot="support.footer_card"]) > .sc-blueprint-region--context_rail,
  body.shiftcontrol-view-stream .sc-blueprint-stream-supporting-rail:has([data-sc-blueprint-slot="support.footer_card"]) > .sc-blueprint-region--right_rail {
    display:block;
    position:static;
    top:auto;
  }
  .sc-blueprint--layout-communication > .sc-blueprint-region--right_rail:has([data-sc-blueprint-slot="support.footer_card"]) {
    display:block;
    position:static;
    grid-area:auto;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.shiftcontrol-view-stream *, body.shiftcontrol-view-stream *::before, body.shiftcontrol-view-stream *::after { animation:none; transition-duration:.01ms; scroll-behavior:auto; }
}

/* Pages keeps page-owned scroll after the generic rail authority rules. */
.sc-blueprint-pages-shell .sc-blueprint-pages-shell__left-rail {
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint-pages-shell .sc-blueprint[data-sc-blueprint-rail-profile="rail.pages"] .sc-blueprint-region--right_rail {
  top: calc(var(--sc-shell-adminbar-height, 0px) + 104px);
  max-height: none;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint-pages-shell__canvas > .sc-blueprint--layout-pages {
  padding: 0;
}

/* Pass501: page-level Media Canvas containment and scroll authority. */
.sc-blueprint-region--media_canvas {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  width: 100vw;
  height: 100dvh;
  pointer-events: none;
}

.sc-blueprint-region--media_canvas:empty {
  display: none;
}

.sc-blueprint-region--media_canvas > [data-scmk-media-canvas],
body > [data-scmk-media-canvas] {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  display: block;
  width: 100vw;
  max-width: 100vw;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  pointer-events: auto;
  background: var(--scbk-media-canvas-surface, Canvas);
  color: var(--scbk-media-canvas-text, CanvasText);
  overscroll-behavior: contain;
}

html:has(body.scbk-media-canvas-open),
body.scbk-media-canvas-open {
  overflow: hidden;
  overscroll-behavior: none;
}

@supports not (height: 100dvh) {
  .sc-blueprint-region--media_canvas,
  .sc-blueprint-region--media_canvas > [data-scmk-media-canvas],
  body > [data-scmk-media-canvas] {
    height: 100vh;
    max-height: 100vh;
  }
}


/* Pass514: Forum directory composite geometry. Blueprint Kit owns only region placement. */
.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]{grid-template-columns:minmax(0,1fr) var(--sc-blueprint-profile-rail);align-items:start}
.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]>.sc-blueprint-region--hero{grid-column:1;grid-row:1;min-width:0}
.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]>.sc-blueprint-region--categories{grid-column:1;grid-row:2;min-width:0}
.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]>.sc-blueprint-region--primary{grid-column:1;grid-row:3;min-width:0}
.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]>.sc-blueprint-region--right_rail{grid-column:2;grid-row:1 / span 3;min-width:0}
@media(max-width:900px){.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]{grid-template-columns:minmax(0,1fr)!important}.sc-blueprint--layout-community[data-sc-blueprint-surface="forum"]>.sc-blueprint-region{grid-column:1!important;grid-row:auto!important}}

/* Shell Navigation blueprint board: composition and responsive placement only. */
body.vibes-network-theme:not(.shiftcontrol-view-stream){
  --sc-blueprint-filter-rail:270px;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:160px minmax(230px,340px) minmax(350px,1fr) max-content max-content max-content!important;gap:14px!important;padding-inline:22px!important}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__body{margin-top:16px;padding-inline:var(--sc-blueprint-authenticated-gutter);gap:var(--sc-blueprint-authenticated-gap)}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__left-rail{top:var(--sc-blueprint-shell-column-sticky-top);width:var(--sc-blueprint-authenticated-left-rail);max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-width:auto}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__canvas>.sc-blueprint{padding:0;gap:16px}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-adapter-slot>.sc-blueprint-slot{display:grid;gap:14px}

body.shiftcontrol-view-directory .sc-blueprint--layout-directory{grid-template-columns:minmax(0,1fr) minmax(260px,var(--sc-blueprint-right-rail));max-width:1280px;gap:18px}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters{display:none}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--primary{grid-column:1;grid-row:1}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--right_rail{display:grid;grid-column:2;grid-row:1}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has(.scmk-rendered-slot--capability-blocked){display:block}

/* Pass537: Jobs keeps every canonical product region visible. */
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,var(--sc-blueprint-right-rail));
  max-width:1180px;
  padding-top:clamp(28px,5vw,72px);
  align-items:start;
}
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--header{grid-column:1 / -1;min-width:0}
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--primary{grid-column:1;min-width:0}
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--right_rail{grid-column:2;min-width:0}

/* Courses shares the product canvas, but does not inherit its unused filter
 * rail. Its two-column learning composition is Blueprint Kit-owned. */
body.shiftcontrol-view-courses .sc-blueprint--layout-marketplace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,var(--sc-blueprint-right-rail));
  max-width:none;
  padding-top:0;
  align-items:start;
}
body.shiftcontrol-view-courses .sc-blueprint--layout-marketplace>.sc-blueprint-region--primary{grid-column:1;min-width:0}
body.shiftcontrol-view-courses .sc-blueprint--layout-marketplace>.sc-blueprint-region--right_rail{grid-column:2;min-width:0}

/* Pass537: People surfaces omit Directory-only utilities and use two-column
 * discovery geometry without changing the business Directory composition. */
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"],
.sc-blueprint--layout-directory[data-sc-blueprint-surface="findme"]{
  grid-template-columns:minmax(0,1fr) var(--sc-blueprint-right-rail);
  align-items:start;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="findme"]>.sc-blueprint-region--primary{grid-column:1;min-width:0}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="findme"]>.sc-blueprint-region--right_rail{grid-column:2;min-width:0}

@media(max-width:900px){
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace,
  body.shiftcontrol-view-courses .sc-blueprint--layout-marketplace,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="findme"]{grid-template-columns:minmax(0,1fr)}
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--header,
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--primary,
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace>.sc-blueprint-region--right_rail,
  body.shiftcontrol-view-courses .sc-blueprint--layout-marketplace>.sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="findme"]>.sc-blueprint-region{grid-column:1;grid-row:auto;position:static;max-height:none;overflow:visible}
}

@media(max-width:1320px){body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:150px minmax(190px,280px) minmax(300px,1fr) max-content max-content!important}body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) [data-sc-blueprint-shell-region-role="create-action"]{display:none!important}}
@media(max-width:1180px){body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__left-rail{display:none}body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__body{grid-template-columns:minmax(0,1fr)}body.shiftcontrol-view-directory .sc-blueprint--layout-directory{grid-template-columns:250px minmax(0,1fr)}body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters{display:grid!important;grid-column:1;position:static}body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--primary{grid-column:2}}
@media(max-width:900px){body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:132px minmax(0,1fr) max-content max-content!important}body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-word{font-size:32px!important}body.shiftcontrol-view-directory .sc-blueprint--layout-directory{grid-template-columns:minmax(0,1fr)}body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters,body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--primary{grid-column:1;grid-row:auto}body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:94px minmax(0,1fr) max-content!important;padding-inline:10px!important}body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite{min-width:90px!important}body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>.vibes-logo-word{font-size:28px!important}body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica) .vibes-logo--shell-suite>small{display:none}body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters{grid-template-columns:1fr}body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__body{padding-inline:10px}}
@media(max-width:640px){body.shiftcontrol-view-jobs .sc-blueprint-slot,body.shiftcontrol-view-jobs .scmk-rendered-slot,body.shiftcontrol-view-jobs .scmk-rendered-module{min-width:0!important;width:100%!important;max-width:100%!important}body.shiftcontrol-view-jobs .scmk-shell-jobs-search>nav{max-width:100%;overflow-x:auto}}

/* Shell Navigation fidelity repair: blueprint-owned desktop geometry. */
body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{
  height:88px!important;
  min-height:88px;
  max-height:88px!important;
  grid-template-columns:minmax(340px,390px) minmax(220px,280px) minmax(330px,1fr) max-content max-content max-content!important;
  gap:10px!important;
  padding:9px 18px!important;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"]:not(.vibes-topbar--replica){
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
}
body.vibes-network-theme:not(.shiftcontrol-view-stream) .sc-blueprint-authenticated-shell__left-rail{width:var(--sc-blueprint-authenticated-left-rail)}
@media(max-width:1320px){
  body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{
    height:76px!important;
    min-height:76px;
    max-height:76px!important;
    grid-template-columns:150px minmax(190px,280px) minmax(300px,1fr) max-content max-content!important;
  }
  body.vibes-network-theme:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"]:not(.vibes-topbar--replica){height:76px!important;min-height:76px!important;max-height:76px!important}
}
@media(max-width:900px){
  body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{
    height:68px!important;
    min-height:68px;
    max-height:68px!important;
    grid-template-columns:132px minmax(0,1fr) max-content max-content!important;
  }
  body.vibes-network-theme:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"]:not(.vibes-topbar--replica){height:68px!important;min-height:68px!important;max-height:68px!important}
}
@media(max-width:640px){
  body.vibes-network-theme:not(.shiftcontrol-view-stream) .vibes-topbar:not(.vibes-topbar--replica)>.vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"]{
    height:62px!important;
    min-height:62px;
    max-height:62px!important;
    grid-template-columns:94px minmax(0,1fr) max-content!important;
    padding-inline:10px!important;
  }
  body.vibes-network-theme:not(.shiftcontrol-view-stream) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"]:not(.vibes-topbar--replica){height:62px!important;min-height:62px!important;max-height:62px!important}
}

/* Pass523: canonical public WordPress and explicit workflow geometry. */
.sc-blueprint--layout-static-content,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  gap:22px;
  align-items:start;
}
.sc-blueprint--layout-static-content>.sc-blueprint-region--header,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]>.sc-blueprint-region--header{grid-column:1 / -1}
.sc-blueprint--layout-static-content>.sc-blueprint-region--primary,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]>.sc-blueprint-region--primary{grid-column:1;min-width:0}
.sc-blueprint--layout-static-content>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]>.sc-blueprint-region--right_rail{grid-column:2;min-width:0}
.scmk-rendered-slot--capability-blocked{min-height:88px}
@media(max-width:780px){
  .sc-blueprint--layout-static-content,
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]{grid-template-columns:minmax(0,1fr);width:min(100% - 20px,720px)}
  .sc-blueprint--layout-static-content>.sc-blueprint-region,
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface^="wordpress-"]>.sc-blueprint-region{grid-column:1!important;grid-row:auto!important}
}

/* Directory capability-aware business discovery geometry.
 * Blueprint Kit owns placement only. Unsupported Directory utilities/rails are
 * reserved in the blueprint registry and therefore do not occupy production
 * space until a real provider module exists. */
body.shiftcontrol-view-directory .sc-blueprint-authenticated-shell__canvas{min-width:0;overflow:visible}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory{
  box-sizing:border-box;
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  align-items:start;
}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--filters{display:none!important}
body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--primary{
  grid-column:1;
  grid-row:1;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:260px auto auto auto;
  gap:14px;
}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot{min-width:0}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.hero"]){grid-column:1;grid-row:1;z-index:1}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){grid-column:1;grid-row:1;z-index:3;align-self:end;margin:0 18px 18px}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.categories"]){grid-column:1;grid-row:2}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.results"]){grid-column:1;grid-row:3}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.pagination"]){grid-column:1;grid-row:4}
body.shiftcontrol-view-directory [data-sc-blueprint-slot="directory.categories"],
body.shiftcontrol-view-directory [data-sc-blueprint-slot="directory.categories"] .scmk-rendered-slot,
body.shiftcontrol-view-directory [data-sc-blueprint-slot="directory.categories"] .scmk-rendered-module{min-width:0;width:100%}

/* Pass302: Directory is a capability-accurate business surface. Keep the
 * authenticated shell shared, but give its approved desktop blueprint the
 * intended page-local rail proportions. Runtime data and Module Kit anatomy
 * stay outside this placement authority. */
@media(min-width:1181px){
  body.shiftcontrol-view-directory{--sc-blueprint-authenticated-left-rail:190px;--sc-blueprint-right-rail:324px}
  /* The Directory-owned first grid row is the shared Explore navigation. Keep
   * that row beneath the authenticated sticky topbar without changing the
   * shell or the widget's shared renderer. */
  body.shiftcontrol-view-directory .sc-blueprint-authenticated-shell__body{
    margin-top:calc(var(--sc-blueprint-shell-column-sticky-top) + 16px);
    gap:20px;
    padding-inline:12px
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory{max-width:1356px;margin-inline:0;grid-template-columns:minmax(0,1fr) 324px;gap:18px}
}

@media(max-width:1180px){
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory{max-width:none}
}
@media(max-width:900px){
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory>.sc-blueprint-region--primary{grid-template-rows:auto;gap:12px}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.hero"]){grid-row:1}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){grid-row:2;align-self:stretch;margin:0}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.categories"]){grid-row:3}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.results"]){grid-row:4}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.pagination"]){grid-row:5}
}

/* Pass538: exact Pass061 family compositions. Blueprint Kit moves regions;
 * Module Kit keeps anatomy and Runtime keeps state, actions, and providers. */
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]{
  grid-template-columns:minmax(0,1fr) minmax(300px,var(--sc-blueprint-right-rail));
  gap:16px;
  align-items:start;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--navigation,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--navigation,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region--navigation{
  grid-column:1 / -1;
  grid-row:1;
  min-width:0;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region--primary{
  grid-column:1;
  grid-row:2;
  min-width:0;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"]>.sc-blueprint-region--right_rail{
  grid-column:2;
  grid-row:2;
  min-width:0;
}

/* Find Friends keeps its compact inner discovery composition while consuming
 * the shared authenticated shell tracks. */
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]{
  grid-template-columns:minmax(0,1fr) clamp(300px,22vw,420px);
  column-gap:clamp(16px,1.3vw,20px);
  row-gap:8px;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--navigation{
  grid-column:1;
  grid-row:1;
  width:max-content;
  max-width:100%;
  justify-self:start;
  grid-template-columns:minmax(0,max-content);
  align-content:start;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--navigation>.sc-blueprint-adapter-slot{
  width:max-content;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--right_rail{
  grid-template-columns:minmax(0,1fr);
  align-content:start;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary{
  row-gap:0;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--right_rail{
  grid-column:2;
  grid-row:1 / span 2;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot{
  grid-column:1;
  min-width:0;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.hero"]){grid-row:1}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){grid-row:2}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.filters"]){grid-row:3}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.results"]){grid-row:4}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="people.nearby"]){grid-row:5}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.pagination"]){grid-row:6}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.results"]),
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="people.nearby"]),
.sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.pagination"]){margin-block-start:12px}

.sc-blueprint--layout-media[data-sc-blueprint-surface="photos"],
.sc-blueprint--layout-media[data-sc-blueprint-surface="albums"],
.sc-blueprint--layout-media[data-sc-blueprint-surface="videos"],
.sc-blueprint--layout-media[data-sc-blueprint-surface="music"],
.sc-blueprint--layout-community[data-sc-blueprint-surface="events"],
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="marketplace"],
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="funding"],
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="courses"],
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="jobs"],
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"],
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blog"],
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blogs"]{
  width:100%;
  max-width:none;
  padding-top:0;
  grid-template-columns:minmax(0,1fr) minmax(300px,var(--sc-blueprint-right-rail));
  gap:16px;
  align-items:start;
}
.sc-blueprint--layout-media[data-sc-blueprint-surface="photos"]>.sc-blueprint-region--header,
.sc-blueprint--layout-media[data-sc-blueprint-surface="albums"]>.sc-blueprint-region--header,
.sc-blueprint--layout-media[data-sc-blueprint-surface="videos"]>.sc-blueprint-region--header,
.sc-blueprint--layout-community[data-sc-blueprint-surface="events"]>.sc-blueprint-region--header{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.sc-blueprint--layout-media[data-sc-blueprint-surface="photos"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-media[data-sc-blueprint-surface="albums"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-media[data-sc-blueprint-surface="videos"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-community[data-sc-blueprint-surface="events"]>.sc-blueprint-region--primary{
  grid-column:1;
  grid-row:2;
  min-width:0;
}
.sc-blueprint--layout-media[data-sc-blueprint-surface="photos"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-media[data-sc-blueprint-surface="albums"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-media[data-sc-blueprint-surface="videos"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-community[data-sc-blueprint-surface="events"]>.sc-blueprint-region--right_rail{
  grid-column:2;
  grid-row:1 / span 2;
  min-width:0;
}
.sc-blueprint--layout-media:is([data-sc-blueprint-surface="photos"],[data-sc-blueprint-surface="albums"],[data-sc-blueprint-surface="videos"])>.sc-blueprint-region-group--media-main{
  display:grid;
  grid-column:1;
  grid-row:1;
  align-content:start;
  gap:16px;
  min-width:0;
}
.sc-blueprint--layout-media:is([data-sc-blueprint-surface="photos"],[data-sc-blueprint-surface="albums"],[data-sc-blueprint-surface="videos"])>.sc-blueprint-region-group--media-main>.sc-blueprint-region{
  grid-column:1;
  grid-row:auto;
  min-width:0;
}
.sc-blueprint--layout-media:is([data-sc-blueprint-surface="photos"],[data-sc-blueprint-surface="albums"],[data-sc-blueprint-surface="videos"])>.sc-blueprint-region--right_rail{
  grid-row:1;
}
.sc-blueprint--layout-media[data-sc-blueprint-surface="music"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="funding"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="courses"]>.sc-blueprint-region--primary,
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="jobs"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blog"]>.sc-blueprint-region--primary,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blogs"]>.sc-blueprint-region--primary{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.sc-blueprint--layout-media[data-sc-blueprint-surface="music"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="funding"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-marketplace[data-sc-blueprint-surface="courses"]>.sc-blueprint-region--right_rail,
body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="jobs"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blog"]>.sc-blueprint-region--right_rail,
.sc-blueprint--layout-editorial[data-sc-blueprint-surface="blogs"]>.sc-blueprint-region--right_rail{
  grid-column:2;
  grid-row:1;
  min-width:0;
}

.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]{
  grid-template-columns:minmax(0,1fr) clamp(340px,27.1vw,516px);
  column-gap:clamp(16px,1.3vw,20px);
}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  align-content:start;
}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot{grid-column:1;min-width:0}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.hero"]){grid-row:1}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.nav"]){grid-row:2}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.card"]){grid-row:3}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.actions"]){grid-row:4}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.queue"]){grid-row:5}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail>.sc-blueprint-adapter-slot{grid-column:1;min-width:0}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.context"]){grid-row:1}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.signals"]){grid-row:2}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.history"]){grid-row:3}
.sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--right_rail>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="decision.safety"]){grid-row:4}

@media(max-width:900px){
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
  .sc-blueprint--layout-media[data-sc-blueprint-surface="photos"],
  .sc-blueprint--layout-media[data-sc-blueprint-surface="albums"],
  .sc-blueprint--layout-media[data-sc-blueprint-surface="videos"],
  .sc-blueprint--layout-media[data-sc-blueprint-surface="music"],
  .sc-blueprint--layout-community[data-sc-blueprint-surface="events"],
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="marketplace"],
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="funding"],
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="courses"],
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="jobs"],
  .sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"],
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface="blog"],
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface="blogs"]{
    grid-template-columns:minmax(0,1fr);
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region,
  .sc-blueprint--layout-media[data-sc-blueprint-surface="photos"]>.sc-blueprint-region,
  .sc-blueprint--layout-media[data-sc-blueprint-surface="albums"]>.sc-blueprint-region,
  .sc-blueprint--layout-media[data-sc-blueprint-surface="videos"]>.sc-blueprint-region,
  .sc-blueprint--layout-media[data-sc-blueprint-surface="music"]>.sc-blueprint-region,
  .sc-blueprint--layout-community[data-sc-blueprint-surface="events"]>.sc-blueprint-region,
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region,
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="funding"]>.sc-blueprint-region,
  .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="courses"]>.sc-blueprint-region,
  body.shiftcontrol-view-jobs .sc-blueprint--layout-marketplace[data-sc-blueprint-surface="jobs"]>.sc-blueprint-region,
  .sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region,
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface="blog"]>.sc-blueprint-region,
  .sc-blueprint--layout-editorial[data-sc-blueprint-surface="blogs"]>.sc-blueprint-region{
    grid-column:1;
    grid-row:auto;
    position:static;
    max-height:none;
    overflow:visible;
  }
  .sc-blueprint--layout-media:is([data-sc-blueprint-surface="photos"],[data-sc-blueprint-surface="albums"],[data-sc-blueprint-surface="videos"])>.sc-blueprint-region-group--media-main{
    grid-column:1;
    grid-row:auto;
  }
  .sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary{
    grid-template-columns:minmax(0,1fr);
  }
  .sc-blueprint--layout-decision[data-sc-blueprint-surface="hotornot"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--navigation{
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"]>.sc-blueprint-region--navigation>.sc-blueprint-adapter-slot{
    width:100%;
  }
}

@media (max-width: 640px) {
  body.vibes-network-theme .sc-blueprint-authenticated-shell__canvas > .vibes-authenticated-footer,
  body.shiftcontrol-view-stream .sc-blueprint-authenticated-shell__canvas > .vibes-authenticated-footer {
    margin-bottom:72px;
  }
}

/* Pass550: one shared authenticated desktop main/right geometry. The outer
 * left rail and each Blueprint-owned right rail use the same native sticky
 * offset; the center canvas remains in natural document flow. */
@media (min-width: 1181px) {
  /* Give native sticky columns a containing-block runway even when a surface's
   * center canvas is shorter than the navigation rail. Without this, the grid
   * body collapses to the rail's own height and the sticky item is pushed under
   * the global header near the document boundary. */
  .sc-blueprint-authenticated-shell__body,
  .sc-blueprint-communication-shell__body {
    min-height:calc(100vh - var(--sc-blueprint-shell-column-sticky-top));
  }

  /* Messages intentionally owns bounded internal list/thread scrollers. Keep
   * its canonical three-region canvas at the shared shell offset so both the
   * conversation rail and context rail remain stable without fixed or JS
   * positioning while the outer page reaches its footer normally. */
  .sc-blueprint--layout-communication[data-sc-blueprint-communication-variant="messages"] {
    position:sticky;
    top:var(--sc-blueprint-shell-column-sticky-top);
    align-self:start;
  }

  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"],
  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"]),
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,var(--sc-blueprint-right-rail));
    gap:var(--sc-blueprint-gap,16px);
    align-items:start;
    width:100%;
    max-width:1280px;
  }

  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"])>.sc-blueprint-region--header,
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"]>.sc-blueprint-region--header {
    grid-column:1 / -1;
    grid-row:1;
  }

  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--primary {
    grid-column:1;
    grid-row:1;
  }

  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"])>.sc-blueprint-region--primary,
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"]>.sc-blueprint-region--primary {
    grid-column:1;
    grid-row:2;
  }

  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:1;
  }

  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"])>.sc-blueprint-region--right_rail,
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"]>.sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:2;
  }

  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--right_rail,
  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"])>.sc-blueprint-region--right_rail,
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"]>.sc-blueprint-region--right_rail {
    display:grid!important;
    position:sticky;
    top:var(--sc-blueprint-shell-column-sticky-top);
    align-self:start;
    width:auto;
    height:auto;
    max-height:none;
    overflow:visible;
    overscroll-behavior:auto;
    scrollbar-gutter:auto;
  }

  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] {
    height:auto;
    min-height:0;
    grid-template-areas:none;
  }
}

@media (max-width:1180px) {
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"],
  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"]),
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] {
    grid-template-columns:minmax(0,1fr);
    height:auto;
    min-height:0;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region,
  .sc-blueprint--layout-community:is([data-sc-blueprint-surface="groups"],[data-sc-blueprint-surface="pages"],[data-sc-blueprint-surface="events"])>.sc-blueprint-region,
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"]>.sc-blueprint-region {
    display:grid!important;
    /* Retire older surface-specific desktop coordinates at the shared
     * responsive boundary. Without the explicit precedence, Directory's
     * former column:2 rule creates an implicit 293px track on phones. */
    grid-column:1!important;
    grid-row:auto!important;
    position:static;
    width:auto;
    height:auto;
    max-height:none;
    overflow:visible;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--filters { display:none!important; }
}

/* Pass554: Directory owns this large-desktop composition. The shared shell
 * supplies the available canvas; this surface must consume it rather than
 * retaining the legacy 1356px cap beyond the approved desktop reference. */
@media (min-width:1600px){
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory{
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(324px,19vw,360px);
    gap:20px;
  }
}

/* Pass555: Groups has its own two-column collection composition. The hero and
 * empty collection remain in the primary column while its runtime context rail
 * begins beside the hero. Other community surfaces retain the shared layout. */
@media (min-width:1181px) {
  .sc-blueprint--layout-community[data-sc-blueprint-surface="groups"] > .sc-blueprint-region--header {
    grid-column:1;
    grid-row:1;
  }
  .sc-blueprint--layout-community[data-sc-blueprint-surface="groups"] > .sc-blueprint-region--primary {
    grid-column:1;
    grid-row:2;
  }
  .sc-blueprint--layout-community[data-sc-blueprint-surface="groups"] > .sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:1 / span 2;
  }
}

/* Explore is a route family, not a duplicate shell. Friends receives the same
 * full canvas as the other authenticated collection surfaces, while the
 * Business Directory keeps its existing business composition below the family
 * navigation header. */
@media (min-width:1181px) {
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(300px,22vw,376px);
    gap:18px;
    align-items:start;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"] > .sc-blueprint-region--navigation,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"] > .sc-blueprint-region--navigation,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"] > .sc-blueprint-region--navigation,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--navigation,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--navigation {
    grid-column:1 / -1;
    grid-row:1;
    min-width:0;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"] > .sc-blueprint-region--primary,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"] > .sc-blueprint-region--primary,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"] > .sc-blueprint-region--primary,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--primary,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--primary {
    grid-column:1;
    grid-row:2;
    min-width:0;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"] > .sc-blueprint-region--right_rail,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"] > .sc-blueprint-region--right_rail,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"] > .sc-blueprint-region--right_rail,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--right_rail,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:2;
    min-width:0;
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"] > .sc-blueprint-region--right_rail {
    position:sticky;
    top:var(--sc-blueprint-shell-column-sticky-top);
    align-self:start;
  }

  /* Directory retains its business composition, but the shared Explore row
   * precedes that composition. These selectors intentionally match the
   * Directory placement rule's specificity; they do not alter the renderer,
   * shared shell, or runtime. */
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--navigation {
    grid-column:1 / -1;
    grid-row:1;
    min-width:0;
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--primary {
    grid-column:1;
    grid-row:2;
    min-width:0;
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:2;
    min-width:0;
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--navigation {
    grid-column:1 / -1;
    grid-row:1;
    min-width:0;
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--primary {
    grid-column:1;
    grid-row:2;
    min-width:0;
  }
  body.shiftcontrol-view-directory .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region--right_rail {
    grid-column:2;
    grid-row:2;
    min-width:0;
  }
}

@media (max-width:1180px) {
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"],
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] {
    grid-template-columns:minmax(0,1fr);
  }
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"] > .sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"] > .sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="find-friends"] > .sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="explore"] > .sc-blueprint-region,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"] > .sc-blueprint-region--navigation {
    grid-column:1!important;
    grid-row:auto!important;
    position:static;
  }
}

/* Pass556: Groups shares the community composition primitive, but its approved
 * large-desktop collection canvas must consume the available authenticated
 * shell width. This is intentionally Groups-only: Pages and Events retain the
 * shared cap, and Directory keeps its independently qualified exception. */
@media (min-width:1600px) {
  .sc-blueprint--layout-community[data-sc-blueprint-surface="groups"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(340px,19vw,380px);
    gap:20px;
  }
}


/* Pages has its own large-desktop canvas rule. The shared community cap is
 * appropriate below 1600px, but at a 1920px browser viewport it unnecessarily
 * constrains the authenticated Pages composition to 1280px. Keep the normal
 * shell gutters, retain Pages' existing right-rail semantics, and release only
 * this surface through the Blueprint Kit composition owner. */
@media (min-width:1600px) {
  .sc-blueprint--layout-community[data-sc-blueprint-surface="pages"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(320px,19vw,360px);
    gap:20px;
  }
}

/* Events is independently released at large desktop: preserve its ordinary
 * responsive community geometry, but do not retain the historical 1280px cap
 * inside a 1920px authenticated application canvas. */
@media (min-width:1600px) {
  .sc-blueprint--layout-community[data-sc-blueprint-surface="events"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(320px,18.75vw,360px);
    gap:20px;
  }
}

/* Forum owns its own approved large-desktop canvas. Its retained General forum,
 * zero-discussion state, and three-card context rail require the same complete
 * authenticated application canvas, without changing the shared shell or any
 * previously qualified community surface. */
@media (min-width:1600px) {
  .sc-blueprint--layout-community[data-sc-blueprint-surface="forum"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(320px,18.75vw,360px);
    gap:20px;
  }
}

/* Saved has a distinct personal-library composition; release only this
 * surface from the historical communication-shell cap at large desktop. */
@media (min-width:1600px) {
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] {
    width:100%;
    max-width:none;
    grid-template-columns:minmax(0,1fr) clamp(320px,18.75vw,360px);
    gap:20px;
  }
}

@media (min-width:1181px) {
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] { grid-template-rows:max-content; }
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] > .sc-blueprint-region-group--primary_stack { display:grid;grid-column:1;grid-row:1;gap:var(--sc-blueprint-gap,16px);min-width:0; }
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] > .sc-blueprint-region--right_rail { grid-column:2;grid-row:1; }
}

/* Notifications and Saved are document-scrolling pages, not bounded
 * communication workspaces. Keep Messages' native region scrolling intact
 * while returning these two list surfaces to the shared page-scroll contract. */
.sc-blueprint--layout-communication:is([data-sc-blueprint-communication-variant="notifications"],[data-sc-blueprint-surface="saved"]) {
  height:auto;
  min-height:0;
  overflow:visible;
}
.sc-blueprint--layout-communication:is([data-sc-blueprint-communication-variant="notifications"],[data-sc-blueprint-surface="saved"]) > .sc-blueprint-region {
  height:auto;
  overflow:visible;
  overscroll-behavior:auto;
  scrollbar-gutter:auto;
}

/* Shared sticky rails require a containing-block runway. A short rail inside a
 * sparse Blueprint previously made its grid root exactly as tall as the rail,
 * so native sticky released immediately even though the rail fit the viewport.
 * The root fills the same full viewport-height runway already reserved by the
 * outer shell. Subtracting the sticky offset here leaves near-viewport-height
 * rails with less travel than the document itself. No overflow owner is added;
 * long layouts continue to grow naturally with their content. */
@media (min-width:1181px) {
  .sc-blueprint:has(> .sc-blueprint-region-kind--rail) {
    min-height:100vh;
  }
}

/* Marketplace page-specific authority: MARKETPLACE_PAGE_BLUEPRINT.png,
 * 1536x1024. Three columns are intentional; the page-specific reference
 * supersedes the generic four-column social default. No module paint here. */
body.vibes-network-theme .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="marketplace"]>.sc-blueprint-authenticated-shell__body{
 width:100%;max-width:none;margin:0;padding:0 clamp(15px,2.01823vw,34px) 10px clamp(12px,.9765625vw,18px);
 grid-template-columns:clamp(184px,12.82552vw,228px) minmax(0,1fr);gap:clamp(16px,1.302083vw,24px);align-items:start;
}
body.vibes-network-theme [data-sc-blueprint-authenticated-surface="marketplace"] .sc-blueprint-authenticated-shell__left-rail{
 width:auto;min-width:0;position:sticky;top:calc(var(--sc-shell-adminbar-height,0px) + 72px);max-height:none;overflow:visible;
}
body.vibes-network-theme [data-sc-blueprint-authenticated-surface="marketplace"] .sc-blueprint-authenticated-shell__canvas>.sc-blueprint[data-sc-blueprint-surface="marketplace"]{
 display:grid;width:100%;max-width:none;min-height:0;padding:0;margin:0;grid-template-columns:minmax(0,1fr) clamp(290px,21.6796875vw,390px);gap:15px;
}
.sc-blueprint[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--primary{display:grid;gap:0;grid-column:1;grid-row:1;min-width:0}
.sc-blueprint[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--right_rail{display:grid;gap:12px;grid-column:2;grid-row:1;position:static;padding-top:5px;min-width:0}
body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica[data-sc-blueprint-shell-topbar="v1"]>[data-sc-blueprint-shell-region="topbar-inner"]{
 grid-template-columns:197px minmax(220px,417px) minmax(0,1fr) max-content!important;gap:20px!important;padding:0 30px 0 22px!important;
}
body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica [data-sc-blueprint-shell-region-role="primary-navigation"]{display:flex!important;justify-content:space-evenly!important;min-width:0}
@media(max-width:1180px){
 body.vibes-network-theme .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="marketplace"]>.sc-blueprint-authenticated-shell__body{grid-template-columns:minmax(0,1fr);padding-inline:16px}
 body.vibes-network-theme [data-sc-blueprint-authenticated-surface="marketplace"] .sc-blueprint-authenticated-shell__left-rail{display:none}
 body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica[data-sc-blueprint-shell-topbar="v1"]>[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:170px minmax(0,1fr) max-content!important;padding-inline:16px!important;gap:14px!important}
 body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica [data-sc-blueprint-shell-region-role="search"]{display:none!important}
}
@media(max-width:900px){
 body.vibes-network-theme [data-sc-blueprint-authenticated-surface="marketplace"] .sc-blueprint-authenticated-shell__canvas>.sc-blueprint[data-sc-blueprint-surface="marketplace"]{grid-template-columns:minmax(0,1fr)}
 .sc-blueprint[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--right_rail{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;align-items:start}
}
@media(max-width:540px){
 body.vibes-network-theme .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="marketplace"]>.sc-blueprint-authenticated-shell__body{padding-inline:12px}
 .sc-blueprint[data-sc-blueprint-surface="marketplace"]>.sc-blueprint-region--right_rail{grid-template-columns:minmax(0,1fr)}
 body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica[data-sc-blueprint-shell-topbar="v1"]>[data-sc-blueprint-shell-region="topbar-inner"]{grid-template-columns:112px minmax(0,1fr) max-content!important;gap:8px!important;padding-inline:12px!important}
 body.vibes-theme:is(.shiftcontrol-view-marketplace,.shiftcontrol-view-store,.shiftcontrol-view-shop) .vibes-topbar--replica [data-sc-blueprint-shell-region-role="primary-navigation"]{justify-content:flex-start!important;overflow-x:auto}
}

/* Successor People blueprints: each page owns one primary collection and a
 * contextual right rail. The accepted authenticated shell remains unchanged. */
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--navigation {
  grid-column:1 / -1;
  grid-row:1;
  width:100%;
  max-width:100%;
  justify-self:stretch;
  grid-template-columns:minmax(0,1fr);
  overflow:visible;
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--navigation>.sc-blueprint-adapter-slot {
  width:100%;
  max-width:100%;
  overflow:visible;
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--primary {
  grid-column:1;
  grid-row:2;
  row-gap:0;
  min-width:0;
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--right_rail {
  grid-column:2;
  grid-row:2;
  align-content:start;
  min-width:0;
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot {
  grid-column:1;
  grid-row:auto;
  min-width:0;
  margin:0;
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.pagination"]) { margin-top:10px; }
@media(max-width:1180px){
  .sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"]) { grid-template-columns:minmax(0,1fr); }
  .sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region { grid-column:1; grid-row:auto; position:static; max-height:none; overflow:visible; }
}
.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){position:relative;z-index:3}

.sc-blueprint--layout-directory:is([data-sc-blueprint-surface="members"],[data-sc-blueprint-surface="explore"],[data-sc-blueprint-surface="find-friends"])>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]) .sc-blueprint-slot{contain:layout}

/* Members Directory blueprint geometry. The member collection
 * consumes these track variables in Module Kit; Vibes does not own columns. */
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]{
  --sc-people-member-grid-columns:repeat(5,minmax(0,1fr));
  --sc-people-member-grid-gap:11px;
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){
  margin:-83px 16px 17px;
}
@media(max-width:1200px){
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]{--sc-people-member-grid-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]{--sc-people-member-grid-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="members"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){margin:-107px 10px 14px}
}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]){position:relative;z-index:3}
.sc-blueprint--layout-directory[data-sc-blueprint-surface="directory"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.search"]) .sc-blueprint-slot{contain:layout}

/* Community Lite: approved nested primary/context composition, not a second shell. */
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:18px 22px;grid-template-areas:none;grid-template-rows:auto;align-items:start;padding:0;margin:0;max-width:none;width:100%;min-width:0}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region{min-width:0;max-width:none;margin:0;padding:0;display:grid;gap:16px;align-content:start;grid-column:auto;grid-row:auto;position:static;width:auto}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--primary{grid-column:1;grid-row:1}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--right_rail{grid-column:2;grid-row:1 / span 4}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--media_canvas{display:contents}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] .sc-blueprint-slot{min-width:0;padding:0;margin:0;max-width:100%}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] .sc-blueprint-slot:empty{display:none}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="profile"]>.sc-blueprint-region--profile_header{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cover cover" "identity actions" "tabs tabs";gap:0;margin-top:50px;height:auto;min-height:0;max-height:none;overflow:visible;align-items:stretch;grid-template-rows:auto}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="profile"]>.sc-blueprint-region--primary{grid-row:2}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] [data-sc-blueprint-slot="profile.cover"]{grid-area:cover}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] [data-sc-blueprint-slot="profile.identity"]{grid-area:identity}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] [data-sc-blueprint-slot="profile.actions"]{grid-area:actions}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] [data-sc-blueprint-slot="profile.tabs"]{grid-area:tabs}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--hero{grid-column:1;grid-row:1}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]:has(>.sc-blueprint-region--hero)>.sc-blueprint-region--primary{grid-row:2}
@media(min-width:1600px){.sc-blueprint[data-sc-blueprint-presentation="community-lite"]{grid-template-columns:minmax(0,1fr) 310px;column-gap:26px}}
@media(max-width:1350px){.sc-blueprint[data-sc-blueprint-presentation="community-lite"]{grid-template-columns:minmax(0,1fr) 268px;column-gap:18px}}
@media(max-width:1100px){.sc-blueprint[data-sc-blueprint-presentation="community-lite"]{grid-template-columns:minmax(0,1fr)}.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--right_rail{display:none}}
@media(max-width:700px){.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="profile"]>.sc-blueprint-region--profile_header{grid-template-columns:minmax(0,1fr);grid-template-areas:"cover" "identity" "actions" "tabs"}}

.sc-blueprint[data-sc-blueprint-presentation="community-lite"]>.sc-blueprint-region--header{grid-column:1;grid-row:1}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"]:has(>.sc-blueprint-region--header)>.sc-blueprint-region--primary{grid-row:2}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]{grid-template-columns:300px minmax(0,1fr);gap:0;min-height:650px;height:calc(100dvh - 125px)}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]>.sc-blueprint-region--list{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:0;min-height:0;height:100%;overflow:auto}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]>.sc-blueprint-region--primary{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;min-height:0;height:100%;overflow:hidden}
.sc-blueprint[data-sc-blueprint-presentation="community-lite"] [data-sc-blueprint-slot="communication.items"]{flex:1;overflow:auto;min-height:220px}
/* Selected immutable Blueprint payload: numeric, validated region gaps only.
 * Registered placement/visibility/breakpoints and Module presentation stay owned
 * by their existing contracts. Absence has no effect on historical profiles. */
:root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface]{gap:var(--sc-blueprint-custom-gap-wide-desktop)}
@media(max-width:1536px){:root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface]{gap:var(--sc-blueprint-custom-gap-desktop)}}
@media(max-width:1280px){:root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface]{gap:var(--sc-blueprint-custom-gap-tablet)}}
@media(max-width:767px){:root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface]{gap:var(--sc-blueprint-custom-gap-mobile)}}
@media(max-width:700px){.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]>.sc-blueprint-region--list{grid-column:1;grid-row:1;max-height:270px}.sc-blueprint[data-sc-blueprint-presentation="community-lite"][data-sc-blueprint-surface="messages"]>.sc-blueprint-region--primary{grid-column:1;grid-row:2;min-height:490px}}

/* Notifications stacks its intrinsic filter and action modules on compact phones.
 * Blueprint Kit owns this slot placement; module shells retain their own anatomy. */
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot{min-width:0}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary{grid-template-columns:minmax(0,1fr)!important}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.summary"]){grid-column:1/-1;margin-bottom:14px}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.filters"]){grid-column:1/-1!important}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.actions"]){grid-column:1/-1!important}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.feed"]){grid-column:1/-1;margin-top:14px}
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.items"]),
body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="notifications.empty"]){grid-column:1/-1}
@media(max-width:640px){
  body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary{grid-template-columns:minmax(0,1fr)}
  body.shiftcontrol-view-notifications .sc-blueprint--layout-communication[data-sc-blueprint-surface="notifications"]>.sc-blueprint-region--primary>.sc-blueprint-adapter-slot{grid-column:1/-1}
}

/* Course family renderers may truthfully suppress structural regions that have
 * no independent donor card. Blueprint Kit collapses only those empty slots;
 * Module Kit remains the authority for deciding whether content exists. */
body.shiftcontrol-view-courses .sc-blueprint[data-sc-blueprint-surface="courses"] .sc-blueprint-adapter-slot:empty,
body.shiftcontrol-view-courses .sc-blueprint[data-sc-blueprint-surface="courses"] .sc-blueprint-adapter-slot:has([data-scmk-module-suppressed="true"]){display:none!important}

/* Default Status responsive access: the neutral shell has no theme-supplied
 * topbar, so its one canonical navigation rail relocates above the canvas.
 * Blueprint Kit owns this placement; Module Kit owns the navigation anatomy. */
@media (max-width:1180px) {
  body.shiftcontrol-view-stream .sc-blueprint-authenticated-shell[data-sc-default-status-shell="neutral-canonical"] > .sc-blueprint-authenticated-shell__body {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:1rem;
  }
  body.shiftcontrol-view-stream .sc-blueprint-authenticated-shell[data-sc-default-status-shell="neutral-canonical"] .sc-blueprint-authenticated-shell__left-rail {
    display:block;
    position:static;
    width:auto;
    max-height:none;
    overflow:visible;
  }
  body.shiftcontrol-view-stream .sc-blueprint-authenticated-shell[data-sc-default-status-shell="neutral-canonical"] .sc-blueprint-authenticated-shell__rail-context { display:none; }
}

/* Opt-in three-lane composition geometry. This selected Blueprint variant is
 * the structural owner; other Stream/Profile compositions retain their layout. */
body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"],
body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
}
@media (max-width:850px) and (min-width:521px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"],
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }
}

/* Pass470 responsive Footer Card placement. A single canonical right-rail
 * assignment is terminal in a distinct desktop rail and becomes the final
 * normal-flow route module when the owning Blueprint collapses to one column.
 * No order property, relocation script, duplicate renderer, or theme rule is
 * involved: DOM order and Blueprint geometry are the complete authority. */
@media (max-width:1170px) {
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail:has([data-sc-blueprint-slot="support.footer_card"]) {
    display:grid !important;
    position:static !important;
    inset:auto !important;
    grid-area:auto !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
  }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail:has([data-sc-blueprint-slot="support.footer_card"]) > :is(.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="support.footer_card"]), .sc-blueprint-slot[data-sc-blueprint-slot="support.footer_card"]) {
    width:min(100%,320px);
    justify-self:start;
  }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] .scmk-community-hero__community-trigger {
    display:none;
  }
}
@media (max-width:900px) {
  .sc-blueprint > .sc-blueprint-region--right_rail:has([data-sc-blueprint-slot="support.footer_card"]) {
    display:grid !important;
    position:static !important;
    inset:auto !important;
    grid-area:auto !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .sc-blueprint > .sc-blueprint-region--right_rail:has([data-sc-blueprint-slot="support.footer_card"]) > :is(.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="support.footer_card"]), .sc-blueprint-slot[data-sc-blueprint-slot="support.footer_card"]) {
    width:min(100%,320px);
    justify-self:start;
  }
}
@media (max-width:520px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"][data-sc-blueprint-shell-owner="shiftcontrol-blueprint-kit"],
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
}
body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] > .sc-blueprint-authenticated-shell__body {
  box-sizing:border-box;
  max-width:1496px;
  margin:0 auto;
  padding:22px 24px 44px;
  grid-template-columns:198px minmax(0,1fr);
  gap:22px;
}
body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail { display:block;width:198px; }
body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"] { height:41px;max-width:380px; }
body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] {
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 298px;
  grid-template-areas:"primary right";
  gap:22px;
}
@media (min-width:1600px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] > .sc-blueprint-authenticated-shell__body { max-width:1536px;grid-template-columns:208px minmax(0,1fr);gap:26px; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail { width:208px; }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] { grid-template-columns:minmax(0,1fr) 310px;gap:26px; }
}
@media (max-width:1350px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] > .sc-blueprint-authenticated-shell__body { grid-template-columns:180px minmax(0,1fr);gap:18px; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail { width:180px; }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] { grid-template-columns:minmax(0,1fr) 268px;gap:18px; }
}
@media (max-width:1170px) {
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] { grid-template-columns:minmax(0,1fr);grid-template-areas:"primary"; }
  body.shiftcontrol-view-stream .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail { display:none; }
}
@media (max-width:850px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] > .sc-blueprint-authenticated-shell__body { display:block;padding-inline:18px; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail { display:none; }

  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 40px auto!important;
    grid-template-areas:"menu brand search account";
    align-items:center;
    gap:8px;
  }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-drawer-toggle="navigation"] { display:grid;grid-area:menu;place-items:center;width:40px;height:40px; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] .vibes-logo { grid-area:brand; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"] { display:flex;grid-area:search;width:40px;min-width:40px;max-width:40px;height:40px; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"] > input { display:none; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"].is-open { position:absolute;z-index:1002;inset-inline:18px;width:auto;min-width:0;max-width:none; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"].is-open > input { display:block;min-width:0;flex:1; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="account"] { grid-area:account; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="create-action"] { display:none; }
}
@media (min-width:621px) and (max-width:850px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] { grid-template-columns:40px auto minmax(140px,1fr) auto!important; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"] { width:100%;min-width:0;max-width:none; }
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) [data-sc-blueprint-shell-region-role="search"] > input { display:block;min-width:0; }
}
@media (max-width:520px) {
  body.shiftcontrol-view-stream:has(.sc-blueprint[data-sc-blueprint-composition-variant="compact-community-three-lane"]) .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] > .sc-blueprint-authenticated-shell__body { padding:15px 11px 24px; }
}
@media (max-width:1170px) {
  body.shiftcontrol-view-stream[data-sc-blueprint-drawer-open="community"] .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail {
    display:block!important;
    position:fixed;
    z-index:1001;
    top:calc(var(--sc-shell-adminbar-height,0px) + 76px);
    right:0;
    bottom:0;
    width:min(320px,calc(100vw - 32px));
    max-height:none;
    overflow:auto;
    padding:16px;
    background:var(--scmk-theme-colors-surface-default,#050619);
    box-shadow:-18px 0 42px rgba(0,0,0,.32);
  }
}
@media (max-width:850px) {
  body.shiftcontrol-view-stream[data-sc-blueprint-drawer-open="navigation"] .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail {
    display:block!important;
    position:fixed;
    z-index:1001;
    top:calc(var(--sc-shell-adminbar-height,0px) + 68px);
    left:0;
    bottom:0;
    width:min(300px,calc(100vw - 32px));
    max-height:none;
    overflow:auto;
    padding:12px;
    background:var(--scmk-theme-colors-surface-default,#050619);
    box-shadow:18px 0 42px rgba(0,0,0,.32);
  }
  body.shiftcontrol-view-stream[data-sc-blueprint-drawer-open="community"] .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail { top:calc(var(--sc-shell-adminbar-height,0px) + 68px); }
}
@media (max-width:520px) {
body.shiftcontrol-view-stream[data-sc-blueprint-drawer-open="navigation"] .sc-blueprint-authenticated-shell[data-sc-blueprint-authenticated-surface="stream"] .sc-blueprint-authenticated-shell__left-rail,
  body.shiftcontrol-view-stream[data-sc-blueprint-drawer-open="community"] .sc-blueprint--layout-social-three-column-stream[data-sc-blueprint-composition-variant="compact-community-three-lane"] > .sc-blueprint-region--right_rail { top:calc(var(--sc-shell-adminbar-height,0px) + 64px); }
}

/* Pass604: unified intrinsic application-composition density.
 * A theme-managed route composition owns only the geometry required by its
 * assigned modules. Project the selected composition-density contract through
 * the existing authenticated shell so the historical sticky runway and outer
 * viewport floor cannot manufacture document height on sparse routes. This is
 * conditional geometry on the existing shell—not a second shell or controller.
 * Assignment metadata—not rendered text or DOM emptiness—keeps canonical
 * empty/loading/error modules visible.
 */
.sc-blueprint-authenticated-shell:has(.sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"]) {
  min-height:0;
}
.sc-blueprint-authenticated-shell__body:has(> .sc-blueprint-authenticated-shell__canvas > .sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"]) {
  min-height:0;
}
.sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"] {
  min-height:0;
  align-content:start;
}
.sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"] .sc-blueprint-slot[data-sc-blueprint-slot-registered-modules="0"],
.sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"] .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot[data-sc-blueprint-slot-registered-modules="0"]),
.sc-blueprint[data-sc-blueprint-composition-density="intrinsic-assigned-modules"] > .sc-blueprint-region[data-sc-blueprint-region-occupancy="unassigned"] {
  display:none;
}

/* A registered premium Directory module that is not admitted is not visible
 * presentation content. Hide only that blocked assignment wrapper while
 * retaining any legitimately admitted rail consumer, including Footer Card;
 * no entitlement, module identity, or placement contract is changed here. */
.sc-blueprint--layout-directory[data-sc-blueprint-composition-variant="explore-businesses"] > .sc-blueprint-region--right_rail > .sc-blueprint-adapter-slot:has(> .sc-blueprint-slot > .scmk-rendered-slot--capability-blocked) {
  display:none;
}

/* Friendship compositions do not declare a navigation region. Their primary
 * and intrinsic right rail therefore start in the first real grid row instead
 * of preserving the historical empty header track. */
@media (min-width:1181px) {
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"][data-sc-blueprint-composition-density="intrinsic-assigned-modules"] > .sc-blueprint-region--primary,
  .sc-blueprint--layout-directory[data-sc-blueprint-surface="friends"][data-sc-blueprint-composition-density="intrinsic-assigned-modules"] > .sc-blueprint-region--right_rail {
    grid-row:1;
  }
}

/* Neutral structured defaults v2. Opt-in registered composition; never a global theme reset. */
.sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:none; grid-template-rows:none; grid-auto-rows:auto; gap:1.5rem !important;
  block-size:auto; min-block-size:0; align-content:start;
  inline-size:100%; max-inline-size:85rem; margin-inline:auto; padding:1.5rem !important;
}
.sc-blueprint[data-sc-blueprint-contextual-side-rail-enabled="true"] {
  max-inline-size:85rem !important;
  margin-inline:auto !important;
}
.sc-blueprint[data-sc-blueprint-contextual-side-rail-enabled="true"] > [data-sc-blueprint-contextual-side-rail="canonical-v1"] {
  inline-size:100%; min-inline-size:0;
}
.sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] {
  max-inline-size:85rem !important;
  margin-inline:auto !important;
}
.sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > [data-sc-blueprint-canonical-left-rail="canonical-v1"] {
  inline-size:100%; min-inline-size:0;
}
.sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region {
  grid-area:auto; grid-column:1; grid-row:auto; min-block-size:0; block-size:auto; min-inline-size:0; inline-size:auto; max-inline-size:none;
  display:grid; gap:1rem; align-content:start; position:static; padding:0;
}
/* Historical surface selectors name grid areas (for example `primary` and
 * `right`) with greater selector specificity.  A neutral composition owns its
 * complete region geometry, so retire those inherited names before normal
 * DOM-order placement.  This keeps header/navigation first and allows the
 * primary and contextual rail to share the following desktop row. */
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region {
  grid-row:auto !important;
}
.sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"]:has(> :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail)) {
  /* The opt-in composition replaces the historical primary-only Neutral Basic
   * rule and any surface-family areas.  Important is deliberately limited to
   * the two declarations that retire those higher-specificity legacy owners. */
  grid-template-columns:minmax(0,1fr) minmax(16rem,20rem) !important;
  grid-template-areas:none !important;
}
body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"]:has(> :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail)) {
  grid-template-columns:minmax(13.75rem,17.5rem) minmax(0,1fr) minmax(16rem,20rem) !important;
}
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
  .sc-blueprint-region--header,
  .sc-blueprint-region--profile_header,
  .sc-blueprint-region--navigation
) { grid-area:auto !important; grid-column:1 / -1 !important; grid-row:auto !important; }
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region--primary {
  grid-area:auto !important; grid-column:1 !important; grid-row:auto !important;
}
body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--left_rail {
  grid-area:auto !important; grid-column:1 !important; grid-row:auto !important;
}
body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--primary {
  grid-column:2 !important;
}
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region--right_rail {
  grid-area:auto !important; grid-column:2 !important; grid-row:auto !important;
}
body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--right_rail {
  grid-column:3 !important;
}
/* Explore emits its canonical left rail before navigation in DOM order. Keep
 * the shared navigation on row one and align all three content regions on row
 * two so the primary records are not displaced below the full left rail. */
@media (min-width:1025px) {
  body .sc-blueprint[data-sc-blueprint-surface="explore"][data-sc-blueprint-composition-variant^="neutral-basic-explore"] > .sc-blueprint-region--navigation {
    grid-row:1 !important;
  }
  body .sc-blueprint[data-sc-blueprint-surface="explore"][data-sc-blueprint-composition-variant^="neutral-basic-explore"] > :is(.sc-blueprint-region--left_rail,.sc-blueprint-region--primary,.sc-blueprint-region--right_rail) {
    grid-row:2 !important;
  }
}
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail {
  grid-area:auto !important; grid-column:2 !important; grid-row:auto !important; min-inline-size:0;
}
body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-stream-supporting-rail {
  grid-column:3 !important;
}
body.shiftcontrol-view-stream .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--right_rail {
  grid-area:auto !important; grid-column:auto !important; grid-row:auto !important; inline-size:100%;
  display:grid;
  gap:1rem;
  position:static !important; inset:auto !important; max-block-size:none; overflow:visible;
}
/* Neutral Basic rails are sticky desktop columns by default. A tall rail owns
 * a bounded internal scrollport so every module remains reachable while the
 * column stays below the shared shell. Stream uses its outer supporting
 * wrapper as the single sticky owner, never two nested anchors. */
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] {
  --sc-blueprint-rail-sticky-top:var(--sc-blueprint-shell-content-top,calc(var(--sc-shell-adminbar-height,0px) + var(--sc-shell-topbar-height,64px) + 1rem));
  --sc-blueprint-rail-sticky-bottom:1.5rem;
}
body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
  .sc-blueprint-region--left_rail,
  .sc-blueprint-region--right_rail,
  .sc-blueprint-stream-supporting-rail
) {
  position:static !important;
  top:auto !important;
  align-self:start;
  block-size:auto !important;
  max-height:none !important;
  max-block-size:none !important;
  overflow:visible !important;
  scrollbar-gutter:auto;
  overscroll-behavior:auto;
}
@media (min-width:1025px) {
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
    .sc-blueprint-region--left_rail,
    .sc-blueprint-region--right_rail,
    .sc-blueprint-stream-supporting-rail
  ) {
    position:sticky !important;
    top:var(--sc-blueprint-rail-sticky-top) !important;
    max-height:calc(100dvh - var(--sc-blueprint-rail-sticky-top) - var(--sc-blueprint-rail-sticky-bottom)) !important;
    max-block-size:calc(100dvh - var(--sc-blueprint-rail-sticky-top) - var(--sc-blueprint-rail-sticky-bottom)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -ms-overflow-style:none;
    scrollbar-width:none;
    scrollbar-gutter:auto;
    overscroll-behavior:contain;
  }
  /* The rail registry is the scroll-owner authority. Direct Neutral Basic
   * rails that declare page scrolling must remain fully expanded so the fit
   * observer can move them with the document and bottom-anchor oversized
   * content. Never turn these rails into hidden-scrollbar viewports. */
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
    .sc-blueprint-region--left_rail,
    .sc-blueprint-region--right_rail
  )[data-sc-blueprint-rail-scroll="page"] {
    max-height:none !important;
    max-block-size:none !important;
    overflow:visible !important;
    scrollbar-gutter:auto;
    overscroll-behavior:auto;
  }
  /* This structural selector intentionally outranks later theme skin rules.
   * All desktop rails share the same measured safe line as the canvas. */
  html.sc-blueprint-adminbar-geometry-owned body .sc-blueprint-authenticated-shell[data-sc-blueprint-navigation-placement="top-navigation-region"] .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
    .sc-blueprint-region--left_rail,
    .sc-blueprint-region--right_rail,
    .sc-blueprint-stream-supporting-rail
  ) {
    top:var(--sc-blueprint-rail-sticky-top) !important;
  }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > :is(
    .sc-blueprint-region--left_rail,
    .sc-blueprint-region--right_rail,
    .sc-blueprint-stream-supporting-rail
  )::-webkit-scrollbar {
    display:none;
    width:0;
    height:0;
  }

  /* A canonical Stream support rail declares the document as its scroll owner.
   * Keep the sticky wrapper fully expanded so the fit observer can let an
   * oversized rail travel with the page and bottom-anchor it without clipping. */
  body.shiftcontrol-view-stream .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail:has(> .sc-blueprint-region--right_rail[data-sc-blueprint-rail-scroll="page"]) {
    max-height:none !important;
    max-block-size:none !important;
    overflow:visible !important;
    scrollbar-gutter:auto;
    overscroll-behavior:auto;
  }
}
body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] { grid-template-columns:minmax(14rem,1fr) minmax(0,2fr) !important; }
body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] > .sc-blueprint-region--list { grid-area:auto !important; grid-column:1 !important; grid-row:auto !important; }
body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] > .sc-blueprint-region--primary { grid-column:2 !important; }
.sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] > .sc-blueprint-region--support { grid-column:1 / -1; }
.sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region--media_canvas { display:contents; }

/* Neutral navigation/Profile geometry pass. The authenticated shell is the
 * single placement owner for the real Module Kit navigation. Neutral Profile
 * owns no cover or tab rows, so its two identity modules form one contiguous
 * header group and the following content retains the approved page rhythm. */
.sc-blueprint-authenticated-shell[data-sc-neutral-shell="canonical-navigation-v1"] > .sc-blueprint-authenticated-shell__body {
  max-inline-size:105.5rem;
  margin-inline:auto;
}
.sc-blueprint-authenticated-shell[data-sc-neutral-shell="canonical-navigation-v1"] .sc-blueprint-authenticated-shell__rail-context:empty {
  display:none;
}
body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--profile_header {
  gap:0;
}
@media (max-width:1024px) {
  .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] { grid-template-columns:minmax(0,1fr) !important; gap:1.25rem !important; padding:1.25rem !important; }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"]:has(> :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail)),
  body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] {
    grid-template-columns:minmax(0,1fr) !important;
  }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region { grid-column:1 !important; }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail { grid-column:1 !important; }
  .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region--right_rail {
    position:static; max-block-size:none; overflow:visible;
  }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail {
    position:static !important; top:auto !important; max-height:none !important; max-block-size:none !important; overflow:visible !important; scrollbar-gutter:auto; overscroll-behavior:auto;
  }
  body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--left_rail {
    position:static !important; top:auto !important; max-height:none !important; max-block-size:none !important; overflow:visible !important; order:2 !important;
  }
  body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--primary { order:1 !important; }
  body .sc-blueprint[data-sc-blueprint-canonical-left-rail-enabled="true"] > :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail) { order:3 !important; }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region--right_rail {
    position:static !important; top:auto !important; max-height:none !important; max-block-size:none !important; overflow:visible !important;
  }
  .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-stream-supporting-rail > .sc-blueprint-region--right_rail {
    position:static !important; inset:auto !important; max-block-size:none; overflow:visible;
  }
  body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] > .sc-blueprint-region--list { grid-column:1 !important; grid-row:1 !important; }
  body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] > .sc-blueprint-region--primary { grid-column:1 !important; grid-row:2 !important; }
}
@media (max-width:1180px) {
  .sc-blueprint-authenticated-shell[data-sc-neutral-shell="canonical-navigation-v1"] > .sc-blueprint-authenticated-shell__body {
    grid-template-columns:minmax(0,1fr);
    gap:1rem;
  }
  .sc-blueprint-authenticated-shell[data-sc-neutral-shell="canonical-navigation-v1"] .sc-blueprint-authenticated-shell__left-rail {
    display:block;
    position:static;
    grid-row:1;
    inline-size:auto;
    max-block-size:none;
    overflow:visible;
  }
  .sc-blueprint-authenticated-shell[data-sc-neutral-shell="canonical-navigation-v1"] .sc-blueprint-authenticated-shell__canvas {
    grid-row:2;
  }
}
@media (max-width:760px) {
  .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] { grid-template-columns:minmax(0,1fr) !important; gap:1rem !important; padding:.75rem !important; }
  body .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"]:has(> :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail)),
  body .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-messages"] {
    grid-template-columns:minmax(0,1fr) !important; gap:1rem !important; padding:.75rem !important;
  }
  .sc-blueprint[data-sc-blueprint-composition-variant^="neutral-basic-"] > .sc-blueprint-region { grid-column:1 !important; }
}

/* Theme Profile structural presentation binding. Values are emitted only from
 * Blueprint Kit's validated immutable layout receipt; Theme Controller never
 * supplies selectors or raw CSS. */
:root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface] {
  grid-template-columns:var(--sc-blueprint-custom-columns-wide-desktop) !important;
  gap:var(--sc-blueprint-custom-gap-wide-desktop) !important;
}
.sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-region="true"],
.sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-slot="true"] {
  order:var(--sc-blueprint-custom-order,0);
}
@media (min-width:1537px) {
  .sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-visible-wide-desktop="0"] { display:none !important; }
}
@media (min-width:1281px) and (max-width:1536px) {
  :root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface] { grid-template-columns:var(--sc-blueprint-custom-columns-desktop) !important; gap:var(--sc-blueprint-custom-gap-desktop) !important; }
  .sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-visible-desktop="0"] { display:none !important; }
}
@media (min-width:768px) and (max-width:1280px) {
  :root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface] { grid-template-columns:var(--sc-blueprint-custom-columns-tablet) !important; gap:var(--sc-blueprint-custom-gap-tablet) !important; }
  .sc-blueprint[data-sc-blueprint-custom-revision] > .sc-blueprint-region,
  .sc-blueprint[data-sc-blueprint-custom-revision] > .sc-blueprint-stream-supporting-rail { grid-column:1 !important; position:static; }
  .sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-visible-tablet="0"] { display:none !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--primary { order:1 !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--left_rail { order:2 !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail) { order:3 !important; }
}
@media (max-width:767px) {
  :root body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-surface] { grid-template-columns:var(--sc-blueprint-custom-columns-mobile) !important; gap:var(--sc-blueprint-custom-gap-mobile) !important; }
  .sc-blueprint[data-sc-blueprint-custom-revision] > .sc-blueprint-region,
  .sc-blueprint[data-sc-blueprint-custom-revision] > .sc-blueprint-stream-supporting-rail { grid-column:1 !important; position:static; }
  .sc-blueprint[data-sc-blueprint-custom-revision] [data-sc-blueprint-custom-visible-mobile="0"] { display:none !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--primary { order:1 !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > .sc-blueprint-region--left_rail { order:2 !important; }
  body .sc-blueprint[data-sc-blueprint-custom-revision][data-sc-blueprint-canonical-left-rail-enabled="true"] > :is(.sc-blueprint-region--right_rail,.sc-blueprint-stream-supporting-rail) { order:3 !important; }
}

/* Canonical Default Profile blueprint closure.
 * Blueprint Kit is the sole owner of the five-region desktop placement. The
 * header belongs to the primary lane; the two rails begin beside it. */
@media (min-width:1025px) {
  :root body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] {
    grid-template-columns:17.5rem minmax(0,1fr) 20rem !important;
    grid-template-areas:none !important;
    gap:1.5rem !important;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--profile_header {
    grid-column:2 !important;
    grid-row:1 !important;
    block-size:auto;
    min-block-size:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:0;
    position:relative;
    overflow:visible;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--left_rail {
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--primary {
    grid-column:2 !important;
    grid-row:2 !important;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--right_rail {
    grid-column:3 !important;
    grid-row:1 / span 2 !important;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--profile_header > .sc-blueprint-slot[data-sc-blueprint-slot="profile.cover"] {
    grid-column:1;
    grid-row:1;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--profile_header > .sc-blueprint-slot[data-sc-blueprint-slot="profile.identity"] {
    grid-column:1;
    grid-row:2;
    position:relative;
    z-index:2;
  }
  body .sc-blueprint[data-sc-blueprint-surface="profile"][data-sc-blueprint-composition-variant="neutral-basic-profile"] > .sc-blueprint-region--profile_header > .sc-blueprint-slot[data-sc-blueprint-slot="profile.actions"] {
    grid-column:1;
    grid-row:2;
    align-self:end;
    justify-self:end;
    inline-size:300px;
    max-inline-size:calc(100% - 2rem);
    margin:0 1rem 1rem 0;
    position:relative;
    z-index:5;
  }
}

/* The approved Discover search intentionally overlaps its hero. Paint
 * containment on the generic slot would clip that Blueprint-owned overlap. */
body .sc-blueprint[data-sc-blueprint-surface="explore"][data-sc-blueprint-composition-variant^="neutral-basic-explore"] .sc-blueprint-slot[data-sc-blueprint-slot="directory.search"] {
  contain:layout;
  overflow:visible;
}

/* Explore's approved feature anatomy may have a wide max-content contribution.
 * Keep each Blueprint-owned slot track shrinkable so the assigned Module Kit
 * anatomy responds inside the primary and context regions instead of being
 * clipped by the generic grid-slot adapter at narrow widths. */
body .sc-blueprint[data-sc-blueprint-surface="explore"][data-sc-blueprint-composition-variant="explore-discover"] .sc-blueprint-slot {
  grid-template-columns:minmax(0,1fr);
}

/* Content-first Explore owns its explicit three-track composition. Other
 * directory variants and the qualified Stream geometry remain unchanged. */
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint-authenticated-shell__body {
 padding-top:calc(var(--sc-shell-adminbar-height,0px) + 64px)!important;
}
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] {
 padding:0!important; max-width:none!important; margin:0!important;
 grid-template-areas:"left primary right"!important; grid-template-rows:auto!important;
 grid-template-columns:var(--sc-explore-left-width,224px) minmax(0,1fr) var(--sc-explore-right-width,272px)!important;
 gap:var(--sc-explore-gap,16px)!important;
}
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--left_rail { grid-area:left!important; }
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--primary { grid-area:primary!important; }
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--right_rail { grid-area:right!important; }
:root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region {
 position:static!important; top:auto!important; max-height:none!important; max-block-size:none!important;
 overflow:visible!important; margin:0!important; align-self:start;
}
@media(max-width:1024px) {
 :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] { display:flex!important; flex-direction:column; }
 :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region { width:100%; }
 :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--primary { order:0!important; }
 :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--left_rail { order:1!important; }
 :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint[data-sc-blueprint-composition-variant="neutral-basic-explore"] > .sc-blueprint-region--right_rail { order:2!important; }
}
@media(max-width:600px) { :root body .sc-blueprint-authenticated-shell[data-sc-explore-content="v1"][data-sc-blueprint-authenticated-shell] .sc-blueprint-authenticated-shell__body { padding-top:calc(var(--sc-shell-adminbar-height,0px) + 108px)!important; } }