/* markets module styles — was injected at runtime by its own injectStyles()
   via document.createElement('style'). A script-created <style> is still a
   <style> element to the CSP, so style-src-elem 'self' would refuse it and
   this panel would render unstyled. Verbatim; only the delivery changed.
   Linked AFTER utilities.css, which is where the injected block landed —
   it was appended at module execution, i.e. after every <link>. */
.mk-strip { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
  .mk-idx { border:1px solid var(--line); border-radius:5px; padding:6px 10px; min-width:104px; }
  .mk-idx .s { font-size:11px; font-weight:700; color:var(--fg); }
  .mk-idx .p { font-size:13px; font-variant-numeric:tabular-nums; }
  .mk-heat { display:grid; grid-template-columns:repeat(auto-fit,minmax(96px,1fr)); gap:5px; margin-bottom:12px; }
  .mk-tile { border-radius:4px; padding:7px 8px; min-height:46px; display:flex; flex-direction:column;
    justify-content:space-between; border:1px solid var(--line); }
  .mk-tile .n { font-size:10px; line-height:1.15; color:var(--fg); }
  .mk-tile .v { font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .mk-sec { font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
    color:var(--dim); margin:14px 0 6px; }
  .mk-cols { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; }
  .mk-tbl { width:100%; border-collapse:collapse; font-size:12px; }
  .mk-tbl th { text-align:left; font-size:9px; text-transform:uppercase; letter-spacing:.6px;
    color:var(--dim); font-weight:700; padding:0 4px 4px; }
  .mk-tbl td { padding:4px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
  .mk-tbl td.sym { font-weight:700; }
  .mk-up { color:var(--green,#3fb950); } .mk-down { color:var(--red,#f85149); }
  .mk-note { font-size:10px; color:var(--dim); margin:6px 0 10px; }