/* One standard navigation disclosure at desktop and hamburger sizes (900px). */
.bc-context-navigation {
  --bc-context-surface:#17251c; --bc-context-ink:#eef2ed; --bc-context-muted:#b7c8b8;
  --bc-context-accent:#b9dd9f; --bc-context-line:#4c6851;
  position:relative; flex:0 0 auto; align-self:center;
}
html[data-theme="light"] .bc-context-navigation {
  --bc-context-surface:#f5f8ef; --bc-context-ink:#243626; --bc-context-muted:#526555;
  --bc-context-accent:#3f7428; --bc-context-line:#a2b69c;
}
html :is(#root .site-header,.ws-main-header) .bc-context-trigger {
  display:inline-flex; align-items:center; justify-content:space-between; gap:9px;
  min-height:44px; margin:0; padding:0; border:0; background:none; box-shadow:none;
  color:var(--bc-header-link-ink,#eef2ed); font:500 14px/1.4 var(--ui-font,Arial,sans-serif);
  letter-spacing:0; text-transform:none; white-space:nowrap; cursor:pointer;
}
html :is(#root .site-header,.ws-main-header) .bc-context-trigger:hover,
html :is(#root .site-header,.ws-main-header) .bc-context-trigger[aria-expanded="true"] {
  color:var(--bc-header-link-hover,#b9dd9f);
}
.bc-context-chevron { display:inline-flex; align-items:center; justify-content:center; width:14px; font:400 17px/1 Arial,sans-serif; }
.bc-context-chevron::before { content:'+'; }
.bc-context-trigger[aria-expanded="true"] .bc-context-chevron::before { content:'−'; }
html :is(#root .site-header,.ws-main-header) .bc-context-list {
  position:absolute; top:calc(100% + 8px); left:0; z-index:60;
  display:block; width:278px; max-width:calc(100vw - 32px); margin:0; padding:8px;
  list-style:none; background:var(--bc-context-surface); border:1px solid var(--bc-context-line);
  box-shadow:0 14px 32px rgba(0,0,0,.18); text-align:left;
}
html :is(#root .site-header,.ws-main-header) .bc-context-list[hidden] { display:none!important; }
.bc-context-navigation[data-context-align="end"] .bc-context-list { left:auto!important; right:0; }
html :is(#root .site-header,.ws-main-header) .bc-context-list > li { display:block; margin:0; padding:0; }
html :is(#root .site-header,.ws-main-header) .bc-context-list a {
  display:flex; align-items:center; width:100%; min-height:46px; margin:0; padding:11px 14px;
  color:var(--bc-context-ink); opacity:1; border:0; border-radius:0; box-shadow:none;
  font:500 14px/1.45 var(--ui-font,Arial,sans-serif); letter-spacing:0; text-transform:none;
  white-space:normal; overflow-wrap:break-word; text-decoration:none;
}
html :is(#root .site-header,.ws-main-header) .bc-context-list a:hover,
html :is(#root .site-header,.ws-main-header) .bc-context-list a[aria-current="page"] {
  color:var(--bc-context-accent); background:transparent; box-shadow:inset 2px 0 var(--bc-context-accent);
}
html :is(#root .site-header,.ws-main-header) .bc-context-list a[aria-current="page"] { font-weight:600; }
html :is(#root .site-header,.ws-main-header) .bc-context-trigger:focus-visible,
html :is(#root .site-header,.ws-main-header) .bc-context-list a:focus-visible {
  outline:2px solid var(--bc-context-accent); outline-offset:3px;
}

/* Keep all existing actions intact when the extra disclosure needs a second row. */
@media(min-width:901px) {
  html #root .site-header.bc-context-header > nav,
  html .ws-main-header.bc-context-header > .ws-primary-nav { align-items:center; }
  html #root .site-header.bc-context-header > nav > a:nth-of-type(-n+2),
  html #root .site-header.bc-context-header > nav > a[data-preview-workshops],
  html .ws-main-header.bc-context-header > .ws-primary-nav > a:not(.ws-mobile-nav-link) {
    display:flex; align-items:center; height:44px; min-height:44px;
    margin-block:0; padding-block:0; line-height:1.4;
  }
}
@media(min-width:901px) and (max-width:1360px) {
  html #root .site-header.bc-context-header,
  html .ws-main-header.bc-context-header,
  html #root .site-header.bc-context-header.is-compact,
  html .ws-main-header.bc-context-header.is-compact {
    display:grid; grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:62px 46px; align-items:center; gap:0;
    height:118px!important; padding:5px 28px!important;
  }
  html #root .site-header.bc-context-header > .brand,
  html .ws-main-header.bc-context-header > .ws-header-brand { grid-column:1; grid-row:1; }
  html #root .site-header.bc-context-header > .header-actions,
  html .ws-main-header.bc-context-header > .detail-header-actions { grid-column:3; grid-row:1; margin-left:0; }
  html #root .site-header.bc-context-header > nav,
  html .ws-main-header.bc-context-header > .ws-primary-nav {
    grid-column:1/-1; grid-row:2; justify-self:start; margin:0; gap:26px;
  }
}
@media(max-width:900px) {
  html #root .site-header.bc-context-header > nav.open,
  html .ws-main-header.bc-context-header > .ws-primary-nav.open {
    max-height:calc(100dvh - var(--bc-header-full,126px) - 16px); overflow-y:auto; overscroll-behavior:contain;
  }
  html :is(#root .site-header,.ws-main-header) .bc-context-navigation { display:block; width:100%; align-self:stretch; }
  html :is(#root .site-header,.ws-main-header) .bc-context-trigger {
    display:flex; width:100%; min-height:48px; padding:10px 0;
    border-bottom:1px solid var(--bc-header-link-line,rgba(238,242,237,.4));
    font-size:16px; text-align:left;
  }
  html :is(#root .site-header,.ws-main-header) .bc-context-list {
    position:static; width:100%; max-width:none; margin:0; padding:6px 0 8px 14px;
    border:0; border-left:1px solid var(--bc-context-line); background:none; box-shadow:none;
  }
  html :is(#root .site-header,.ws-main-header) .bc-context-list a { min-height:46px; padding:10px 12px; font-size:15px; }
  html :is(#root .site-header,.ws-main-header) .bc-context-list a:focus-visible { outline-offset:-2px; }
}

/* Move these exact homepage blocks only after the replacement is usable. */
html.bc-context-navigation-ready #root .deep-dive-links,
html.bc-context-navigation-ready .mobile-home .mb-reading { display:none!important; }
@media(prefers-reduced-motion:reduce) {
  .bc-context-navigation, .bc-context-navigation * { animation:none!important; transition:none!important; }
}