:root{
  --ink:#191C1F; --ink-2:#202428; --panel:#282D31;
  --line:#ECE6DA; --line-d:rgba(255,255,255,.09);
  --gold:#FFB800; --gold-deep:#A66F00; --gold-2:#D8AB4C; --gold-3:#F5D58A;
  --mute:#A1ACB5; --paper:#FFFFFF; --cream:#F7F4EE; --text:#191C1F; --text-2:#5B6570;
  --up:#00A776; --down:#E0533A; --r:20px;
  --sans:"Poppins",-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;
  --serif:"Petrona",Georgia,serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--cream);color:var(--text);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.wrap{max-width:560px;margin:0 auto;padding:0 20px}
@media(min-width:900px){.wrap{max-width:1080px;padding:0 32px}}
.tabnum{font-variant-numeric:tabular-nums}

/* header */
.hdr{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.1px;font-size:16px}
.logo svg{width:28px;height:28px}
.logo b{font-weight:700;color:var(--gold-deep)}
.pick{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px 7px 10px;font-size:13px;font-weight:600;cursor:pointer}
.pick .f{font-size:18px;line-height:1}
.pick svg{width:12px;height:12px;opacity:.6}

/* hero (light) */
.hero{position:relative;overflow:hidden;padding:18px 0 20px;isolation:isolate;background:linear-gradient(180deg,#FFFDF8 0%,#FBF5E6 100%);border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;left:50%;top:-220px;width:620px;height:520px;transform:translateX(-50%);z-index:-1;
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,184,0,.30),rgba(255,184,0,.10) 50%,transparent 72%)}
.eyebrow{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-deep);font-weight:600}
.h-display{font-weight:700;text-transform:uppercase;color:var(--ink);font-size:40px;line-height:1.02;letter-spacing:-.5px;margin:10px 0 12px}
.h-display em{font-style:normal;color:var(--gold-deep)}
@media(min-width:900px){.h-display{font-size:64px}}
.lede{color:var(--text-2);font-size:16px;max-width:520px}
.big{display:flex;align-items:center;gap:8px 10px;margin:12px 0 4px;flex-wrap:wrap}
.big .v{font-size:42px;font-weight:700;letter-spacing:-1.2px;line-height:1;transition:color .6s;color:var(--ink)}
.big .c{font-size:15px;color:var(--text-2);font-weight:500}
@media(min-width:900px){.big .v{font-size:72px}}
.sub{color:var(--text-2);font-size:13px}
.flash-up{color:var(--up)!important} .flash-down{color:var(--down)!important}

.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid #E3DDD0;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;color:var(--text)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--gold);border-color:var(--ink)}
.seg{display:flex;background:#fff;border-radius:999px;padding:4px;gap:2px;border:1px solid #E3DDD0}
.seg button{flex:1;border:0;background:none;border-radius:999px;padding:8px 6px;font-size:12.5px;font-weight:500;color:var(--text-2);cursor:pointer;white-space:nowrap}
.seg button[aria-pressed=true]{background:var(--gold);color:var(--ink);font-weight:600}
.ctrls{display:grid;gap:10px;margin-top:16px}

/* sections */
.sec{padding:36px 0}
.sec.paper{background:var(--paper)}
.sec.dark{background:var(--ink);color:#fff}
.sec h2.serif{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.1;letter-spacing:-.4px;margin-bottom:8px}
@media(min-width:900px){.sec h2.serif{font-size:46px}}
.sec h2.caps{font-weight:700;text-transform:uppercase;color:var(--gold-deep);font-size:20px;letter-spacing:.2px;margin-bottom:6px}
.sec.dark h2.caps{color:var(--gold)}
.kicker{font-size:13px;color:var(--text-2);margin-bottom:20px}
.dark .kicker{color:var(--mute)}

/* simple rows (shared: karats, fx, countries) */
.rows{display:grid;gap:10px}
@media(min-width:900px){.rows.c2{grid-template-columns:1fr 1fr}.rows.c4{grid-template-columns:repeat(4,1fr)}}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;transition:border-color .2s,transform .15s}
a.row:hover{border-color:var(--gold-2)} a.row:active{transform:scale(.99)}
.row .a{display:flex;align-items:center;gap:12px;font-weight:600;min-width:0}
.row .a > div{min-width:0}
.row .a small{display:block;font-weight:400;color:var(--text-2);font-size:12px}
.row .f{font-size:24px;line-height:1}
.row .v{font-weight:600;font-size:16px;text-align:right;white-space:nowrap}
.row .v small{display:block;font-size:11px;color:var(--text-2);font-weight:400}
.row .go{width:14px;height:14px;color:#C2B9A6;flex:0 0 14px}
.kb{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--ink);
  background:linear-gradient(145deg,#FFE29A,#FFB800 50%,#C48F1E)}
.kb.k22{background:linear-gradient(145deg,#FBE3A6,#EDB843 55%,#B4862A)}
.kb.k21{background:linear-gradient(145deg,#F6E1AE,#DDB45E 55%,#A47D35)}
.kb.k18{background:linear-gradient(145deg,#F2E3C4,#CFAE74 55%,#94784B)}
.kb.k14{background:linear-gradient(145deg,#EEE4D3,#C2A887 55%,#86735A)}
.row.hl{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,184,0,.18)}

/* calculator */
.card{background:#fff;border-radius:var(--r);box-shadow:0 12px 40px -22px rgba(25,28,31,.3);padding:20px;border:1px solid var(--line)}
.tabs{display:flex;gap:6px;background:var(--cream);border-radius:999px;padding:4px;margin-bottom:18px}
.tabs button{flex:1;border:0;background:none;border-radius:999px;padding:10px;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.6px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inp{display:flex;align-items:center;border:1.5px solid #E3DED3;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s}
.inp:focus-within{border-color:var(--gold-2)}
.inp input,.inp select{flex:1;min-width:0;border:0;outline:0;background:none;padding:13px 14px;font-size:17px;font-weight:600;color:var(--text)}
.inp select{font-size:15px;appearance:none;-webkit-appearance:none;cursor:pointer}
.inp span{padding:0 14px;color:var(--text-2);font-size:13px;font-weight:600}
.inp span svg{width:12px;height:12px}
.result{margin-top:6px;background:var(--ink);color:#fff;border-radius:16px;padding:18px;position:relative;overflow:hidden}
.result:before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,184,0,.35),transparent 70%)}
.result .lbl{font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-3);font-weight:600}
.result .tot{font-size:34px;font-weight:700;color:var(--gold);letter-spacing:-.6px;line-height:1.15;margin:4px 0 10px}
.result dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:13px;position:relative}
.result dt{color:var(--mute)} .result dd{text-align:right;font-weight:500}
.note{font-size:12px;color:var(--text-2);margin-top:12px}

/* formula */
.formula{display:grid;gap:8px;margin-top:6px}
.fstep{display:flex;align-items:center;gap:12px;border-bottom:1px dashed #DDD6C8;padding:12px 0}
.fstep:last-child{border:0}
.fstep .op{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-weight:700}
.fstep .d{flex:1;font-size:13px;color:var(--text-2)}
.fstep .d b{display:block;color:var(--text);font-size:15px;font-weight:600}
.fstep .n{font-weight:600;font-size:15px;text-align:right}
.fstep.total .op{background:var(--gold);color:var(--ink)}
.fstep.total .n{font-size:20px;color:var(--gold-deep)}

/* sources */
.src{display:grid;gap:12px}
@media(min-width:900px){.src{grid-template-columns:repeat(3,1fr)}}
.srcc{border:1px solid var(--line-d);border-radius:var(--r);padding:18px;background:var(--panel)}
.srcc .tag{display:inline-block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--ink);background:var(--gold);border-radius:6px;padding:3px 8px;margin-bottom:10px}
.srcc h3{font-size:16px;font-weight:600;margin-bottom:4px}
.srcc p{font-size:13px;color:var(--mute)}
.srcc a{color:var(--gold-3);text-decoration:underline;text-underline-offset:3px}

/* countries */
.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 16px;margin-bottom:8px}
.search svg{width:16px;height:16px;opacity:.5}
.search input{flex:1;border:0;outline:0;background:none;padding:13px 0;font-size:15px;color:var(--text)}
.region{font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-2);font-weight:600;margin:22px 0 10px}

.suggest{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(166,111,0,.35);border-radius:var(--r);padding:16px;margin-top:24px;box-shadow:0 10px 30px -20px rgba(166,111,0,.6)}
.suggest .f{font-size:34px}
.suggest .t{flex:1}
.suggest .t small{display:block;color:var(--gold-deep);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}
.suggest .t b{font-size:17px}
.suggest .t span{display:block;color:var(--text-2);font-size:13px}
.suggest svg{width:18px;height:18px;color:var(--gold-deep)}

/* sheet */
.sheet{position:fixed;inset:0;z-index:60;display:none}
.sheet.open{display:block}
.sheet .bg{position:absolute;inset:0;background:rgba(25,28,31,.45);animation:fade .2s}
.sheet .pnl{position:absolute;left:0;right:0;bottom:0;max-height:86vh;background:#fff;border-radius:24px 24px 0 0;padding:10px 20px 24px;display:flex;flex-direction:column;animation:up .28s cubic-bezier(.2,.8,.2,1)}
@media(min-width:900px){.sheet .pnl{max-width:520px;left:50%;transform:translateX(-50%);bottom:auto;top:10vh;border-radius:24px;animation:fade .2s}}
.sheet .grab{width:40px;height:4px;border-radius:4px;background:#DDD6C8;margin:4px auto 14px}
.sheet h3{font-size:18px;font-weight:600;margin-bottom:12px}
.sheet .search{background:var(--cream)}
.sheet .list{overflow-y:auto;margin:8px -8px 0}
.sheet .list a{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:12px}
.sheet .list a:active,.sheet .list a:hover{background:var(--cream)}
.sheet .list .f{font-size:22px}
.sheet .list .nm{flex:1;font-weight:500}
.sheet .list .cu{color:var(--text-2);font-size:12px}
.sheet .list a.on{background:rgba(255,184,0,.14)}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* footer */
.foot{padding:36px 0 50px;background:var(--ink);color:var(--mute);font-size:12.5px;border-top:1px solid var(--line-d)}
.foot p{margin-bottom:10px}
.foot a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.foot a.logo{color:#fff;margin-bottom:14px;text-decoration:none}
.foot .logo b{color:var(--gold)}

.fade-in{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* comparison tables */
.tbl{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.tbl table{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{background:var(--ink);color:var(--gold-3);font-size:10px;letter-spacing:.9px;text-transform:uppercase;font-weight:600;text-align:right;padding:11px 10px;white-space:nowrap}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl td{padding:11px 10px;border-top:1px solid var(--line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-2)}
.tbl td.p{color:var(--text);font-weight:700;font-size:15px}
.tbl td.s{font-size:13px}
@media(max-width:380px){.tbl td{padding:10px 7px}.tbl th{padding:10px 7px}.tbl td.p{font-size:14px}}
.tbl td.k{color:var(--text);font-weight:600}
.tbl .kc{display:flex;align-items:center;gap:9px}
.tbl .kb{width:30px;height:30px;flex:0 0 30px;border-radius:9px;font-size:10.5px}
.tbl tr.hl td{background:#FFF8E6}
.tbl tr.hl td.p{color:var(--gold-deep)}
.tbl .mini{display:block;font-size:11px;font-weight:400;color:var(--text-2)}
.tbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--cream);font-size:12.5px;color:var(--text-2)}
.spread{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.spread input{width:56px;border:1.5px solid #E3DED3;border-radius:10px;padding:5px 8px;font-size:14px;font-weight:600;text-align:center;background:#fff;outline:0}
.spread input:focus{border-color:var(--gold-2)}
.sub-h{font-weight:600;font-size:15px;margin:26px 0 10px;display:flex;justify-content:space-between;align-items:baseline}
.sub-h small{font-weight:400;color:var(--text-2);font-size:12px}
.kb.k10{background:linear-gradient(145deg,#ECE6DC,#B5A48C 55%,#7A6C59)}


/* logo lockup: coin + 2-line gold wordmark */
.logo .coin{width:36px;height:36px;display:block}
.wm{display:flex;flex-direction:column;text-transform:uppercase;font-weight:700;font-size:12.5px;line-height:1.05;letter-spacing:.7px;
  background:linear-gradient(180deg,#D9A21C 0%,#A66F00 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot .wm{background:linear-gradient(180deg,#FFD66B 0%,#E0A419 100%);-webkit-background-clip:text;background-clip:text}
.foot .logo .coin{width:40px;height:40px}

/* ticker: black, auto-scrolling */
.tick{background:#0E1012;color:#C9D0D6;font-size:12px;border-bottom:1px solid #000}
.tick .wrap{display:flex;align-items:center;height:36px;gap:12px;padding-right:0;overflow:hidden}
.tick .mode{flex:0 0 auto;padding-right:12px;border-right:1px solid rgba(255,255,255,.12);color:var(--gold)}
.tick .mode.live{color:#2BE0A6} .tick .mode.live i{background:#2BE0A6}
.tk-view{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.tk-track{display:flex;width:max-content;animation:marquee 90s linear infinite}
.tk-view:hover .tk-track,.tk-view:active .tk-track{animation-play-state:paused}
.tk-set{display:flex;gap:22px;padding-right:22px}
.ti{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ti em{font-style:normal;color:#8E99A3}
.ti b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.ti i{font-style:normal;font-weight:600;font-size:11px}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tk-view{overflow-x:auto}.tk-set[aria-hidden]{display:none}}

/* change colours */
.chg.up{color:var(--up)} .chg.down{color:var(--down)} .chg.flat{color:var(--text-2)}
.tick .chg.up{color:#2BE0A6} .tick .chg.down{color:#FF7A66}
.pill{display:inline-flex;align-items:center;font-weight:600;font-size:13px;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pill.up{background:#E3F7EF;color:var(--up)} .pill.down{background:#FCE7E2;color:var(--down)} .pill.flat{background:#EFEBE3;color:var(--text-2)}

/* compact hero heading */
.h1{font-size:clamp(17px,5vw,28px);font-weight:700;letter-spacing:-.3px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stampline{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-2);margin-top:4px}
.stampline .ago{opacity:.7}
.dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:0 0 8px}
.dot.live{background:var(--up);animation:pulse 1.8s infinite}

/* table extras */
.tbar.top{border-top:0;border-bottom:1px solid var(--line);background:#fff}
.mini-seg{display:flex;background:var(--cream);border-radius:999px;padding:3px;gap:2px}
.mini-seg button{border:0;background:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer;white-space:nowrap}
.mini-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.tbl td.c{font-weight:600;font-size:14px}
.tbl td.c .mini{font-weight:500}
.tbl td.chg.up .mini{color:var(--up)} .tbl td.chg.down .mini{color:var(--down)}
.tbl td.p .mini{font-weight:400}
.tbl .tk{display:inline-block;width:12px;margin-left:4px;font-size:10px;vertical-align:2px}
.tbl .tk.up{color:var(--up)} .tbl .tk.down{color:var(--down)}
.tbl tbody tr{cursor:pointer}
.tbl tr.hl td:first-child{box-shadow:inset 3px 0 0 var(--ink)}
.more{display:block;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:13px;font-size:13px;font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.row .v .cu{font-size:12px;color:var(--text-2);font-weight:500}
.row .v small.chg{font-weight:600}
.mode{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;font-size:10.5px}
.mode i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.mode.live i{animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,224,166,.5)}70%{box-shadow:0 0 0 8px rgba(43,224,166,0)}100%{box-shadow:0 0 0 0 rgba(43,224,166,0)}}
.row .v small.chg.up{color:var(--up)} .row .v small.chg.down{color:var(--down)}

/* quick rates table (hero) */
.qt{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px -26px rgba(25,28,31,.35)}
.qt table{width:100%;border-collapse:collapse}
.qt th{background:var(--ink);color:#fff;text-align:left;padding:12px 14px;font-weight:600;font-size:14.5px;line-height:1.25;vertical-align:middle}
.qt th small{display:block;color:var(--gold-3);font-weight:500;font-size:12px}
.qt th:last-child{text-align:center;width:40%;font-size:14px}
.qt th .pill{display:inline-flex;margin-top:5px;font-size:12px;padding:3px 9px}
.qt th .pill.down{background:#3A2320;color:#FF8A75} .qt th .pill.up{background:#123328;color:#2BE0A6} .qt th .pill.flat{background:#2A2F33;color:var(--mute)}
.qt td{padding:10px 14px;border-top:1px dashed #E6DFD1;vertical-align:middle}
.qt tr:first-child td{border-top:0}
.ql{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px;line-height:1.25}
.ql em{display:block;font-style:normal;color:var(--text-2);font-weight:400;font-size:12px}
.qb{width:44px;height:44px;flex:0 0 44px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#FFE7A8,#F2B52B 45%,#B9821A);color:#4A3300;font-weight:800;font-size:12.5px;line-height:1;letter-spacing:-.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 4px rgba(122,82,0,.25);text-transform:uppercase}
.qb i{font-style:normal;font-size:9px;font-weight:700;margin-top:2px;letter-spacing:.3px}
.qv{text-align:center;font-weight:700;font-size:19px;font-variant-numeric:tabular-nums;color:var(--ink);border-left:1px solid var(--line)}
.qv.down{background:#FDF0EC;border-left-color:#F3C9BE} .qv.up{background:#EAF8F2;border-left-color:#BFE8D7}
@media(max-width:899px){.hero .big,.hero .sub,.hero .ctrls{display:none}}
@media(min-width:900px){.qt{max-width:620px}}
.wm b{font-weight:700;opacity:.75}

/* live market strip (slim, light) */
.strip{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #EADFC8}
.ms-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:10.5px}
.ms-live{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--gold-deep)}
.ms-live i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.ms-live.on{color:var(--up)} .ms-live.on i{background:var(--up);animation:pulse 1.6s infinite}
.ms-ago{color:var(--text-2);font-variant-numeric:tabular-nums}
.ms-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ms-t{padding:0 8px;border-left:1px solid #EADFC8;min-width:0}
.ms-t:first-child{padding-left:0;border-left:0}
.ms-l{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-2);font-weight:600;display:flex;align-items:center;gap:3px;white-space:nowrap}
.ms-a{font-size:8px} .ms-a.up{color:var(--up)} .ms-a.down{color:var(--down)}
.ms-v{display:inline-flex;align-items:baseline;gap:2px;margin:1px 0 0 -4px;padding:0 4px;border-radius:5px;white-space:nowrap}
.ms-n{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.2px}
.ms-v small{display:none}
.ms-c{font-size:10.5px;font-weight:600;white-space:nowrap}
.ms-c.up{color:var(--up)} .ms-c.down{color:var(--down)} .ms-c.flat{color:var(--text-2)}
.ms-abs{display:none}
@media(min-width:600px){.ms-n{font-size:16px}.ms-abs{display:inline}.ms-v small{display:inline;font-size:10px;color:var(--text-2)}}
.tick-up{animation:tkU 1.6s ease-out} .tick-down{animation:tkD 1.6s ease-out}
@keyframes tkU{0%{background:#C8F2E1}100%{background:transparent}}
@keyframes tkD{0%{background:#FBD3CB}100%{background:transparent}}
@media(prefers-reduced-motion:reduce){.tick-up,.tick-down{animation:none}}

/* quick table: blink + change */
.qn{display:inline-flex;align-items:center;gap:5px}
.qtk{font-size:11px;width:11px;display:inline-block}
.qtk.up{color:var(--up)} .qtk.down{color:var(--down)}
.qch{font-size:11.5px;font-weight:600;margin-top:2px;white-space:nowrap}
.qch.up{color:var(--up)} .qch.down{color:var(--down)} .qch.flat{color:var(--text-2)}
.blink-up{animation:qbU 1.4s ease-out} .blink-down{animation:qbD 1.4s ease-out}
.blink-up .js-qp{animation:qtU 1.4s ease-out} .blink-down .js-qp{animation:qtD 1.4s ease-out}
@keyframes qbU{0%,40%{box-shadow:inset 0 0 0 999px rgba(0,167,118,.22)}20%,60%{box-shadow:inset 0 0 0 999px rgba(0,167,118,.05)}100%{box-shadow:inset 0 0 0 999px rgba(0,167,118,0)}}
@keyframes qbD{0%,40%{box-shadow:inset 0 0 0 999px rgba(224,83,58,.22)}20%,60%{box-shadow:inset 0 0 0 999px rgba(224,83,58,.05)}100%{box-shadow:inset 0 0 0 999px rgba(224,83,58,0)}}
@keyframes qtU{0%,60%{color:var(--up)}100%{color:var(--ink)}}
@keyframes qtD{0%,60%{color:var(--down)}100%{color:var(--ink)}}
@media(prefers-reduced-motion:reduce){.blink-up,.blink-down,.blink-up .js-qp,.blink-down .js-qp{animation:none}}
.qch{display:none}
.qt th .qlive{display:inline-flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.9px;text-transform:uppercase;font-weight:700;color:var(--gold);vertical-align:1px}
.qt th .qlive i{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.qt th .qlive.on{color:#2BE0A6} .qt th .qlive.on i{background:#2BE0A6;animation:pulse 1.6s infinite}
.qt th .pill{display:table;margin:6px auto 0}
.pill-pulse{animation:pp 1s ease-out}
@keyframes pp{0%{transform:scale(1)}30%{transform:scale(1.18);box-shadow:0 0 0 6px rgba(255,255,255,.12)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media(prefers-reduced-motion:reduce){.pill-pulse{animation:none}}
.qt th:last-child{white-space:nowrap;font-size:13px;padding-left:8px;padding-right:10px}
.qt th .qlive{font-size:10px;letter-spacing:.6px;gap:4px}

/* LIVE indicator: green, slow blink everywhere */
@keyframes slowblink{0%,100%{opacity:1}50%{opacity:.25}}
.qt th .qlive.on,.ms-live.on,.tick .mode.live,.mode.live{color:#2BE0A6}
.ms-live.on{color:var(--up)}
.qt th .qlive.on i,.ms-live.on i,.mode.live i{background:#18C98E;animation:slowblink 2s ease-in-out infinite;box-shadow:0 0 6px rgba(24,201,142,.7)}
.qt th .qlive:not(.on),.ms-live:not(.on){color:#B9C1C8} .ms-live:not(.on){color:var(--text-2)}
.qt th .qlive:not(.on) i,.ms-live:not(.on) i,.mode:not(.live) i{background:#9AA4AD;animation:none;box-shadow:none}
.tick .mode:not(.live){color:#9AA4AD}

/* language bar + switcher */
.langbar{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-size:13px;padding:9px 16px;justify-content:center}
.langbar a{color:var(--gold-3);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.langbar button{background:none;border:0;color:#8E99A3;font-size:13px;cursor:pointer;padding:2px 6px}
.langs{margin:18px 0 14px;font-size:12.5px;color:var(--mute);line-height:2}
.langs span{display:block;color:#fff;font-weight:600;margin-bottom:2px}
.langs a{color:var(--mute);text-decoration:underline;text-underline-offset:3px}
.langs b{color:var(--gold)}

/* RTL (Arabic, Urdu) */
[dir=rtl] .row .v{text-align:left}
[dir=rtl] .fxr .v,[dir=rtl] .fstep .n,[dir=rtl] .result dd{text-align:left}
[dir=rtl] .tbl th,[dir=rtl] .tbl td{text-align:left}
[dir=rtl] .tbl th:first-child,[dir=rtl] .tbl td:first-child{text-align:right}
[dir=rtl] .tbl tr.hl td:first-child{box-shadow:inset -3px 0 0 var(--ink)}
[dir=rtl] .qv{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .qv.down{border-right-color:#F3C9BE}[dir=rtl] .qv.up{border-right-color:#BFE8D7}
[dir=rtl] .ms-t{border-left:0;border-right:1px solid #EADFC8;padding:0 8px}
[dir=rtl] .ms-t:first-child{border-right:0;padding-right:0}
[dir=rtl] .tick .mode{border-right:0;border-left:1px solid rgba(255,255,255,.12);padding-right:0;padding-left:12px}
[dir=rtl] .tk-track{animation-name:marqueeR}
@keyframes marqueeR{from{transform:translateX(0)}to{transform:translateX(50%)}}
[dir=rtl] .h-display,[dir=rtl] .h1{letter-spacing:0}

/* wordmark v3: charcoal lettering, GOLD dominant, .LIVE in gold */
.wm{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);gap:1px}
.wm span:first-child{font-size:9px;letter-spacing:2.2px;font-weight:700;opacity:.92}
.wm span:last-child{font-size:16.5px;letter-spacing:.3px;font-weight:800;line-height:1}
.wm b{font-weight:800;opacity:1;color:#C9951F;margin-left:-4.5px}
.wm b:before{content:"."}
.foot .wm{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff}
.foot .wm b{color:var(--gold)}