/* COMPANY hover card (cocard.js) — shared by every page that lists companies.
   Lived in screener.css while the screener was the only page with it. Positioned in page
   coordinates by JS, so it must not be inside a positioned/overflow-clipped ancestor. */
  .tkr { cursor: default; }
  .tkr:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; border-radius: 3px; }
  .cocard { position: absolute; z-index: 300; display: none; max-width: 340px;
            background: #12151c; border: 1px solid #2b2f38; border-radius: 10px;
            padding: 12px 13px; box-shadow: 0 16px 40px rgba(0,0,0,.55); }
  .cocard.open { display: block; }
  .cc-head { font-size: 13.5px; font-weight: 700; color: #e6e8eb; }
  .cc-note { font-size: 11px; color: #f5b942; margin-top: 3px; }
  .cc-desc { font-size: 12.5px; line-height: 1.5; color: #9aa0a6; margin-top: 7px; }
  .cc-cats { margin-top: 10px; padding-top: 9px; border-top: 1px solid #23262d;
             display: flex; flex-wrap: wrap; gap: 6px; }
  .cc-lbl { flex: 0 0 100%; font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase;
            color: #6b7280; margin-bottom: 2px; }
  .cc-cat { font: inherit; font-size: 11.5px; line-height: 1; cursor: pointer;
            padding: 5px 9px; border-radius: 999px; border: 1px solid #2b2f38;
            background: #161922; color: #cbd2da; }
  .cc-cat:hover { background: #1c2029; color: #fff; border-color: #3a3f4a; }
  /* The innermost (most specific) category — the one most likely to show true peers. */
  .cc-cat.inner { border-color: #2563eb; background: #102348; color: #cfe0ff; font-weight: 600; }
  .cc-cat.inner:hover { background: #16305e; color: #fff; }
  /* A name with no description on file still gets a card, saying so rather than
     showing an empty box that reads as a bug. */
  .cc-empty { font-style: italic; color: #6b7280; }
  /* Only pages that opt in get the affordance: the dotted underline promises a card. */
  .tkr[data-sym] { border-bottom: 1px dotted #3a3f4a; }