/* SiftingSignal mobile bottom navigation
 * ---------------------------------------------------------------------
 * Shown only at < 600px. Fixed to viewport bottom.
 * Brand-respectful: no fills, signal-teal hairline accent on active,
 * no animations beyond a 150ms color transition.
 */
.ss-bnav {
  display: none;
}

@media (max-width: 599px) {
  .ss-bnav {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    background: rgba(250, 250, 250, 0.96);
    -webkit-backdrop-filter: saturate(140%) blur(8px);
    backdrop-filter: saturate(140%) blur(8px);
    border-top: 1px solid #E4E4E7;
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .ss-bnav__list {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .ss-bnav__item {
    flex: 1 1 0;
    display: flex;
  }
  .ss-bnav__link {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-height: 56px;
    min-width: 44px;
    padding: 8px 4px 6px;
    color: #64748B;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    border-top: 2px solid transparent;
    transition: color 150ms ease-out, border-color 150ms ease-out;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .ss-bnav__link:hover,
  .ss-bnav__link:focus-visible {
    color: #0F766E;
  }
  .ss-bnav__link[aria-current="page"] {
    color: #0F766E;
    border-top-color: #14B8A6;
  }
  .ss-bnav__icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .ss-bnav__label {
    display: block;
    line-height: 1;
  }
  /* Don't show on legal pages — toggleable via body[data-no-bnav="true"] */
  body[data-no-bnav="true"] .ss-bnav { display: none; }
}

/* Reduce-motion respect */
@media (prefers-reduced-motion: reduce) {
  .ss-bnav__link { transition: none; }
}