/* The "i" explanations (used inside the Watchlist, Portfolio and Company pages) and the Glossary page. */
button.mj-i {
  display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle;
  width: 17px; height: 17px; min-width: 17px; padding: 0 !important; margin: 0 0 0 3px !important;
  border: 1.5px solid #B8863B !important; border-radius: 50% !important; background: transparent !important; color: #B8863B !important;
  font: 700 10px/1 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace !important; text-transform: none !important; letter-spacing: 0 !important;
  cursor: pointer; box-shadow: none !important; position: relative; top: -1px;
}
button.mj-i:hover, button.mj-i[aria-expanded="true"] { background: #B8863B !important; color: #fff !important; }
button.mj-i:focus-visible { outline: 2px solid #1F7A5C; outline-offset: 2px; }
.mj-lt { white-space: normal; }
.mj-pop {
  position: fixed; z-index: 99999; width: min(300px, calc(100vw - 16px)); box-sizing: border-box;
  background: #101B1A; color: #F5F1E8; border-radius: 12px; padding: 14px 16px; box-shadow: 0 10px 30px rgba(16, 27, 26, .28);
  font: 400 13px/1.5 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; text-align: left; text-transform: none; letter-spacing: 0; white-space: normal;
}
.mj-pop, .mj-pop p { color: #F5F1E8 !important; }
.mj-pop strong { color: #fff !important; display: block; font: 600 14px/1.3 'Space Grotesk', system-ui, sans-serif; color: #fff; margin: 0 0 6px; }
.mj-pop p { margin: 0 0 8px; color: #F5F1E8; }
.mj-pop a { color: #A9D6C0 !important; text-decoration: underline; font-weight: 600; }

/* glossary page */
.mj-gl {
  --mj-ink: #101B1A; --mj-pine: #1F7A5C; --mj-brass: #B8863B; --mj-bone: #F5F1E8; --mj-line: #E3DDCB; --mj-text2: #6B6259;
  color-scheme: light; background: var(--mj-bone); color: var(--mj-ink); font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 15px; line-height: 1.5;
  border: 1px solid var(--mj-line); border-radius: 20px; padding: clamp(16px, 3vw, 30px); margin: 1.5rem 0; width: 100%; box-sizing: border-box;
}
.mj-gl *, .mj-gl *::before, .mj-gl *::after { box-sizing: border-box; }
.mj-gl .mj-eyebrow { display: flex; align-items: center; gap: 10px; font: 600 11px 'IBM Plex Mono', monospace; letter-spacing: .14em; color: var(--mj-brass) !important; margin: 0 0 6px; text-transform: uppercase; }
.mj-gl .mj-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--mj-brass); }
.mj-gl h2.mj-title { font: 600 28px/1.2 'Space Grotesk', system-ui, sans-serif; color: var(--mj-ink) !important; margin: 0 0 8px; padding: 0; text-transform: none; }
.mj-gl .mj-sub { color: var(--mj-text2) !important; font-size: 14.5px; margin: 0 0 18px; max-width: 72ch; }
.mj-gl input.mj-gsearch { width: 100%; max-width: 440px; font: 500 14.5px 'Inter', sans-serif; padding: 11px 14px; border: 1px solid var(--mj-line); border-radius: 10px; background: #fff; color: var(--mj-ink); margin: 0 0 8px; box-shadow: none; }
.mj-gl h3.mj-gh { font: 600 20px 'Space Grotesk', system-ui, sans-serif; color: var(--mj-ink) !important; margin: 30px 0 12px; padding: 0 0 8px; border-bottom: 1px solid var(--mj-line); text-transform: none; }
.mj-gl .mj-gterms { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.mj-gl .mj-gterm { background: #fff; border: 1px solid var(--mj-line); border-radius: 14px; padding: 16px 18px; scroll-margin-top: 90px; }
.mj-gl .mj-gterm h4 { font: 600 16px 'Space Grotesk', system-ui, sans-serif; color: var(--mj-ink) !important; margin: 0 0 6px; padding: 0; text-transform: none; }
.mj-gl .mj-gshort { margin: 0 0 8px; font-weight: 600; font-size: 14px; color: var(--mj-ink) !important; }
.mj-gl .mj-glong { margin: 0; font-size: 13.5px; color: var(--mj-text2) !important; }
.mj-gl .mj-gterm.mj-hl { border-color: var(--mj-brass); box-shadow: 0 0 0 3px rgba(184, 134, 59, .25); }
@media (max-width: 640px) { .mj-gl { border-radius: 14px; } .mj-gl h2.mj-title { font-size: 23px; } }