.sitestrip {
  height: 36px;
  padding: 0 var(--gutter, 24px);
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  background: var(--ribbon, #d6f5f0);
  color: var(--ribbon-text, #171a19);
  font: 600 10px/1.2 var(--font, sans-serif);
  position: relative;
  z-index: 20;
  --strip-rule: #171a191f;
  --strip-active: #fff;
}
.sitestrip-group,
.sitestrip-network {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.sitestrip a,
.sitestrip button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  padding: 0 16px;
  border: 0;
  white-space: nowrap;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font: inherit;
}
.sitestrip a,
.sitestrip a:is(:hover, :active, :focus, :focus-visible) {
  text-decoration: none;
}
.sitestrip-network {
  border-right: 1px solid var(--strip-rule);
  letter-spacing: 0.085em;
}
.sitestrip-network a {
  border-left: 1px solid var(--strip-rule);
  position: relative;
}
/* Suppress either shared edge touching the selected tab without changing block widths. */
.sitestrip-network a[aria-current='page'],
.sitestrip-network a[aria-current='page'] + a {
  border-left-color: transparent;
}
.sitestrip-network:has(a[aria-current='page']:last-child) {
  border-right-color: transparent;
}
.sitestrip-product-label {
  display: block;
  line-height: 12px;
  position: relative;
  top: 2px;
  opacity: 0.76;
}
.sitestrip-network a:is(:hover, :focus-visible, [aria-current='page']) .sitestrip-product-label {
  display: block;
  line-height: 12px;
  position: relative;
  top: 2px;
  opacity: 1;
}
.sitestrip a[aria-current='page'],
.sitestrip .sitestrip-selector,
.sitestrip a[aria-current='page']:hover,
.sitestrip .sitestrip-selector:hover {
  background: var(--strip-active);
}
/* Keep product-tab text metrics fixed; the mobile selector has one constant weight. */
.sitestrip .sitestrip-selector {
  font-weight: 750;
}
.sitestrip-selector .sitestrip-product-label {
  opacity: 1;
}
.sitestrip .sitestrip-community {
  font-size: 11px;
  font-weight: 500;
  padding-right: 0;
}
.sitestrip-icon {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.sitestrip-chevron {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}
.sitestrip-community-short,
.sitestrip .sitestrip-selector {
  display: none;
}
.sitestrip :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}
@media (max-width: 1024px) {
  .sitestrip-community-full {
    display: none;
  }
  .sitestrip-community-short {
    display: inline;
  }
}
@media (max-width: 900px) {
  .sitestrip {
    height: 32px;
    gap: 16px;
  }
  .sitestrip-group {
    position: relative;
  }
  .sitestrip .sitestrip-selector {
    display: inline-flex;
    letter-spacing: 0.085em;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 0 12px;
  }
  .sitestrip-popover {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 190px;
    padding: 0;
    background: var(--ribbon, #d6f5f0);
    border: 1px solid var(--strip-rule);
    border-radius: 2px;
    box-shadow: 0 4px 12px #171a1910;
  }
  .sitestrip-popover a {
    display: flex;
    justify-content: flex-start;
    height: 42px;
    padding: 0 16px;
    border: 0;
  }
  .sitestrip-popover a + a {
    border-top: 1px solid var(--strip-rule);
  }
  .sitestrip-open .sitestrip-popover {
    display: block;
  }
}
@media (max-width: 420px) {
  .sitestrip-community-short {
    display: none;
  }
  .sitestrip .sitestrip-community {
    width: 36px;
    padding: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sitestrip a,
  .sitestrip button {
    transition: none;
  }
}

/* Opt-in descriptive labels: same footer surface, exact header selected tab.
   Existing product adapters keep their current palette and breakpoint. */
.sitestrip[data-sitestrip-layout='descriptive'] {
  background: var(--surface);
  /* The canonical sticky Header is z40; its sibling selector must open above it. */
  z-index: 50;
  --ribbon: var(--surface);
  --strip-active: var(--page);
  --strip-rule: var(--border);
  color: var(--muted);
  font-size: 12px;
}
.sitestrip[data-sitestrip-layout='descriptive'] :is(.sitestrip-network, .sitestrip-selector) {
  letter-spacing: 0;
}
.sitestrip[data-sitestrip-layout='descriptive'] :is(a, button) .sitestrip-product-label {
  position: static;
  line-height: 1;
  opacity: 1;
}
.sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-network a,
.sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-selector {
  font-weight: 600;
}
.sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-network a:is(:hover, :focus-visible, [aria-current='page']) {
  color: var(--text);
}
.sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-community {
  margin-left: 0;
}
/* Optional approximate total membership. Reserve one desktop slot before a
   cached response arrives; the ordinary utility label survives unavailable data. */
.sitestrip-community[data-community-count] .sitestrip-community-full {
  display: inline-flex;
  align-items: center;
}
.sitestrip-community[data-community-count] .sitestrip-community-count {
  display: inline-block;
  inline-size: 21ch;
  block-size: 1em;
  flex: 0 0 21ch;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  white-space: pre;
  opacity: 0.76;
}
.sitestrip-community[data-community-count]:is(:hover, :focus-visible) .sitestrip-community-count {
  opacity: 1;
}
@media (max-width: 1024px) {
  .sitestrip-community[data-community-count] .sitestrip-community-full {
    display: none;
  }
}
@media (max-width: 1120px) {
  .sitestrip[data-sitestrip-layout='descriptive'] {
    height: 32px;
    gap: 16px;
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-group {
    position: relative;
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-selector {
    display: inline-flex;
    padding: 0 12px;
    border-inline: 1px solid transparent;
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-popover {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    min-width: 250px;
    max-width: calc(100vw - 2 * var(--gutter, 24px));
    padding: 0;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--tcgn-radius-control, 12px);
    box-shadow: 0 4px 16px rgb(0 0 0 / 28%);
    overflow: hidden;
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-popover a {
    display: flex;
    justify-content: flex-start;
    height: 44px;
    padding: 0 16px;
    border: 0;
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-popover a + a {
    border-top: 1px solid var(--border);
  }
  .sitestrip[data-sitestrip-layout='descriptive'] .sitestrip-open .sitestrip-popover {
    display: block;
  }
}

/* Shared compact network utility configuration; no product-specific geometry. */
html[data-tcgn-v1][data-theme='dark'] .sitestrip[data-sitestrip-surface='search'] {
  /* Sibling primary headers form a z40 stacking context. Keep the menu above them. */
  z-index:50;
  background:var(--search); --ribbon:var(--search); --strip-active:var(--page); --strip-rule:var(--border);
}
html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] .sitestrip-network a {border-left-color:var(--strip-rule)}
html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] .sitestrip-network {border-right-color:var(--strip-rule)}
.sitestrip-community[data-community-presentation='count'] .sitestrip-community-count {
  display:inline-block;inline-size:5ch;flex:0 0 5ch;block-size:auto;font:inherit;opacity:1;
}
.sitestrip-community[data-community-presentation='count'] {width:auto;gap:10px;padding-inline:0}
html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] .sitestrip-actions {display:flex;align-items:stretch;flex:none;gap:20px}
html[data-tcgn-v1] .sitestrip-actions > a {padding-inline:0}

/* Compact utility retains the existing count source at every viewport. */
.sitestrip-community .sitestrip-icon {color:#fff}
.sitestrip[data-sitestrip-surface='search'] .sitestrip-product-label {text-transform:uppercase}
@media(max-width:420px){
  .sitestrip[data-sitestrip-surface='search'] {gap:8px;padding-inline:12px}
  .sitestrip[data-sitestrip-surface='search'] .sitestrip-selector {padding-inline:8px;font-size:9px}
  html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] .sitestrip-actions {gap:10px}
}

/* State changes affect paint only; reserve the same glyph and count slots. */
.sitestrip[data-sitestrip-surface='search'] :is(.sitestrip-network a,.sitestrip-selector) {font-weight:600;box-sizing:border-box}
.sitestrip[data-sitestrip-surface='search'] .sitestrip-product-label {top:0;line-height:12px}
.sitestrip-community[data-community-presentation='count'] .sitestrip-community-count {inline-size:6ch;flex-basis:6ch;min-block-size:1em}

/* The shared strip owns geometry, independent of active product and stylesheet order. */
html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] {box-sizing:border-box;flex:none}
html[data-tcgn-v1] .sitestrip[data-sitestrip-surface='search'] .sitestrip-actions > a {flex:none;margin:0}
@media(max-width:900px){
  .sitestrip[data-sitestrip-surface='search'] .sitestrip-group {flex:1;min-width:0}
  .sitestrip[data-sitestrip-surface='search'] .sitestrip-selector {width:100%;min-width:0;justify-content:space-between}
  .sitestrip[data-sitestrip-surface='search'] .sitestrip-selector .sitestrip-product-label {overflow:hidden;text-overflow:ellipsis}
  .sitestrip[data-sitestrip-surface='search'] .sitestrip-popover {width:max-content;max-width:calc(100vw - 24px)}
}