/* Compact, collapsible desktop navigation shell. */
.desktop-sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius:var(--kb-radius-md);
  background: rgba(255, 255, 255, .045);
  color: #94a3b8;
  cursor: pointer;
  transition: background .14s, color .14s, border-color .14s;
}

.desktop-sidebar-toggle:hover {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(148, 163, 184, .5);
  color: #f8fafc;
}

.desktop-sidebar-toggle-arrow {
  transition: transform .16s ease;
  transform-origin: 11px 12px;
}

.topbar-brand {
  letter-spacing: -.03em;
}

.topbar-badge {
  display: none;
}

/* Keep the legal navigation available without turning every page into a text page. */
.site-footer {
  display: none;
}

.site-legal {
  display: inline-block;
  color: #94a3b8;
}

.site-legal summary {
  width: 36px;
  height: 28px;
  border-radius:var(--kb-radius-md);
  cursor: pointer;
  font-size: .82rem;
  line-height: 24px;
  letter-spacing: .14em;
  list-style: none;
  transition: background .14s, color .14s;
}

.site-legal summary::-webkit-details-marker {
  display: none;
}

.site-legal summary:hover,
.site-legal[open] summary {
  background: #f1f5f9;
  color: #475569;
}

.site-legal nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 14px;
  padding: 8px 0 4px;
  font-size: .7rem;
}

.site-legal a {
  color: #64748b;
  text-decoration: none;
}

.site-legal a:hover {
  color: #0f172a;
}

/* Data first: explanatory copy is removed outside private JP stock detail pages. */
html.kbf-minimal-ui .seo-note,
html.kbf-minimal-ui .seo-panel,
html.kbf-minimal-ui .seo-intro,
html.kbf-minimal-ui .etf-note,
html.kbf-minimal-ui .ind-subtitle,
html.kbf-minimal-ui .subtitle,
html.kbf-minimal-ui .rdb-hero-note,
html.kbf-minimal-ui [class$="-hero"] p,
html.kbf-minimal-ui .hero p,
html.kbf-minimal-ui .hero .kick,
html.kbf-minimal-ui [class$="-hero"] .kick {
  display: none !important;
}

html.kbf-minimal-ui .seo-ssr,
html.kbf-minimal-ui .sector-seo {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.kbf-minimal-ui .seo-ssr > :not(h1),
html.kbf-minimal-ui .sector-seo > :not(h1):not(h2) {
  display: none !important;
}

html.kbf-minimal-ui .seo-ssr h1,
html.kbf-minimal-ui .sector-seo h1,
html.kbf-minimal-ui .sector-seo h2 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size:var(--kb-fs-h2);
  line-height: 1.25 !important;
}

/* Economic shortcut chips use light text intended for a dark hero in the old layout. */
html.kbf-economic-ui .main-area a[style*="rgba(255,255,255,.8)"] {
  border-color: #cbd5e1 !important;
  background: #fff !important;
  color: #475569 !important;
}

html.kbf-economic-ui .main-area a[style*="rgba(255,255,255,.8)"]:hover {
  border-color: #60a5fa !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

@media (min-width: 901px) {
  .desktop-sidebar-toggle {
    display: inline-flex;
    flex: 0 0 auto;
  }

  html.kbf-sidebar-collapsed .layout.kbf-shell-two-col {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html:not(.kbf-sidebar-collapsed) .layout.kbf-shell-two-col {
    grid-template-columns: minmax(0, 1fr) 200px !important;
  }

  html:not(.kbf-sidebar-collapsed) .layout.kbf-shell-two-col > .right-sidebar,
  html:not(.kbf-sidebar-collapsed) .layout.kbf-shell-three-col > .right-sidebar {
    display: flex !important;
  }

  html.kbf-sidebar-collapsed .layout.kbf-shell-three-col {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  html.kbf-sidebar-collapsed .layout > .right-sidebar {
    display: none !important;
  }

  html:not(.kbf-sidebar-collapsed) .desktop-sidebar-toggle-arrow {
    transform: rotate(180deg);
  }
}

/* Shared shell consumes the same semantic contract as page dashboards. */
.desktop-sidebar-toggle {
  border-color: var(--kb-border, rgba(148, 163, 184, .28));
  color: var(--kb-text-muted, #94a3b8);
  border-radius: var(--kb-radius-md, 8px);
}
.desktop-sidebar-toggle:hover {
  background: var(--kb-surface-raised, rgba(255, 255, 255, .1));
  border-color: var(--kb-border-strong, rgba(148, 163, 184, .5));
  color: var(--kb-text, #f8fafc);
}
.site-legal summary:hover,
.site-legal[open] summary {
  background: var(--kb-surface-subtle, #f1f5f9);
  color: var(--kb-text, #475569);
}
.site-legal a { color: var(--kb-text-muted, #64748b); }
.site-legal a:hover { color: var(--kb-text, #0f172a); }