:root { color-scheme: light dark; }
  body { font-family: -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
         margin: 0; padding: 24px; background: #0f1115; color: #e6e8eb; }
  a { color: #6ea8fe; }
  h1 { font-size: 20px; margin: 0 0 4px; }
  h2 { font-size: 17px; margin: 28px 0 6px; }
  .meta { color: #9aa0a6; font-size: 13px; margin-bottom: 16px; }
  td .nm { color: #9aa0a6; font-weight: 400; }
  .wrap { overflow-x: auto; border: 1px solid #23262d; border-radius: 10px; }
  table { border-collapse: collapse; width: 100%; font-size: 13px; }
  th, td { padding: 7px 12px; white-space: nowrap; border-bottom: 1px solid #1c1f26; }
  th { text-align: left; background: #161922; font-weight: 600; }
  td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
  td.rank { text-align: right; color: #6b7280; }
  td.cash { font-weight: 600; }
  td.co { font-weight: 600; }
  td.hold { color: #9aa0a6; }
  td.bar { width: 30%; }
  td.bar span { display: block; height: 12px; border-radius: 3px;
                background: linear-gradient(90deg, #2563eb, #16c784); }
  tbody tr:hover { background: #161922; }

  /* Shared sector/category pills (buzz / events / news) — same look as the screener's */
  .cats { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
  .cat { background: #161922; color: #cbd2da; border: 1px solid #23262d; border-radius: 999px;
         padding: 5px 12px; font-size: 13px; cursor: pointer; }
  .cat:hover { background: #1c2029; }
  .cat.active { background: #2563eb; border-color: #2563eb; color: #fff; }

  /* Tab pills on the cash subpages are anchors — keep the pill look, not link-blue */
  .cats a.cat { color: #cbd2da; text-decoration: none; display: inline-block; }
  .cats a.cat.active { color: #fff; }

  /* "+ Columns" chooser on the companies subpage (mirrors the screener's) */
  .cols { background: #161922; color: #cbd2da; border: 1px solid #23262d; border-radius: 8px;
          padding: 6px 11px; font-size: 13px; cursor: pointer; white-space: nowrap; }
  .cols:hover { background: #1c2029; }
  .colpanel { position: absolute; display: none; z-index: 40; background: #11141b;
              border: 1px solid #2b2f38; border-radius: 8px; padding: 6px; min-width: 190px;
              max-height: 64vh; overflow-y: auto; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
  .colpanel.open { display: block; }
  .colpanel label { display: flex; align-items: center; gap: 8px; padding: 5px 8px;
                    font-size: 13px; color: #cbd2da; cursor: pointer; white-space: nowrap;
                    border-radius: 6px; }
  .colpanel label:hover { background: #161922; }
  .colpanel input { accent-color: #2563eb; }
  th[data-key] { user-select: none; }