/* Shared website navigation; independent of the component showcase menus. */
.landing-shell > .blu-showcase-shell__header { position: relative; z-index: 30; flex-wrap: nowrap; }
.landing-shell .top-nav.site-navigation { position: relative; display: flex; align-items: center; align-self: stretch; flex-wrap: nowrap; justify-content: flex-start; gap: 6px; width: auto; height: auto; min-height: 40px; margin: 0 0 0 8px; order: 0; font-size: 13px; }
.site-navigation__group { position: relative; }
.landing-shell .site-navigation__direct,
.site-navigation__group > summary { display: flex; align-items: center; justify-content: center; gap: 7px; height: auto; min-height: 40px; padding: 8px 11px; border: 0; border-radius: 6px; color: var(--bluui-text-muted); font: inherit; font-weight: 550; line-height: 1.5; white-space: nowrap; cursor: pointer; list-style: none; text-decoration: none; }
.site-navigation__group > summary::-webkit-details-marker { display: none; }
.site-navigation__group > summary::marker { content: ''; }
.landing-shell .site-navigation__direct:hover,
.site-navigation__group > summary:hover,
.site-navigation__group[open] > summary { color: var(--bluui-primary-text); background: var(--bluui-surface-muted); }
.landing-shell .site-navigation__direct.active,
.site-navigation__group.is-active > summary { color: var(--bluui-primary-text); background: var(--bluui-primary-soft); }
.site-navigation__group[open] > summary svg { transform: rotate(180deg); }
.site-navigation :is(a, summary):focus-visible { outline: 2px solid var(--bluui-primary); outline-offset: 3px; }
.site-navigation__panel { position: absolute; inset: calc(100% + 8px) auto auto 0; z-index: 1; width: 292px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 140px); overflow-y: auto; padding: 7px; border: 1px solid var(--bluui-border); border-radius: 10px; background: var(--bluui-surface); box-shadow: 0 16px 38px rgb(15 23 42 / 14%); }
.landing-shell .site-navigation__panel > a { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; height: auto; min-height: 44px; padding: 11px 12px; border: 0; border-radius: 6px; white-space: normal; color: var(--bluui-text); line-height: 1.4; text-decoration: none; }
.site-navigation__panel strong { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 600; }
.site-navigation__panel a > span { color: var(--bluui-text-muted); font-size: 11px; line-height: 1.5; }
.landing-shell .site-navigation__panel > a:hover,
.landing-shell .site-navigation__panel > a:focus-visible { background: var(--bluui-surface-muted); color: var(--bluui-primary-text); }
.landing-shell .site-navigation__panel > a[aria-current="page"] { background: var(--bluui-primary-soft); color: var(--bluui-primary-text); }
.site-navigation__badge { border-radius: 4px; padding: 2px 4px; background: var(--bluui-primary-soft); color: var(--bluui-primary-text); font-size: 8px; letter-spacing: .06em; }
.site-navigation__section-label { display: block; margin: 6px 12px 0; padding: 12px 0 5px; border-top: 1px solid var(--bluui-border); color: var(--bluui-text-muted); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.site-navigation__products { position: static; }
.site-navigation__product-panel { inset: calc(100% + 8px) auto auto 50%; transform: translateX(-50%); width: 1000px; max-width: calc(100vw - 32px); padding: 0; }
.site-navigation__product { min-width: 0; padding: 14px 18px; }
.site-navigation__product + .site-navigation__product { border-top: 1px solid var(--bluui-border); }
.site-navigation__product--pro { background: var(--bluui-surface-muted); }
.site-navigation__product-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; min-height: 32px; padding: 0 10px 6px; }
.site-navigation__product-heading h2 { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--bluui-text); font-size: 14px; line-height: 1.4; letter-spacing: -.015em; }
.site-navigation__product-heading p { margin: 0; color: var(--bluui-text-muted); font-size: 11px; line-height: 1.5; }
.site-navigation__pro-label { padding: 1px 5px; border: 1px solid var(--bluui-border); border-radius: 4px; color: var(--bluui-primary-text); background: var(--bluui-surface); font-size: 10px; letter-spacing: 0; }
.site-navigation__product-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px 16px; }
.landing-shell .site-navigation .site-navigation__product-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-width: 0; min-height: 56px; height: auto; padding: 9px 10px; border-radius: 6px; color: var(--bluui-text); text-align: left; text-decoration: none; white-space: normal; }
.site-navigation__product-link strong > span { color: var(--bluui-primary-text); }
.landing-shell .site-navigation .site-navigation__product-more { display: inline-flex; align-items: center; gap: 8px; min-width: 0; min-height: 32px; height: auto; margin-left: auto; padding: 6px; border-radius: 4px; color: var(--bluui-primary-text); font-size: 11px; font-weight: 600; line-height: 1.5; text-decoration: none; white-space: normal; }
.landing-shell .site-navigation__product :is(a:hover, a:focus-visible) { color: var(--bluui-primary-text); background: var(--bluui-primary-soft); }
.landing-shell .site-navigation__product a[aria-current="page"] { color: var(--bluui-primary-text); background: var(--bluui-primary-soft); }
@media (min-width: 901px) {
  .landing-shell .top-nav.site-navigation { position: static; }
}
@media (max-width: 900px) {
  .landing-shell > .blu-showcase-shell__header { flex-wrap: wrap; gap: 8px 10px; }
  .landing-shell .top-nav.site-navigation { order: 5; width: 100%; margin: 0; gap: 2px; justify-content: space-between; font-size: 12px; }
  .landing-shell .site-navigation__direct, .site-navigation__group > summary { min-height: 40px; padding-inline: 7px; gap: 4px; }
  .site-navigation__group { position: static; }
  .site-navigation__panel { inset: calc(100% + 6px) 0 auto auto; width: min(360px, 100%); max-height: calc(100dvh - 138px); }
  .site-navigation__product-panel { inset-inline: 0; width: 100%; max-width: 100%; transform: none; }
  .site-navigation__product { padding: 14px 8px; }
  .site-navigation__product-heading { gap: 7px; }
  .site-navigation__product-heading p { flex-basis: 100%; order: 3; }
  .site-navigation__product-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
  .landing-shell .site-navigation .site-navigation__product-more { min-height: 44px; }
}
@media (max-width: 480px) {
  .site-navigation__product-items { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  .landing-shell .top-nav.site-navigation { font-size: 11px; gap: 0; }
  .landing-shell .site-navigation__direct, .site-navigation__group > summary { padding-inline: 4px; }
  .site-navigation__panel { max-height: calc(100dvh - 178px); }
}
@media (forced-colors: active) {
  .site-navigation__group.is-active > summary, .landing-shell .site-navigation__direct.active { outline: 1px solid Highlight; }
}