/*
 * 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-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: 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;
}

@media (max-width: 1460px) {
  [data-sc-blueprint-shell-topbar="v1"] > [data-sc-blueprint-shell-region="topbar-inner"] {
    grid-template-columns: 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: minmax(96px, 118px) minmax(0, 1fr) max-content max-content !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="search"] {
    display: none !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="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) {
  [data-sc-blueprint-shell-topbar="v1"],
  [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="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;
  }
}

@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;
}

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

.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);
  }

  /* 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: 386px;
  min-height: 386px;
}

.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;
  display: grid;
  gap: var(--sc-blueprint-profile-gap);
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot] {
  position: absolute;
  z-index: 1;
  min-width: 0;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot="profile.cover"] {
  inset: 0 0 auto;
  height: 330px;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot="profile.identity"] {
  inset: 122px 0 auto;
  z-index: 3;
}

.sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot="profile.actions"] {
  top: 214px;
  right: 16px;
  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"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot="profile.tabs"] {
  inset: 338px 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: 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"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot] {
    position: relative;
    inset: auto;
  }

  .sc-blueprint--layout-profile[data-sc-blueprint-surface="profile"] .sc-blueprint-region--profile_header > [data-sc-blueprint-adapter-slot-render-slot="profile.cover"] {
    height: auto;
  }
}

.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;
}

.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"] > .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-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.shiftcontrol-view-stream { padding-top:var(--sc-shell-adminbar-height,0px) !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:start; position:sticky; top:var(--sc-blueprint-shell-column-sticky-top); overflow:visible; }
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:static; top:auto; 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. */
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; }

/* Canonical Network Meta placement. Blueprint owns the real right-rail slot; Vibes owns card paint/content. */
body.vibes-network-theme .sc-blueprint-right-rail-meta-card-slot {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:14px 0 72px auto;
}
body.shiftcontrol-view-stream .sc-blueprint-region--right_rail .sc-blueprint-right-rail-meta-card-slot {
  width:100%;
  margin-bottom:184px;
}
body.vibes-network-theme .sc-blueprint-right-rail-meta-card-slot > .vibes-network-meta-card { width:100%; margin:16px 0 0; }
@media (max-width:900px) {
  body.vibes-network-theme .sc-blueprint-right-rail-meta-card-slot { display:none; }
}

/* 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) .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; }
}
@media (min-width:1181px) and (max-width:1220px) {
  body.vibes-theme .vibes-topbar--replica > .vibes-topbar__inner[data-sc-blueprint-shell-region="topbar-inner"] { grid-template-columns:190px minmax(0,1fr) auto; }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav { display:none; }
  body.vibes-theme .vibes-topbar--replica .vibes-logo--replica:not(.vibes-canonical-logo--fallback) .vibes-logo-word { font-size:36px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream > .sc-blueprint-authenticated-shell__body { padding-inline:var(--sc-blueprint-authenticated-gutter); display:grid; grid-template-columns:var(--sc-blueprint-authenticated-left-rail) minmax(0,1fr); column-gap:var(--sc-blueprint-authenticated-gap); row-gap:20px; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__left-rail { display:block; position:sticky; width:var(--sc-blueprint-authenticated-left-rail); top:var(--sc-blueprint-shell-column-sticky-top); max-height:none; overflow:visible; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint-authenticated-shell__canvas { min-width:0; display:block; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream { min-width:0; display:grid; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-region--primary { grid-column:2; grid-row:1; }
  body.shiftcontrol-view-stream .vibes-authenticated-shell--stream .sc-blueprint--layout-social-four-column-stream > .sc-blueprint-stream-supporting-rail { grid-column:1/-1; grid-row:2; grid-template-columns:repeat(2,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 { max-height:none; overflow:visible; overscroll-behavior:auto; touch-action:auto; scrollbar-width:auto; }
  body.shiftcontrol-view-stream .vibes-messenger-dock { right:12px; bottom:12px; }
  body.shiftcontrol-view-stream .messenger-panel { width:320px; }
}
@media (max-width:1180px) {
  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" "navigation navigation";
    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-primary-nav {
    grid-area:navigation;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    width:100%;
    gap:0 !important;
    overflow:visible;
  }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a {
    flex:1 1 20%;
    width:20%;
    min-width:44px !important;
    min-height:44px;
    padding:4px 2px;
    transform:none !important;
  }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a > span { font-size:19px; }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a small { max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:10px; }
  body.vibes-theme .vibes-topbar--replica .vibes-primary-nav a.is-active::after { left:20%; right:20%; bottom:0; }
  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:10px; }
  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.vibes-theme .vibes-topbar--replica .vibes-switch, 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; }
}
@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;
}

.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.results"]){grid-column:1;grid-row:2}
body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.categories"]){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.results"]){grid-row:3}
  body.shiftcontrol-view-directory .sc-blueprint-region--primary>.sc-blueprint-adapter-slot:has([data-sc-blueprint-slot="directory.categories"]){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[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-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;
    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="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="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="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="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;
  }
}

@media (max-width:1180px) {
  .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="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 max-content; }
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] > .sc-blueprint-region--header { grid-column:1; grid-row:1; }
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] > .sc-blueprint-region--primary { grid-column:1; grid-row:2; margin-top:-40px; }
  .sc-blueprint--layout-communication[data-sc-blueprint-surface="saved"] > .sc-blueprint-region--right_rail { grid-column:2; grid-row:1 / span 2; }
}