/* ══════════════════════════════════════════════════════════════════════
   Tokenized Equities Radar · "The Terminal"
   Brand system: deep navy canvas, gold foil accent, floating pill nav,
   mono numerals, glass panels. Dark-first.
   ══════════════════════════════════════════════════════════════════════ */

:root,
html[data-theme="dark"] {
  color-scheme:dark;
  --bg:#010626; --panel:#080D24; --panel2:#0C1330; --line:#242E52; --line2:#161E3E;
  --tx:#F4F1EC; --tx2:#CDC5B8; --tx3:#A39B8E; --h1:#FCFBF8;
  --gold:#7FD3A6; --gold2:#2C6E4F; --goldwash:rgba(95,191,143,.12); --goldline:rgba(95,191,143,.26);
  --teal:#4E93AD; --teal2:#7BB4C7; --tealwash:rgba(78,147,173,.12);
  --clay:#C08074; --ember:#DA8663; --emberwash:rgba(192,128,116,.14);
  --green:#6FBF8F; --greenbg:rgba(111,191,143,.12);
  --red:#D9736A; --redbg:rgba(217,115,106,.12);
  --sand:#D5D9E0; --navy:#0C1330;
  --thbg:#0A1029; --hover:#111A3A; --chart-bg:#141C3A;
  --shadow:0 30px 70px -50px rgba(0,0,0,.95);
    
      
        
     
      
     
    
    
     
  
     
    
}

html[data-theme="light"] {
  color-scheme:light;
  --bg:#F5F2EE; --panel:#FFFFFF; --panel2:#F8F4EF; --line:#E3DBD1; --line2:#EDE7E0;
  --tx:#1F1F1F; --tx2:#4A443C; --tx3:#8B847A; --h1:#141414;
  --gold:#3E8E66; --gold2:#1F5C41; --goldwash:#E6F2EA; --goldline:rgba(169,137,74,.32);
  --teal:#0B688C; --teal2:#247797; --tealwash:#E4EEF2;
  --clay:#A3564C; --ember:#C0623F; --emberwash:#F6E7E1;
  --green:#4F7D5C; --greenbg:#E8F0E9;
  --red:#A8443B; --redbg:#F6E1DE;
  --sand:#D5D9E0; --navy:#1A1A2E;
  --thbg:#F8F4EF; --hover:#FAF6F1; --chart-bg:#EDE7E0;
  --shadow:0 1px 2px rgba(31,31,31,.04);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--tx);
  font-family:"Inter",-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:14.5px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  background-image:radial-gradient(1100px 420px at 50% -180px, rgba(95,191,143,.09), rgba(95,191,143,0) 70%);
  background-repeat:no-repeat;
}
.wrap{max-width:1460px;margin:0 auto;padding:30px 30px 74px;position:relative}

/* ── Masthead ─────────────────────────────────────────────── */
.kick{
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);
  margin:0 0 14px;
}
h1{
  font-family:"Instrument Serif","Sometimes Times","Iowan Old Style",Georgia,serif;
  font-size:clamp(32px,3.6vw,46px);font-weight:400;line-height:1.05;
  letter-spacing:-.015em;color:var(--h1);display:flex;align-items:baseline;gap:12px;
  margin:0 0 14px;
}
h1 em{color:var(--gold);font-style:italic}
.lede{color:var(--tx2);font-size:14.5px;line-height:1.72;margin:0 0 12px;max-width:820px}
.lede a{color:var(--teal2);text-decoration:none;border-bottom:1px solid var(--tealwash)}
.lede a:hover{color:var(--gold)}
.srcline{
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--tx3);
  margin:0 0 20px;padding-top:12px;border-top:1px solid var(--line2);line-height:1.9;
}
.srcline a{color:var(--teal2);text-decoration:none}
.srcline a:hover{color:var(--gold)}
a{color:var(--teal2);text-decoration:none}
a:hover{color:var(--gold)}

/* ── Floating pill navigation ────────────────────────────── */
.tabs{
  display:flex;gap:3px;flex-wrap:wrap;align-items:center;
  position:sticky;top:14px;z-index:30;
  margin:0 0 24px;padding:6px;
  background:color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--goldline);border-radius:999px;
  box-shadow:var(--shadow);
  width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;
}
.tbtn{
  background:transparent;border:1px solid transparent;border-radius:999px;
  color:var(--tx2);padding:7px 15px;cursor:pointer;white-space:nowrap;
  font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;transition:color .16s ease, background .16s ease, border-color .16s ease;
}
.tbtn .n{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--line2);border-radius:999px;padding:0 6px;font-size:9px;height:16px;
  margin-left:6px;color:var(--tx3);font-family:"JetBrains Mono",monospace;
}
.tbtn:hover{color:var(--tx);border-color:var(--line)}
.tbtn.on{background:rgba(95,191,143,.18);border-color:rgba(95,191,143,.42);color:var(--gold);font-weight:500}
.tbtn.on .n{background:transparent;color:var(--gold2)}
.tab{display:none}
.tab.on{display:block}

/* ── Panels ──────────────────────────────────────────────── */
.card{
  background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,0)) , var(--panel);
  border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-bottom:14px;
  box-shadow:var(--shadow);
}
html[data-theme="light"] .card{background:var(--panel)}
.card h2{
  font-family:"Instrument Serif","Sometimes Times",Georgia,serif;font-weight:400;
  font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--h1);
  margin:0 0 12px;display:flex;align-items:center;gap:9px;
}
.card h2::before{content:"";width:6px;height:6px;background:var(--gold);border-radius:50%;flex:0 0 6px}
.note{font-size:11.5px;color:var(--tx3);line-height:1.7}
.note b{color:var(--tx2);font-weight:500}
.note a{color:var(--teal2)}

/* ── Telemetry tiles ─────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.stat{
  background:linear-gradient(180deg, rgba(95,191,143,.055), rgba(95,191,143,0) 70%), var(--panel);
  border:1px solid var(--line);border-top:1px solid rgba(95,191,143,.38);
  border-radius:14px;padding:16px 16px 14px;text-align:left;
}
.stat b{
  display:block;font-size:23px;font-weight:500;color:var(--h1);
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.stat span{
  display:block;font-size:9px;color:var(--tx2);margin-top:6px;
  text-transform:uppercase;letter-spacing:.15em;line-height:1.5;
}

/* ── Badges ──────────────────────────────────────────────── */
.badge{
  display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;
  font-size:8.5px;font-weight:500;line-height:1.75;white-space:nowrap;
  letter-spacing:.09em;text-transform:uppercase;
  border:1px solid var(--line);background:var(--panel2);color:var(--tx2);
}
.badge-mifid{--tint:var(--tier-mifid)}
.badge-sec{--tint:var(--tier-sec)}
.badge-fsra{--tint:var(--tier-fsra)}
.badge-finra{--tint:var(--tier-finra)}
.badge-euprop{--tint:var(--tier-euprop)}
.badge-tracker{--tint:var(--tier-tracker)}
.badge-offshore{--tint:var(--tier-offshore)}
.badge-mifid,.badge-sec,.badge-fsra,.badge-finra,.badge-euprop,.badge-tracker,.badge-offshore{
  color:var(--tint);border-color:color-mix(in srgb, var(--tint) 38%, transparent);
  background:color-mix(in srgb, var(--tint) 12%, transparent);
}
.badge-green{background:var(--greenbg);color:var(--green)}
.badge-yellow{background:var(--goldwash);color:var(--gold)}
.badge-red{background:var(--redbg);color:var(--red)}
.badge-gray{background:var(--panel2);color:var(--tx3)}

/* ── Tags ────────────────────────────────────────────────── */
.tag{
  display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:5px;
  padding:1px 7px;font-size:9px;color:var(--tx2);margin:1px 3px 1px 0;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
.tag-cy{background:var(--tealwash);border-color:rgba(78,147,173,.28);color:var(--teal2)}
.tag-im{background:var(--goldwash);border-color:var(--goldline);color:var(--gold)}
.tag-dex{background:var(--emberwash);border-color:rgba(192,128,116,.28);color:var(--clay)}
.tag-mtf{background:var(--greenbg);border-color:rgba(111,191,143,.28);color:var(--green)}
.tag-otc{background:var(--redbg);border-color:rgba(217,115,106,.28);color:var(--red)}

/* ── Tables ──────────────────────────────────────────────── */
.tbl-wrap{overflow-x:auto;border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:11.5px}
th{
  text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);
  color:var(--tx3);font-weight:500;cursor:pointer;white-space:nowrap;user-select:none;
  text-transform:uppercase;letter-spacing:.13em;font-size:8.5px;
  font-family:"Inter",sans-serif;
}
th:hover{color:var(--gold2)}
th.sorted{color:var(--gold)}
td{
  padding:9px 10px;border-bottom:1px solid var(--line2);vertical-align:top;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--tx2);
}
tr:hover td{background:var(--panel2)}
tr.insight td{background:var(--goldwash)}
td.note{color:var(--tx3);font-size:9.5px}

/* ── Comparator ──────────────────────────────────────────── */
.comparator-grid{display:grid;gap:0;overflow-x:auto}
.comp-row{display:grid;grid-template-columns:176px repeat(4,1fr);border-bottom:1px solid var(--line2)}
.comp-header{grid-template-columns:176px repeat(4,1fr);border-bottom:1px solid var(--goldline);padding-bottom:9px;margin-bottom:5px}
.comp-label{padding:8px 12px;font-size:10px;color:var(--tx3);font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.comp-cell{padding:8px 12px;font-size:10.5px;border-left:1px solid var(--line2);font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--tx2)}
.comp-cell.select{background:var(--goldwash);border-color:var(--goldline)}

/* ── Filters ─────────────────────────────────────────────── */
.filters{margin-bottom:14px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.filters input,.filters select{
  background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--tx);
  padding:6px 11px;font:13px "Inter",sans-serif;outline:none;
}
.filters input:focus,.filters select:focus{border-color:var(--gold2)}
.filters select option{background:var(--panel);color:var(--tx)}
.filters label{font-size:10.5px;color:var(--tx2)}

/* ── Info cards ──────────────────────────────────────────── */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:14px}
.icard{background:var(--panel);border-radius:14px;border:1px solid var(--line);padding:16px 18px}
.icard h3{
  font-size:9.5px;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:7px;
  color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;
}
.icard ul{list-style:none;font-size:11.5px;color:var(--tx2);line-height:1.7}
.icard li{margin-bottom:5px;padding-left:13px;position:relative}
.icard li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;background:var(--goldline);border-radius:50%}

/* ── Milestones ──────────────────────────────────────────── */
#ovw-milestones{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:10.5px !important;color:var(--tx2) !important;line-height:2 !important}

/* ── Footer ──────────────────────────────────────────────── */
.ftr{
  text-align:center;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);
  color:var(--tx3);font-size:9.5px;letter-spacing:.08em;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
}

/* ── Yes / no marks ──────────────────────────────────────── */
.yn{font-size:9.5px;font-weight:500}
.yn.y{color:var(--green)}
.yn.n{color:var(--red)}
.yn.p{color:var(--gold)}

/* ── Tooltip ─────────────────────────────────────────────── */
[data-tip]{position:relative;cursor:help;border-bottom:1px dashed var(--tx3)}
[data-tip]:hover:after{
  content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:0;
  background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 9px;
  font-size:9.5px;white-space:nowrap;z-index:40;color:var(--tx);box-shadow:var(--shadow);
}

/* ── Details ─────────────────────────────────────────────── */
details.card{padding:0;overflow:hidden}
details.card summary{padding:14px 20px;cursor:pointer;font-size:12px;font-weight:500;color:var(--h1)}
details.card summary:hover{color:var(--gold)}
details.card[open] summary{border-bottom:1px solid var(--line)}
details.card .dtl{padding:14px 20px;font-size:12px;color:var(--tx2);line-height:1.75}

/* milestones: date + text columns */
#ovw-milestones li{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:3px 0;border-bottom:1px solid var(--line2)}
#ovw-milestones li .ms-date{color:var(--gold2);font-size:9.5px;letter-spacing:.06em;padding-top:2px}
#ovw-milestones li .ms-text{color:var(--tx2);line-height:1.75}

/* Hide hub-back on cloud */
#hub-back{display:none!important}

/* ── Theme toggle ────────────────────────────────────────── */
#themebtn{
  position:absolute;top:26px;right:30px;z-index:40;
  background:var(--panel);border:1px solid var(--line);color:var(--tx3);
  padding:6px 15px;border-radius:999px;cursor:pointer;
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;transition:.16s;
}
#themebtn:hover{background:var(--panel2);border-color:var(--goldline);color:var(--gold)}

@media print{ #themebtn{display:none} }
@media (max-width:760px){
  .wrap{padding:20px 16px 60px}
  .tabs{width:100%;border-radius:16px}
  #themebtn{position:static;margin:0 0 14px}
  .comp-row,.comp-header{grid-template-columns:120px repeat(4,minmax(130px,1fr))}
}

/* ── Small-screen fitting ─────────────────────────────────── */
@media (max-width:560px){
  .wrap { padding-left:20px; padding-right:20px; }
  .brandbar { flex-wrap:wrap; gap:10px; }
  .brandbar .brandmeta { white-space:normal; font-size:9px; letter-spacing:.14em; }
  .brandbar .brandrule { display:none; }
  .themebtn, #themebtn { right:14px; }
  h1 { letter-spacing:-.01em; }
  .card { padding-left:18px; padding-right:18px; }
}

/* ── data-colour tokens — BRIGHT ───────────────────────────── */
:root, html[data-theme="light"] {
    
      
        
     
      
     
    
    
     
  
     
    
}

/* ── data-colour tokens — DARK ─────────────────────────────── */
html[data-theme="dark"] {
    
      
        
     
     
    
    
     
  
     
    
}

/* ══ Console rail layout ═════════════════════════════════════ */
.wrap {
  display:grid; grid-template-columns:258px minmax(0,1fr); column-gap:54px;
  max-width:1460px; margin:0 auto; padding:34px 38px 88px; align-items:start;
}
.kick, h1, .lede, .srcline { grid-column:2; }
.wrap > div[id^="t-"] { grid-column:2; }
.wrap > .foot, .wrap > .disc, .wrap > .ftr { grid-column:2; }

#tabs {
  grid-column:1; grid-row:1 / span 60; align-self:start; position:sticky; top:34px;
  display:flex; flex-direction:column; gap:1px; margin:0; padding:22px 14px 18px;
  background:linear-gradient(180deg,#0D1434,#080D24);
  border:1px solid rgba(95,191,143,.22); border-radius:20px;
  box-shadow:0 24px 60px -40px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04);
  counter-reset:nav;
  width:auto; max-width:none; backdrop-filter:none;
}
.railhead { padding:0 10px 20px; margin:0 0 12px; border-bottom:1px solid #1E2749; }
.railhead .wordmark {
  display:block; font-size:12.5px; letter-spacing:.2em; text-transform:uppercase;
  color:#F4F1EA; font-weight:500; line-height:1.5;
}
.railhead .railmeta {
  display:block; margin-top:7px; font-size:8.5px; letter-spacing:.18em;
  text-transform:uppercase; color:#5FBF8F;
}
#tabs .tbtn {
  counter-increment:nav; position:relative; display:flex; align-items:baseline; gap:10px;
  width:100%; background:none; border:0; border-radius:4px; padding:8px 10px;
  cursor:pointer; font-family:inherit; font-size:11px; letter-spacing:.09em;
  text-transform:uppercase; color:#9BA1B6; text-align:left;
  transition:color .14s ease, background .14s ease;
}
#tabs .tbtn::before {
  content:counter(nav,decimal-leading-zero);
  font-family:"JetBrains Mono",ui-monospace,Menlo,monospace; font-size:8.5px;
  color:#565E78; min-width:16px; letter-spacing:.04em;
}
#tabs .tbtn:hover { color:#E7E2D8; background:rgba(255,255,255,.03); }
#tabs .tbtn.on { color:#F4F1EA; background:rgba(95,191,143,.18); }
#tabs .tbtn.on::after {
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:2px; background:#5FBF8F;
}
#tabs .tbtn.on::before { color:#5FBF8F; }
#tabs .tbtn .n {
  margin-left:auto; font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;
  font-size:9px; color:#6F768F; letter-spacing:.02em;
}
#tabs .tbtn.on .n { color:#5FBF8F; }

@media (max-width:1000px){
  .wrap { grid-template-columns:1fr; padding:24px 20px 64px; row-gap:0; }
  .kick, h1, .lede, .srcline, .wrap > div[id^="t-"],
  .wrap > .foot, .wrap > .disc, .wrap > .ftr { grid-column:1; }
  #tabs {
    position:static; grid-row:auto; flex-direction:row; overflow-x:auto;
    gap:4px; padding:10px; border-radius:14px; margin:18px 0 26px;
  }
  #tabs::after, .railhead { display:none; }
  #tabs .tbtn { white-space:nowrap; width:auto; padding:7px 11px; font-size:10px; }
  #tabs .tbtn::before { display:none; }
  #tabs .tbtn.on::after { left:8px; right:8px; top:auto; bottom:0; width:auto; height:2px; }
}

/* ══ Cross-radar consistency: type scale & theme control ═════ */
h1 { font-size:clamp(36px,4.4vw,56px); line-height:1.04; }
.kick {
  font-family:"Inter",sans-serif; font-size:10px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold2);
}
.srcline {
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9.5px; letter-spacing:.09em; text-transform:uppercase;
}
#themebtn, .themebtn {
  position:fixed; top:18px; right:18px; bottom:auto; left:auto;
  height:auto; width:auto; z-index:90;
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 14px; border-radius:999px; cursor:pointer;
  border:1px solid var(--goldline, var(--line));
  background:var(--panel); color:var(--tx2);
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  box-shadow:none;
}
#themebtn:hover, .themebtn:hover { border-color:var(--gold); color:var(--gold); }
@media (max-width:560px){ #themebtn, .themebtn { top:12px; right:12px; padding:6px 12px; } }

/* ══ Porcelain Navy · purple accent ═════════════════════════ */
:root, html[data-theme="light"] {
  --bg:#F4F5F7; --panel:#FFFFFF; --panel2:#EEF1F4;
  --line:#DDE1E6; --line2:#E7EAEE;
  --tx:#101322; --tx2:#4A4F5C; --tx3:#666E7A; --h1:#0C0F1C;
  --sand:#D5D9E0; --sand2:#C9CDD6; --paper:#FFFFFF;
  --gold:#5FBF8F; --gold2:#1F5C41; --goldwash:#E6F2EA; --goldline:rgba(47,125,91,.28);
  --teal:#0E5A78; --teal2:#2F7F95; --tealwash:#E6EEF2;
  --clay:#9C5A4E; --ember:#C0654A; --emberwash:#F6E7E1;
  --ok:#3F7A5A; --okwash:#E7F0EA; --bad:#A8483F;
  --navy:#101322; --thbg:#EEF1F4; --hover:#F6F8FA;
  --warnbd:#CDE5D6; --warntx:#1F5C41;
  --railbg:#0B1024; --railtx:#B9BEC9; --railine:#232C47;
  --chart-bg:#E7EAEE;
}
html[data-theme="dark"] {
  --bg:#070B1A; --panel:#0E1428; --panel2:#121A33;
  --line:#232C47; --line2:#1A2138;
  --tx:#F5F6F8; --tx2:#C3C9D4; --tx3:#8C93A1; --h1:#FBFCFD;
  --sand:#5FBF8F; --sand2:#4FA97A; --paper:#0E1428;
  --gold:#5FBF8F; --gold2:#A9E3C2; --goldwash:#0E2A1E; --goldline:rgba(95,191,143,.30);
  --teal:#7FB6C9; --teal2:#9CCBD9; --tealwash:#0E2230;
  --clay:#C98A7C; --ember:#DA8663; --emberwash:#2A1710;
  --ok:#7FB394; --okwash:#0D2218; --bad:#D9736A;
  --navy:#0E1428; --thbg:#0E1428; --hover:#141C34;
  --warnbd:#2C4A3A; --warntx:#A9E3C2;
  --railbg:#0B1024; --railtx:#B9BEC9; --railine:#232C47;
  --chart-bg:#1A2138;
}

/* ── data colours · BRIGHT ─────────────────────────────────── */
:root, html[data-theme="light"] {
    
      
        
     
    
   
     
    
    
     
  
     
    
}

/* ── data colours · DARK ───────────────────────────────────── */
html[data-theme="dark"] {
    
      
        
     
    
   
     
    
    
     
  
     
    
}

/* ══ Deeper purple accent ═══════════════════════════════════ */
:root, html[data-theme="light"] {
  --gold:#2F7D5B; --gold2:#1F5C41; --goldwash:#E6F2EA; --goldline:rgba(47,125,91,.30);
  --cat-exchange:#2C6E4F; --cat-broker:#3E8E66; --cat-psp:#4FA97A;
  --cat-custodian:#0E5A78; --cat-mm:#2F7F95;   --cat-am:#6E9AA8;
  --cat-infra:#9C5A4E;    --cat-bank:#1F2437;  --cat-invfirm:#6E7480;
  --cat-tradfi:#A8AEB8;   --cat-other:#BFC5CF;
  --cat-adviser:#9C5A4E; --cat-manager:#0E5A78; --cat-venue:#2F7D5B;
  --cat-si:#1F2437; --cat-firm:#6E7480;
  --e-emi:#2C6E4F; --e-pi:#0E5A78; --e-semi:#2F7D5B; --e-spi:#2F7F95;
  --e-ais:#9C5A4E; --e-pis:#C0654A; --e-other:#6E7480;
  --tier-mifid:#2C6E4F; --tier-sec:#0E5A78; --tier-finra:#2F7D5B;
  --tier-fsra:#4FA97A;  --tier-euprop:#2F7F95; --tier-tracker:#9C5A4E;
  --tier-offshore:#C0654A;
  --map-0:#E4E7EC; --map-1:#D9EAE0; --map-2:#8CCBA8; --map-3:#2C6E4F;
  --map-4:#2F7D5B; --map-stroke:#FFFFFF; --map-hatch:#D5D9E0;
}
html[data-theme="dark"] {
  --gold:#5FBF8F; --gold2:#A9E3C2; --goldwash:#0E2A1E; --goldline:rgba(95,191,143,.32);
  --cat-exchange:#7FD3A6; --cat-broker:#7FD3A6; --cat-psp:#A9E3C2;
  --cat-custodian:#7FB6C9; --cat-mm:#9CCBD9;   --cat-am:#B3D3DD;
  --cat-infra:#C98A7C;    --cat-bank:#AEB6C9;  --cat-invfirm:#9AA1AF;
  --cat-tradfi:#7C8391;   --cat-other:#5E6675;
  --cat-adviser:#C98A7C; --cat-manager:#7FB6C9; --cat-venue:#7FD3A6;
  --cat-si:#AEB6C9; --cat-firm:#9AA1AF;
  --e-emi:#7FD3A6; --e-pi:#7FB6C9; --e-semi:#7FD3A6; --e-spi:#9CCBD9;
  --e-ais:#C98A7C; --e-pis:#DA8663; --e-other:#9AA1AF;
  --tier-mifid:#7FD3A6; --tier-sec:#7FB6C9; --tier-finra:#7FD3A6;
  --tier-fsra:#A9E3C2;  --tier-euprop:#9CCBD9; --tier-tracker:#C98A7C;
  --tier-offshore:#DA8663;
  --map-0:#0F1730; --map-1:#1A1B3E; --map-2:#245C43; --map-3:#3E8E66;
  --map-4:#5FBF8F; --map-stroke:#070B1A; --map-hatch:#232C47;
}

/* keep the fixed theme control clear of the masthead on small screens */
@media (max-width:560px){ .wrap { padding-top:60px; } }

/* ── Keyboard focus ────────────────────────────────────────── */
:where(a, button, summary, [tabindex]):focus-visible {
  outline:2px solid var(--gold); outline-offset:3px; border-radius:4px;
}

/* ── Narrow-desktop fit: let wide tables scroll inside their card ── */
@media (max-width:1180px){
  .card, .tblcard { overflow-x:auto; }
  .card > table, .tblcard > table { display:block; overflow-x:auto; }
}

/* ── legacy var aliases still referenced by in-page JS ── */
:root,
html[data-theme="dark"],
html[data-theme="light"] {
  --brand:#D9BC7A; --brandtx:#D9BC7A; --brandbg:rgba(95,191,143,.12);
  --bluetx:#7BB4C7; --bluebg:rgba(78,147,173,.12);
  --greentx:#6FBF8F; --redtx:#D9736A;
}



.bars{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.brow{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;gap:12px}
.blab{font:10px "JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--tx3);letter-spacing:.06em}
.btrack{height:9px;background:var(--chart-bg);border-radius:99px;overflow:hidden}
.bfill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px}
.bn{font:10px "JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--tx2);text-align:right}
.ms{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}
.ms li{display:grid;grid-template-columns:92px 1fr;gap:12px;font-size:12px;color:var(--tx2)}
.ms-date{font:9.5px "JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--gold);letter-spacing:.06em;padding-top:2px}
.vbadge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:8.5px;
  letter-spacing:.09em;text-transform:uppercase;border:1px solid;white-space:nowrap}
.vbadge.v{color:var(--green);border-color:rgba(95,191,143,.45);background:rgba(95,191,143,.10)}
.vbadge.c{color:var(--ember);border-color:rgba(218,134,99,.45);background:rgba(218,134,99,.10)}
.one{color:var(--tx3);font-size:10px;display:block;margin-top:2px;font-family:"Inter",sans-serif}
.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.count{font:10px "JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--tx3);margin-left:auto}
.empty{padding:20px 0;color:var(--tx3);font-size:12px}
.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(min-width:1024px){.stats{grid-template-columns:repeat(5,1fr)}}
.stat span{white-space:normal;line-height:1.35}


/* html[] matches the specificity of the radar stylesheet's own theme blocks;
   a bare [data-theme] loses to them no matter where it sits in the file. */
html[data-theme="light"]{--bg:#F5F2EE;--panel:#FFFFFF;--panel2:#F8F4EF;--line:#E3DBD1;--line2:#EDE7E0;
 --tx:#1F1F1F;--tx2:#4A443C;--tx3:#8B847A;--h1:#141414;--gold:#356D99;--gold2:#0B688C;
 --goldwash:#E7EEF5;--goldline:rgba(53,109,153,.28);--teal:#0B688C;--teal2:#356D99;
 --chart-bg:#EDE7E0;--thbg:#F8F4EF;--hover:#FAF6F1;--navy:#1A1A2E}
html[data-theme="dark"]{--bg:#010626;--panel:#080D24;--panel2:#0C1330;--line:#242E52;--line2:#161E3E;
 --tx:#F4F1EC;--tx2:#CDC5B8;--tx3:#A39B8E;--h1:#FCFBF8;--gold:#7FB3DC;--gold2:#356D99;
 --goldwash:rgba(91,155,213,.12);--goldline:rgba(91,155,213,.26);--teal:#4E93AD;--teal2:#7BB4C7;
 --chart-bg:#141C3A;--thbg:#0A1029;--hover:#111A3A}
body{font-family:"Inter Tight",system-ui,-apple-system,sans-serif}
.mt12{margin-top:12px}.mb8{margin-bottom:8px}
/* A seven-column table is wider than a phone, and .wrap is a grid: an auto
   track sizes to min-content of the table, so the panel grows instead of the
   table scrolling. Pin the tracks to the container and the wrapper to it.
   Page-level overflow clip stays: it is what stops the 7-column table from
   widening the whole page on iOS. */
.wrap,.tab,.card,.tbl-wrap{min-width:0;max-width:100%}
.tab{overflow-x:clip}
@media(max-width:760px){
  .tbl-wrap table{min-width:620px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .brow{grid-template-columns:72px 1fr 32px}
}
.sub{font-weight:400;font-family:"Inter Tight",sans-serif;font-size:11px}
.srclist{padding-left:18px;line-height:1.9}