/* stock-intel.css — Yahoo-style engaging modules around the stock chart:
   a live key-stats strip (injected under the KPIs), Related stocks, and Trending.
   Mobile-first; the two intelligence cards sit side-by-side from 900px. */

/* ── Key-stats strip (Prev close · Open · Day range · Volume · Market cap) ── */
.sti-keystats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 0}
.sti-ks{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding:10px 12px;border:1px solid var(--stroke,rgba(120,150,210,.16));border-radius:10px;background:var(--panel,rgba(12,18,30,.55))}
.sti-ks-k{font-size:11px;color:rgba(226,236,255,.9);letter-spacing:.01em}
.sti-ks-v{font-size:13.5px;font-weight:700;color:#eaf2ff;font-variant-numeric:tabular-nums;text-align:right}
@media(min-width:620px){.sti-keystats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.sti-keystats{grid-template-columns:repeat(5,1fr)}}

/* ── Related + Trending ── */
.sti-wrap{margin:22px 0 0}
.sti-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.sti-grid{grid-template-columns:1fr 1fr}}
.sti-card{border:1px solid var(--stroke,rgba(120,150,210,.16));border-radius:14px;background:var(--panel,rgba(12,18,30,.55));padding:14px 14px 8px}
.sti-hd{margin:0 0 8px;font-size:14px;font-weight:800;color:#eaf2ff;letter-spacing:-.01em}
.sti-tabs{display:flex;gap:6px;margin:0 0 6px}
.sti-tab{appearance:none;border:1px solid rgba(156,180,255,.2);background:rgba(156,180,255,.06);color:rgba(220,232,255,.8);
  border-radius:8px;padding:5px 12px;font:700 11.5px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;letter-spacing:.02em;transition:.14s}
.sti-tab.is-active{background:#44f1ff;color:#04121a;border-color:#44f1ff}
.sti-list{display:flex;flex-direction:column}
.sti-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 6px;border-radius:8px;
  text-decoration:none;border-bottom:1px solid rgba(120,150,210,.08)}
.sti-row:last-child{border-bottom:0}
.sti-row:hover{background:rgba(156,180,255,.06)}
.sti-row-main{display:flex;flex-direction:column;min-width:0}
.sti-row-sym{font-size:13.5px;font-weight:800;color:#eaf2ff}
.sti-row-name{font-size:11.5px;color:rgba(226,236,255,.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.sti-row-r{display:flex;align-items:baseline;gap:12px;flex:0 0 auto}
.sti-row-sub{font-size:12.5px;color:rgba(220,232,255,.72);font-variant-numeric:tabular-nums}
.sti-chg{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;min-width:64px;text-align:right;color:rgba(226,236,255,.84)}
.sti-chg.up{color:#3fd08a}.sti-chg.dn{color:#ff6b7d}
.sti-empty{padding:14px 6px;color:rgba(226,236,255,.84);font-size:12.5px}