:root{
  --sans:'Pretendard Variable',Pretendard,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --up:#16a34a; --dn:#dc2626; --brand:#4361ee; --brand-soft:#eef0fd;
  --surface:#fff; --border:#e8eaf0; --tp:#16181d; --tm:#5b6472; --tf:#8a8f99; --bg:#eef0f4;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);font-family:var(--sans);color:var(--tp);-webkit-font-smoothing:antialiased;}
a{color:inherit;}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;}
.up{color:var(--up);} .dn{color:var(--dn);}

/* top nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);}
.nav-in{max-width:820px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:9px 16px;}
.nav-brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none;}
.nav-brand .bt{font-size:15px;font-weight:800;letter-spacing:-.02em;}
.nav-links{display:flex;gap:2px;overflow-x:auto;flex:1;scrollbar-width:none;}
.nav-links::-webkit-scrollbar{display:none;}
.nav-links a{font-size:13px;font-weight:600;color:var(--tm);text-decoration:none;padding:6px 10px;border-radius:8px;white-space:nowrap;}
.nav-links a:hover{background:#f0f2f7;}
.nav-links a.on{color:var(--brand);background:var(--brand-soft);font-weight:800;}
.nav-lang{flex:none;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;border:1px solid #d5daf5;border-radius:999px;padding:5px 11px;}

.wrap{max-width:820px;margin:0 auto;padding:14px 16px 60px;display:flex;flex-direction:column;gap:14px;}
.pagehead{padding:6px 2px 0;}
.pagehead h1{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0 0 4px;}
.pagehead p{font-size:13.5px;color:var(--tm);margin:0;line-height:1.5;}

.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 3px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.04);overflow:hidden;}
.ch{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:#f7f8fb;}
.ct{font-size:15px;font-weight:800;}
.cs{font-size:12px;color:var(--tf);}
.cb{padding:16px;}

/* hero (dark terminal) */
.h1x{position:relative;border-radius:16px;overflow:hidden;padding:24px 26px 22px;background:linear-gradient(135deg,#f2f5ff,#ffffff 55%,#eef3ff);color:#16181d;border:1px solid #e2e8fb;box-shadow:0 6px 26px rgba(67,97,238,.10);}
.h1x::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 92% 8%,rgba(67,97,238,.12),transparent 60%),radial-gradient(52% 62% at 12% 100%,rgba(18,87,200,.08),transparent 60%);}
.h1t{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.h1b{font-size:12px;font-weight:700;color:#7a828f;} .h1b b{color:#16181d;font-family:var(--mono);}
.h1live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;color:#0e9f6e;}
.h1live .dot{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:pl 1.6s infinite;}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(72,209,138,.5);}70%{box-shadow:0 0 0 9px rgba(72,209,138,0);}100%{box-shadow:0 0 0 0 rgba(72,209,138,0);}}
.h1m{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.h1p{font-family:var(--mono);font-weight:800;font-size:52px;line-height:.95;letter-spacing:-.03em;color:#14161c;}
.h1chg{margin-top:10px;display:inline-flex;gap:8px;font-family:var(--mono);font-weight:800;font-size:16px;padding:5px 12px;border-radius:999px;}
.h1sp{flex:none;width:210px;} .h1sp svg{width:100%;height:56px;display:block;}
.h1g{position:relative;margin-top:18px;}
.h1gl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:#7a828f;margin-bottom:7px;} .h1gl b{color:#16181d;font-weight:800;}
.h1gp{font-family:var(--mono);font-weight:800;font-size:22px;color:var(--brand);}
.h1tr{position:relative;height:12px;border-radius:8px;background:#e4e9f7;overflow:hidden;}
.h1fl{position:absolute;inset:0 auto 0 0;border-radius:8px;background:linear-gradient(90deg,#5b74f2,#3446c8);box-shadow:0 0 12px rgba(67,97,238,.35);width:0;transition:width 1.3s cubic-bezier(.22,1,.36,1);}
.h1cap{font-size:12px;color:#7a828f;margin-top:8px;} .h1cap b{color:var(--brand);font-weight:800;}
.h1st{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #e6e9f2;}
.h1st .l{font-size:11px;color:#8a8f99;font-weight:600;} .h1st .v{font-family:var(--mono);font-weight:800;font-size:15px;margin-top:4px;color:#16181d;}
@media(max-width:560px){.h1p{font-size:40px;}.h1sp{width:100%;}.h1st{grid-template-columns:1fr 1fr;}}

/* tracker (compare) */
.trk{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.trk-pct{font-family:var(--mono);font-size:56px;font-weight:800;color:var(--brand);letter-spacing:-.03em;line-height:1;}
.trk-meta{flex:1;min-width:220px;}
.trk-cap{font-size:14px;color:var(--tm);margin-bottom:8px;}
.trk-row{font-size:13px;color:var(--tp);}
.trk-bar{height:14px;border-radius:8px;background:#eef0f7;overflow:hidden;margin:12px 0 4px;}
.trk-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#5b74f2,#3446c8);width:0;transition:width 1.2s cubic-bezier(.22,1,.36,1);}

/* treemap */
.tmap{position:relative;width:100%;container-type:inline-size;aspect-ratio:100/64;min-height:320px;}
.tt{position:absolute;border:2px solid #fff;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4px 6px;}
.tt .n{font-weight:800;line-height:1.1;} .tt .p{font-family:var(--mono);font-weight:800;margin-top:1px;} .tt .c{font-family:var(--mono);font-weight:600;opacity:.9;margin-top:1px;}
.tleg{display:flex;gap:14px;margin-top:12px;font-size:11px;color:var(--tf);flex-wrap:wrap;} .tleg .sw{display:inline-block;width:11px;height:11px;border-radius:3px;vertical-align:-1px;margin-right:4px;}
.tnote{font-size:11px;color:var(--tf);margin-top:8px;line-height:1.5;}
@media(max-width:560px){.tmap{aspect-ratio:100/92;}}

/* stat grid */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.scell{background:#f6f7fb;border:1px solid var(--border);border-radius:12px;padding:12px 13px;}
.scell .l{font-size:11px;color:var(--tf);font-weight:700;}
.scell .v{font-size:20px;font-weight:800;font-family:var(--mono);margin-top:4px;letter-spacing:-.02em;}
.scell .s{font-size:11px;color:var(--tf);margin-top:3px;}
@media(max-width:560px){.sgrid{grid-template-columns:1fr 1fr;}}

/* factor pills + text */
.fp{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px;}
.fpill{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;border:1px solid;}
.fx .fxrow{font-size:14px;line-height:1.7;color:var(--tm);padding:10px 0;border-bottom:1px solid var(--border);} .fx .fxrow:last-child{border:none;}
.fx b{color:var(--tp);}

/* table */
.tbl{width:100%;border-collapse:collapse;font-size:13px;}
.tbl th{font-size:11px;color:var(--tf);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--border);}
.tbl td{padding:9px 10px;border-bottom:1px solid #f0f2f6;}
.tbl tr:last-child td{border-bottom:none;}
.tbl .num{font-family:var(--mono);text-align:right;font-weight:700;}
.pill{display:inline-block;font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;}
.pill-g{background:#eaeefc;color:#3550c8;} .pill-u{background:#e2f3fd;color:#1f7bb0;}

/* peers */
.peer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.peer{border:1px solid var(--border);border-radius:12px;padding:12px 13px;}
.peer .pn{font-size:13px;font-weight:800;} .peer .ps{font-size:11px;color:var(--tf);font-family:var(--mono);}
.peer .pp{font-size:15px;font-weight:800;font-family:var(--mono);margin-top:6px;}
.peer .pi{font-size:12px;color:var(--tm);line-height:1.5;margin-top:7px;padding-top:7px;border-top:1px solid var(--border);}
@media(max-width:560px){.peer-grid{grid-template-columns:1fr;}}

/* news digest / list */
.ndg-item{padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;} .ndg-item:first-child{padding-top:2px;} .ndg-item:last-child{border:none;}
.ndg-top{display:flex;align-items:baseline;gap:9px;margin-bottom:6px;}
.ndg-n{flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:var(--brand-soft);color:var(--brand);font-family:var(--mono);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;}
.ndg-title{font-size:15.5px;font-weight:800;line-height:1.35;}
.ndg-sum{font-size:14px;line-height:1.72;color:var(--tm);padding-left:29px;}
.ndg-meta{font-size:11px;color:var(--tf);font-family:var(--mono);padding-left:29px;margin-top:5px;}
.ndg-link{display:inline-block;margin:6px 0 0 29px;font-size:12px;color:var(--brand);text-decoration:none;font-weight:700;}
@media(max-width:480px){.ndg-sum,.ndg-meta,.ndg-link{padding-left:0;}}

/* timeline */
.tl-item{display:flex;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:13px;cursor:pointer;} .tl-item:last-child{border:none;}
.tl-date{font-family:var(--mono);font-size:11px;color:var(--tf);flex:none;width:104px;}
.tl-chip{font-size:10px;font-weight:800;border-radius:5px;padding:2px 6px;flex:none;}
.tl-title{flex:1;color:var(--tp);}
.tl-src{font-size:11px;color:var(--tf);flex:none;}
@media(max-width:560px){.tl-date{width:78px;font-size:10px;}.tl-src{display:none;}}

/* weekly charts */
.wk-chart{margin:14px 0;}
.wk-kick{font-size:11px;font-weight:800;color:var(--tf);margin-bottom:8px;}
.wk-bar-row{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:12px;}
.wk-bar-label{width:120px;flex:none;font-weight:700;}
.wk-bar-track{flex:1;height:22px;background:#f0f2f6;border-radius:6px;overflow:hidden;position:relative;}
.wk-bar-fill{height:100%;border-radius:6px;}
.wk-bar-val{font-family:var(--mono);font-weight:800;white-space:nowrap;}
.wk-list .wk-row{font-size:14px;line-height:1.7;color:var(--tm);padding:9px 0;border-bottom:1px solid var(--border);display:flex;gap:9px;} .wk-list .wk-row:last-child{border:none;}
.wk-list .wk-row::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--brand);margin-top:8px;flex:none;}
.wk-list b{color:var(--tp);}

.foot{font-size:12px;color:var(--tf);line-height:1.6;text-align:center;padding:14px 4px 0;}
.foot a{color:var(--brand);text-decoration:none;}

/* news modal */
.modal{position:fixed;inset:0;background:rgba(10,14,26,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:18px;}
.modal.open{display:flex;}
.modal-box{background:#fff;border-radius:16px;max-width:560px;width:100%;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.modal-box h3{font-size:17px;font-weight:800;margin:0 0 12px;line-height:1.4;}
.modal-box p{font-size:14px;line-height:1.7;color:var(--tm);margin:0 0 16px;}
.modal-box .mrow{display:flex;gap:10px;}
.modal-box a,.modal-box button{font-size:13px;font-weight:700;border-radius:9px;padding:9px 14px;border:1px solid var(--border);background:#f6f7fb;cursor:pointer;text-decoration:none;color:var(--tp);}
.modal-box a{background:var(--brand);color:#fff;border-color:var(--brand);}

/* header chips (mirror Korean sec-chip) */
.ch-l{display:flex;align-items:center;gap:9px;}
.chip{font-size:11px;font-weight:800;border-radius:6px;padding:3px 8px;letter-spacing:.02em;}
.chip-red{background:#fdecee;color:#c0392b;} .chip-blue{background:#eaeefc;color:#3550c8;}
.chip-green{background:#e3f7ee;color:#0e7a4b;} .chip-teal{background:#e2f3fd;color:#1f7bb0;}
.chip-amber{background:#fcf4d6;color:#9a7b12;} .chip-purple{background:#f3edfb;color:#6b3fb0;}

/* highlighter output */
.ndg-sum b u, .fx b u, .wk-row b u, .pi b u, .scell .s b u, .h1cap b u{ text-decoration-thickness:1.5px; text-underline-offset:2px; }
b u{text-decoration-thickness:1.5px;text-underline-offset:2px;}

/* magazine (Today's Key Points) — mirrors Korean 오늘의 핵심 */
.mag-kick{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--brand);margin-bottom:6px;}
.mag-h2{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 14px;}
.mag-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
.mag-panel{background:#fbfbfd;border:1px solid var(--border);border-radius:14px;padding:15px 16px;margin-bottom:14px;}
.mag-bt{font-size:13px;font-weight:800;margin-bottom:11px;display:flex;align-items:center;gap:7px;}
.mag-bt::before{content:'';width:3px;height:14px;border-radius:2px;background:var(--brand);flex:none;}
.mag-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.mag-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 14px;}
.mag-ct{font-size:12px;font-weight:800;color:var(--tf);letter-spacing:.03em;margin-bottom:8px;}
.mag-chips{display:flex;flex-wrap:wrap;gap:6px;}
.mag-chip{font-size:12px;font-weight:600;color:var(--tp);background:#eef0f6;border-radius:8px;padding:5px 10px;}
.mag-list{list-style:none;margin:0;padding:0;}
.mag-list li{font-size:13px;line-height:1.5;padding:7px 0;border-bottom:1px solid #eef0f4;display:flex;gap:8px;} .mag-list li:last-child{border:none;}
.mag-list li .n{color:var(--brand);font-weight:800;font-family:var(--mono);flex:none;}
@media(max-width:600px){.mag-hero{grid-template-columns:1fr 1fr;}.mag-two{grid-template-columns:1fr;}}

/* ===== FULL UNIFY: sidebar + mobile topbar (mirror Korean layout) ===== */
:root{ --sidebar-w:220px; --container-max:1060px; --accent:#4361ee; --accent-soft:#eef0fd; --surface-2:#f0f2f7; --gap-card:14px; --container-pad:16px; }
.sidebar{ width:var(--sidebar-w); min-width:var(--sidebar-w); background:var(--surface); border-right:1px solid var(--border); display:flex; flex-direction:column; position:fixed; top:0; left:0; bottom:0; z-index:100; overflow-y:auto; }
.sidebar-logo{ padding:20px 16px 6px; display:flex; align-items:center; gap:11px; color:var(--tp); }
.logo-mark{ flex:0 0 auto; display:block; }
.sidebar-logo .logo-word{ display:flex; flex-direction:column; font-size:18px; font-weight:800; letter-spacing:-.03em; line-height:1.12; }
.sidebar-logo .logo-sub{ display:block; font-size:12px; font-weight:500; color:var(--tf); margin-top:3px; font-family:var(--mono); letter-spacing:.02em; }
.sidebar-divider{ height:1px; background:var(--border); margin:10px 16px; }
.sidebar-section-label{ font-size:10px; color:var(--tf); text-transform:uppercase; letter-spacing:.08em; padding:10px 16px 5px; font-weight:700; }
.sidebar-menu{ list-style:none; padding:0 8px; margin:0; }
.sidebar-menu li{ margin-bottom:1px; }
.sidebar-menu a{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:7px 12px; border-radius:6px; font-size:13px; color:var(--tm); text-decoration:none; transition:background .12s,color .12s; }
.sidebar-menu a:hover{ background:var(--surface-2); color:var(--tp); }
.sidebar-menu a.active{ background:var(--accent-soft); color:var(--accent); font-weight:700; }
.sidebar-menu a .menu-badge{ font-size:10px; background:var(--accent); color:#fff; padding:1px 6px; border-radius:999px; font-weight:700; }
.main-area{ flex:1; margin-left:var(--sidebar-w); min-height:100vh; min-width:0; background:var(--bg); }
.main-area .main-content{ max-width:var(--container-max); margin:0 auto; padding:var(--gap-card) var(--container-pad) 80px; display:flex; flex-direction:column; gap:var(--gap-card); }
.mobile-topbar{ display:none; position:fixed; top:0; left:0; right:0; height:52px; background:var(--surface); border-bottom:1px solid var(--border); align-items:center; justify-content:space-between; padding:0 14px; z-index:200; }
.mobile-topbar-title{ display:flex; align-items:center; gap:8px; font-size:18px; font-weight:800; color:var(--tp); letter-spacing:-.03em; }
.hamburger{ width:40px; height:40px; background:var(--surface-2); border:1px solid var(--border); border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; cursor:pointer; }
.hamburger span{ display:block; width:18px; height:2px; background:var(--tm); border-radius:2px; }
.pagehead{ padding:6px 2px 0; }
@media (max-width:1023px) and (min-width:769px){ .sidebar{ width:180px; min-width:180px; } .main-area{ margin-left:180px; } }
@media (max-width:768px){
  html,body{ overflow-x:hidden; max-width:100%; }
  .sidebar{ display:none; }
  .sidebar.open{ display:flex; position:fixed; top:0; left:0; bottom:0; width:270px; max-width:84%; z-index:300; box-shadow:0 0 0 100vw rgba(15,20,40,.45); }
  .main-area{ margin-left:0; min-width:0; max-width:100%; padding-top:52px; }
  .mobile-topbar{ display:flex; }
  .mag-hero{ grid-template-columns:1fr 1fr; } .mag-two{ grid-template-columns:1fr; }
}
.chip-slate{background:#eef2f7;color:#5b6470;}
/* FAQ */
.faq-item{padding:14px 0;border-bottom:1px solid var(--border);} .faq-item:last-child{border-bottom:none;}
.faq-q{font-size:15px;font-weight:800;color:var(--tp);margin-bottom:6px;}
.faq-a{font-size:14px;line-height:1.7;color:var(--tm);}
/* magazine night cards */
.mag-nc{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mag-ncard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 13px;}
.mag-nc-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;}
.mag-nc-name{font-size:13px;font-weight:800;color:var(--tp);}
.mag-nc-pct{font-family:var(--mono);font-weight:800;font-size:14px;white-space:nowrap;}
.mag-nc-why{font-size:12.5px;line-height:1.6;color:#4a4e57;word-break:keep-all;}
@media(max-width:600px){.mag-nc{grid-template-columns:1fr;}}

/* ── Analyst price targets & reports widget ── */
.cons-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px;}
.cons-cell{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;}
.cons-cell.cons-main{background:var(--accent-soft);}
.cons-cell .cl{font-size:13px;color:var(--tf);font-weight:700;}
.cons-cell .cv{font-size:20px;font-weight:800;font-family:var(--mono);margin-top:5px;letter-spacing:-.02em;}
.cons-cell .cs2{font-size:13px;color:var(--tm);margin-top:5px;}
.report-chart{margin:6px 0 18px;}
.report-chart svg{display:block;overflow:visible;}
.report-chart .rc-mk{cursor:pointer;}
.report-chart .rc-mk:hover circle{r:6;}
.rc-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;color:var(--tm);}
.rc-legend span{display:inline-flex;align-items:center;gap:6px;}
.rc-legend i{width:14px;height:0;display:inline-block;}
.rc-legend .rc-l1{border-top:3px solid #2546c7;}
.rc-legend .rc-l2{width:10px;height:10px;border-radius:50%;background:#c62828;border:1.5px solid #fff;box-shadow:0 0 0 1px #c62828;}
.rc-legend .rc-l3{width:14px;height:10px;background:rgba(198,40,40,.12);border-top:1px dashed #c62828;border-bottom:1px dashed #c62828;}
.reports-list{display:flex;flex-direction:column;}
.rp-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--tp);}
.rp-item:last-child{border-bottom:none;}
.rp-item:hover{background:var(--surface-2);}
.rp-date{font-size:13px;color:var(--tf);flex:none;width:96px;}
.rp-broker{font-size:14px;font-weight:700;flex:none;width:116px;}
.rp-title{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rp-tg{font-size:15px;font-weight:800;color:var(--accent);flex:none;}
.rp-op{font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 8px;flex:none;}
@media(max-width:640px){.cons-grid{grid-template-columns:1fr 1fr;}.rp-date{display:none;}.rp-broker{width:auto;}.rp-title{white-space:normal;}}

/* ── Cost basis distribution (Where's your floor) ── */
.cd-note{font-size:13px;color:var(--tf);margin:10px 0 0;line-height:1.6;}
.cd-toggle{display:inline-flex;gap:4px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;}
.cd-tab{font-size:14px;font-weight:700;color:var(--tm);background:transparent;border:none;border-radius:8px;padding:6px 16px;cursor:pointer;}
.cd-tab.on{background:var(--accent);color:#fff;}
.cd-head{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.cd-stat{flex:1;min-width:100px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;}
.cd-stat .cd-l{font-size:12px;color:var(--tf);font-weight:700;}
.cd-stat .cd-v{font-size:18px;font-weight:800;margin-top:4px;letter-spacing:-.02em;}
.cd-bars{display:flex;flex-direction:column;gap:5px;}
.cd-row{display:flex;align-items:center;gap:8px;height:26px;position:relative;}
.cd-track{flex:1;min-width:0;}
.cd-bar{height:22px;border-radius:4px;min-width:3px;opacity:.92;}
.cd-price{font-size:13px;color:var(--tm);width:118px;text-align:right;flex:none;font-weight:600;}
.cd-row-cur .cd-price{color:#c62828;font-weight:800;}
.cd-row-vwap .cd-price{color:#1257c8;font-weight:800;}
.cd-tag{position:absolute;right:126px;font-size:11px;font-weight:800;padding:2px 7px;border-radius:5px;white-space:nowrap;}
.cd-tag.cd-cur{background:#c62828;color:#fff;}
.cd-tag.cd-vwap{background:#1257c8;color:#fff;}
@media(max-width:600px){.cd-head{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.cd-stat{min-width:0;}.cd-stat .cd-v{font-size:16px;white-space:nowrap;}.cd-price{width:96px;font-size:12px;}.cd-tag{right:102px;font-size:10px;}}

/* inline ad slots */
.ad-inline{margin:16px 0;padding:0;min-height:90px;text-align:center;}
.ad-inline .ad-label{font-size:12px;color:#a0aec0;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase;}