/* Market page (v2/pages/market.js). Built only from app.css tokens. */

/* ── head + sub-tabs ───────────────────────────────────────────────────── */
.mk-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; margin: 6px 4px 30px; }
.mk-ttl { min-width: 0; }
.mk-lead { display: flex; align-items: center; flex-wrap: wrap; row-gap: 2px; margin: 8px 0 0; min-height: 22px; font-size: 15px; color: var(--text-2); }
.mk-lead b { color: var(--text); font-weight: 600; margin: 0 .2em; }
.mk-lead b.up { color: var(--up); }
.mk-lead .sk { margin-top: 4px; }
.mk-sep { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: var(--text-3); margin: 0 10px; opacity: .6; }
.mk-view { animation: page-in .38s var(--ease) both; }
.mk-h4 { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; letter-spacing: -.005em; margin: 0 0 10px; }
.mk-h4 svg { width: 15px; height: 15px; }
.mk-none { color: var(--text-3); font-size: 12.5px; }
.mk-ago { white-space: nowrap; padding-top: 3px; }
.mk-wait { margin-top: 12px; }
.mk-more { display: flex; justify-content: center; }
.mk-more:not(:empty) { padding-top: 18px; }

/* ── signals: breadth + preflight ─────────────────────────────────────── */
.mk-top { align-items: stretch; }
.mk-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 -4px; }
.mk-st { padding: 2px 20px; border-left: 1px solid var(--hair); min-width: 0; }
.mk-st:first-child { border-left: 0; padding-left: 4px; }
.mk-st-l { font-size: 13px; color: var(--text-2); margin-bottom: 6px; white-space: nowrap; }
.mk-st-v { font-size: 28px; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-st-v.mk-st-reg { font-size: 24px; }
.mk-st-sl { color: var(--text-3); font-weight: 400; margin: 0 6px; }
.mk-st-u { font-size: 14px; font-weight: 500; color: var(--text-2); margin-left: 6px; letter-spacing: 0; }
.mk-st-s { font-size: 12.5px; color: var(--text-3); margin-top: 6px; line-height: 1.45; }
.mk-split { height: 6px; border-radius: var(--r-pill); background: var(--down-mark); opacity: .9; margin-top: 12px; overflow: hidden; max-width: 160px; }
.mk-split i { display: block; height: 100%; background: var(--up-mark); border-right: 2px solid var(--surface); transition: width .9s var(--spring); }
.mk-tape { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid var(--hair); display: grid; gap: 10px; }
.mk-tape > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 12px; }
.mk-tape dt { font-size: 12.5px; color: var(--text-3); white-space: nowrap; }
.mk-tape dd { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.mk-bchip { font-variant-numeric: tabular-nums; }
.mk-bchip .up { color: var(--up); } .mk-bchip .down { color: var(--down); }

.mk-pf { display: flex; flex-direction: column; }
.mk-pfn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.mk-pfk { background: var(--surface-3); border-radius: var(--r-sm); padding: 12px 12px 10px; text-align: center; }
.mk-pfk b { display: block; font-size: 28px; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
.mk-pfk span { font-size: 12px; color: var(--text-2); }
.mk-pfk.up { background: var(--up-fill); } .mk-pfk.up b { color: var(--up); }
.mk-pfk.accent { background: var(--accent-fill); } .mk-pfk.accent b { color: var(--accent); }
.mk-pfr { margin-top: 18px; }
.mk-pfr .meter { margin-top: 10px; }
.mk-pfr .meter-top { margin-bottom: 6px; font-size: 12.5px; }
.mk-pfr .meter-bar { height: 6px; }
.mk-pf-ok { margin-top: 16px; }
.mk-pfg { margin-top: 18px; }
.mk-pfg-l { display: flex; flex-wrap: wrap; gap: 4px 0; margin-top: 6px; font-size: 12.5px; color: var(--text-2); }
.mk-pfg-l span:not(:last-child)::after { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: var(--text-3); opacity: .6; margin: 0 8px; vertical-align: middle; }
.mk-pff { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 16px; }

/* ── signals: list ────────────────────────────────────────────────────── */
.mk-list { margin-top: var(--gap); padding-bottom: 20px; }
.mk-lh { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 20px; flex-wrap: wrap; margin-bottom: 18px; }
.mk-lh-t .card-sub { margin-top: 6px; min-height: 18px; }
.mk-tools { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.mk-cnt { display: inline-block; min-width: 18px; margin-left: 6px; padding: 0 5px; border-radius: var(--r-pill); background: rgba(0, 0, 0, .06); color: var(--text-2); font-size: 11px; line-height: 17px; text-align: center; font-variant-numeric: tabular-nums; }
.mk-cnt:empty { display: none; }
.seg [aria-selected="true"] .mk-cnt { background: var(--text); color: #fff; }

.mk-shead, .mk-sr {
  display: grid; align-items: center; column-gap: 12px;
  grid-template-columns: minmax(118px, 1.2fr) 62px 80px minmax(170px, 1.75fr) minmax(150px, 1.35fr) 60px 66px 74px 66px 56px 12px;
}
.mk-shead { padding: 0 12px 10px; margin: 0 -12px; border-bottom: 1px solid var(--hair); font-size: 12px; color: var(--text-3); white-space: nowrap; }
.mk-shead .r { text-align: right; }
.mk-rows { margin: 0 -12px; }
.mk-sr-sk { padding: 16px 12px; border-bottom: 1px solid var(--hair); }
.mk-srw { border-bottom: 1px solid var(--hair); }
.mk-srw:last-child { border-bottom: 0; }
.mk-sr { width: 100%; min-height: 64px; padding: 10px 12px; border: 0; border-radius: 12px; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; transition: background var(--t-fast); -webkit-tap-highlight-color: transparent; }
.mk-sr:hover { background: var(--surface-2); }
.mk-sr:active { background: var(--surface-3); }
.mk-sr.is-held { box-shadow: inset 3px 0 0 var(--accent); border-radius: 0 12px 12px 0; }
.mk-c { min-width: 0; }
.mk-c-sym { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.mk-sym { font-size: 15.5px; font-weight: 600; letter-spacing: -.01em; }
.mk-held { font-size: 11px; font-weight: 600; color: var(--accent); background: var(--accent-fill); border-radius: 6px; padding: 2px 6px; }
.mk-cls { height: 20px; font-size: 11px; }
.mk-spark { display: block; overflow: visible; }
.mk-spark polyline { fill: none; stroke: var(--text-3); stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.mk-spark.up polyline { stroke: var(--up-mark); }
.mk-spark.down polyline { stroke: var(--down-mark); }
.mk-spark .z { stroke: var(--hair-2); stroke-width: 1; stroke-dasharray: 2 3; }
.mk-c-ver { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.mk-vc { max-width: 100%; }
.mk-vc svg { flex: none; }
.mk-ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.mk-vc-x:not(.ghost) { background: rgba(0, 0, 0, .06); color: var(--text); }
.mk-why { font-size: 12px; color: var(--text-3); line-height: 1.35; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-c-vol { display: flex; flex-direction: column; gap: 6px; }
.mk-vr { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.mk-vr b { font-size: 15px; font-weight: 600; }
.mk-vr-b { font-size: 12px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-vr-b.up { color: var(--up); } .mk-vr-b.down { color: var(--down); }
.mk-vb { position: relative; display: block; height: 4px; border-radius: var(--r-pill); background: var(--track); max-width: 150px; }
.mk-vb-win { position: absolute; top: 0; bottom: 0; border-radius: var(--r-pill); background: rgba(0, 0, 0, .13); }
.mk-vb-sw { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--text-2); }
.mk-vb-dot { position: absolute; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--text-2); box-shadow: 0 0 0 2px var(--surface); }
.mk-vb-dot.up { background: var(--up-mark); } .mk-vb-dot.down { background: var(--down-mark); }
.mk-vb-dot.over { border-radius: 3px; }
.mk-c-n { text-align: right; font-size: 13.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mk-c-n.up, .mk-c-n .up { color: var(--up); } .mk-c-n.down { color: var(--down); } .mk-c-n.warn, .mk-c-n .warn { color: var(--warn); }
.mk-c-news { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.mk-nc { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--text-2); font-variant-numeric: tabular-nums; }
.mk-nc svg { width: 14px; height: 14px; color: var(--text-3); }
.mk-c-go { color: var(--text-3); }
.mk-c-go svg { width: 14px; height: 14px; }
.mk-list-f { margin-top: 10px; flex-wrap: wrap; }
.mk-list-f:empty { display: none; }

/* ── signals: volRatio bands ──────────────────────────────────────────── */
.mk-lower { margin-top: var(--gap); align-items: stretch; }
.mk-band { display: flex; flex-direction: column; }
.mk-band .card-f { margin-top: auto; }
.mk-bands { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.mk-bcol { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.mk-bsig { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; min-height: 26px; }
.mk-bsym { height: 20px; padding: 0 7px; font-size: 11px; max-width: 100%; }
.mk-bd { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 4px 10px; border-radius: 12px; background: var(--surface-3); text-align: center; min-width: 0; }
.mk-bd-l { font-size: 11.5px; color: var(--text-2); white-space: nowrap; }
.mk-bd b { font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.mk-bd-n, .mk-bd-w { font-size: 10.5px; color: var(--text-3); line-height: 1.3; white-space: nowrap; }
.mk-bd-w { margin-top: -1px; }
.mk-bheld { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--hair); }
.mk-bheld > .t-cap2 { margin-bottom: 4px; }
.mk-bh { display: grid; grid-template-columns: 64px 62px minmax(0, 1fr) auto; gap: 8px; align-items: baseline; width: 100%; padding: 7px 8px; margin: 0 -8px; width: calc(100% + 16px); border: 0; border-radius: 10px; background: none; font: inherit; font-size: 13.5px; color: var(--text); text-align: left; cursor: pointer; transition: background var(--t-fast); }
.mk-bh:hover { background: var(--surface-2); }
.mk-bh b { font-weight: 600; }
.mk-bh .num { text-align: right; }
.mk-bh-r { font-weight: 600; color: var(--text-3); }
.mk-bh-r.up { color: var(--up); } .mk-bh-r.down { color: var(--down); }
.mk-bd.up { background: var(--up-fill); } .mk-bd.up b { color: var(--up); }
.mk-bd.down { background: var(--down-fill); } .mk-bd.down b { color: var(--down); }
.mk-bd.weak { background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hair); }
.mk-bd.weak b { color: var(--text-3); font-weight: 500; }
.mk-baxis { position: relative; height: 34px; margin-top: 10px; }
.mk-bwin { position: absolute; top: 0; height: 8px; border: 1.5px solid var(--text-2); border-top: 0; border-radius: 0 0 6px 6px; }
.mk-bsw { position: absolute; top: -4px; height: 14px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--text); }
.mk-bwin-l { position: absolute; top: 14px; transform: translateX(-50%); font-size: 11.5px; color: var(--text-2); white-space: nowrap; }

/* ── signals: funding / carry ─────────────────────────────────────────── */
.mk-fund .card-h { flex-wrap: wrap; }
.mk-fund .tbl { font-size: 13.5px; }
.mk-fund .tbl td { padding: 10px 10px; white-space: nowrap; }
.mk-fs-t .tbl td { white-space: nowrap; }
.mk-fund .card-f { gap: 16px; }
.mk-fund .card-f .link { flex: none; }
.mk-fs-tools { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.mk-search { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: var(--r-pill); background: rgba(0, 0, 0, .05); color: var(--text-3); flex: 1 1 180px; max-width: 280px; }
.mk-search svg { width: 16px; height: 16px; flex: none; }
.mk-search input { border: 0; background: none; outline: none; font: inherit; font-size: 14px; color: var(--text); width: 100%; min-width: 0; }
.mk-search:focus-within { box-shadow: var(--focus); }
.mk-fs-t .tbl { font-size: 13.5px; }
.mk-fs-t > p { margin: 0 0 8px; }

/* ── signal sheet ─────────────────────────────────────────────────────── */
.mk-vx { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: var(--r-sm); background: var(--surface-3); }
.mk-vx-i { flex: none; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .06); color: var(--text-2); }
.mk-vx-i svg { width: 19px; height: 19px; }
.mk-vx-b { min-width: 0; }
.mk-vx-t { font-size: 19px; font-weight: 600; letter-spacing: -.012em; line-height: 1.25; margin-bottom: 2px; }
.mk-vx.ok { background: var(--up-fill); } .mk-vx.ok .mk-vx-i { background: rgba(52, 199, 89, .22); color: var(--up); } .mk-vx.ok .mk-vx-t { color: var(--up); }
.mk-vx.rot { background: var(--accent-fill); } .mk-vx.rot .mk-vx-i { background: rgba(0, 113, 227, .14); color: var(--accent); }
.mk-whys { margin: 10px 0 0; padding: 0 0 0 18px; font-size: 14px; line-height: 1.55; }
.mk-hx { padding: 16px 18px 14px; border-radius: var(--r-sm); box-shadow: inset 0 0 0 1px var(--hair); background: var(--surface-2); }
.mk-hx-h { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.mk-hx-t { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.mk-hx-h b { font-size: 19px; font-weight: 600; letter-spacing: -.01em; }
.mk-hx-h b small { font-size: 12px; font-weight: 500; color: var(--text-2); }
.mk-hx-h b.up { color: var(--up); } .mk-hx-h b.down { color: var(--down); }
.mk-hx-f { display: flex; justify-content: space-between; align-items: center; gap: 8px 14px; flex-wrap: wrap; margin-top: 12px; }
.mk-chart { padding: 14px 16px 10px; border-radius: var(--r-sm); box-shadow: inset 0 0 0 1px var(--hair); }
.mk-chart-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.mk-chart-h b { font-size: 17px; font-weight: 600; }
.mk-chart-h b.up { color: var(--up); } .mk-chart-h b.down { color: var(--down); }
.mk-spk { --fc-h: 96px; height: 96px; margin: 8px -4px 0; }
.mk-dl-note { margin: 8px 2px 0; }
.mk-dlw .dl { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mk-dl2 .dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 560px) { .mk-dlw .dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mk-snews { list-style: none; margin: 0; padding: 0; }
.mk-snews li { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--hair); font-size: 14.5px; line-height: 1.4; }
.mk-snews li:last-child { border-bottom: 0; }
.mk-snews a { color: var(--text); }
.mk-snews a:hover { color: var(--accent); }
.mk-actions { gap: 18px; padding-top: 4px; }
.mk-actions .btn svg { width: 15px; height: 15px; }

/* ── news: what to know now ───────────────────────────────────────────── */
.mk-now .card-h { flex-wrap: wrap; }
.mk-calpill { height: 30px; padding: 0 13px; font-size: 13px; }
.mk-calpill svg { width: 15px; height: 15px; }
.mk-nowl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mk-nowi { display: flex; flex-direction: column; gap: 10px; width: 100%; height: 100%; text-align: left; border: 0; border-radius: var(--r-sm); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hair); padding: 16px 18px; cursor: pointer; font: inherit; color: var(--text); transition: background var(--t-fast), transform .2s var(--spring); }
.mk-nowi:hover { background: #f5f5f8; }
.mk-nowi:active { transform: scale(.99); }
.mk-nowi-c { display: flex; gap: 6px; flex-wrap: wrap; }
.mk-nowi-t { font-size: 15px; font-weight: 500; line-height: 1.42; }
.mk-nowi .t-cap2 { margin-top: auto; }
.mk-now-none { margin: 0; font-size: 15px; color: var(--text-2); }
.chip.mk-sym-held { background: var(--accent-fill); color: var(--accent); }
.chip.mk-sym-sig { background: transparent; box-shadow: inset 0 0 0 1px var(--warn-mark); color: var(--warn); }

/* ── news: list ───────────────────────────────────────────────────────── */
.mk-ngrid { margin-top: var(--gap); align-items: start; }
.mk-nlist .card-h { margin-bottom: 8px; }
.mk-loading { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding-top: 4px; }
.mk-loading .spin { width: 10px; height: 10px; }
.mk-topics { display: flex; gap: 6px; margin: 14px 0 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.mk-topics::-webkit-scrollbar { display: none; }
.mk-topics .chip { flex: none; }
.mk-tn { font-weight: 400; opacity: .6; margin-left: 2px; font-variant-numeric: tabular-nums; }
.mk-topics .chip.warn .mk-tn { opacity: .8; }
.mk-symfil { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 12px 0 2px; font-size: 13.5px; color: var(--text-2); }
.mk-tier { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--hair-2); margin-right: -4px; }
.tbl .mk-tier { margin: 0 6px 1px 0; vertical-align: middle; }
.mk-tier.tA { background: var(--text); }
.mk-tier.tB { background: var(--text-3); }
.mk-topic { color: var(--text-2); }
.mk-health { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--hair); line-height: 1.6; }
.mk-health b { font-weight: 500; color: var(--text-2); }
.mk-health .link { font-size: 12px; }

/* ── news: pictures, AI digest, story cards (2026-09-23) ──────────────────
 * .nx-img is a 16:9 frame; the source-initial placeholder sits under the picture,
 * so a slow, missing or dead image never leaves a hole. Home's headline card
 * reuses these classes (every page stylesheet is loaded on every page). */
.nx-img { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: var(--r-xs); background: linear-gradient(135deg, var(--surface-3) 0%, #ececf0 100%); box-shadow: inset 0 0 0 1px var(--hair); isolation: isolate; }
.nx-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--ease); z-index: 1; }
.nx-ph { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px; color: var(--text-3); text-align: center; }
.nx-ph b { font-size: 34px; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--text-3); opacity: .7; }
.nx-ph i { font-style: normal; font-size: 11px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nx-img.big .nx-ph b, .nx-img.lead .nx-ph b, .nx-img.insheet .nx-ph b { font-size: 64px; }
.nx-img.big .nx-ph i, .nx-img.lead .nx-ph i, .nx-img.insheet .nx-ph i { font-size: 12.5px; }
.nx-kick { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.nx-kick:empty { display: none; }
.nx-kick .chip.sm { height: 22px; padding: 0 9px; font-size: 11.5px; }
.nx-ai { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--accent); letter-spacing: .01em; }
.nx-ai svg { width: 13px; height: 13px; }
.nx-t { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.42; letter-spacing: -.008em; color: var(--text); transition: color var(--t-fast); }
.nx-ot { margin: 6px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--text-3); }
.nx-sum { margin: 8px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--text-2); }
.nx-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 10px; font-size: 12px; color: var(--text-3); }
.nx-meta b { font-weight: 600; color: var(--text-2); white-space: nowrap; }
.nx-meta > span { white-space: nowrap; }
.nx-meta .mk-tier { margin-right: -5px; }
.nx-syms { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 10px; }
.nx-syms .chip.sm { height: 22px; padding: 0 9px; font-size: 11.5px; }

/* AI digest hero */
.nx-dig-h { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; }
.nx-eyebrow { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; color: var(--accent); }
.nx-eyebrow svg { width: 17px; height: 17px; flex: none; align-self: center; }
.nx-dim { color: var(--text-3); font-weight: 400; }
.nx-dig-none { margin: 10px 0 0; }
.nx-mood { margin: 16px 0 26px; max-width: 920px; }
.nx-mood p { margin: 0; }
.nx-mood .m1 { font-size: 25px; font-weight: 600; line-height: 1.36; letter-spacing: -.02em; color: var(--text); }
.nx-mood .m2 { margin-top: 8px; font-size: 17px; line-height: 1.55; color: var(--text-2); }
.nx-dlead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 30px; align-items: center; cursor: pointer; border-radius: var(--r-sm); }
.nx-dlead .nx-img { border-radius: var(--r-sm); }
.nx-dt { margin: 0; font-size: 27px; font-weight: 600; line-height: 1.3; letter-spacing: -.022em; color: var(--text); transition: color var(--t-fast); }
.nx-dlead .nx-ot { font-size: 13.5px; margin-top: 8px; }
.nx-why { margin: 16px 0 0; padding-left: 14px; box-shadow: inset 2px 0 0 var(--accent); font-size: 15.5px; line-height: 1.6; color: var(--text); }
.nx-why b { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 600; color: var(--accent); }
.nx-dgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 22px; margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--hair); }
.nx-dc { display: flex; flex-direction: column; gap: 12px; cursor: pointer; min-width: 0; border-radius: var(--r-xs); }
.nx-dwhy { margin: 6px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--text-2); }

/* the feed: lead + card grid */
.nx-feed { margin-top: 14px; }
.nx-card { display: flex; flex-direction: column; gap: 12px; cursor: pointer; min-width: 0; border-radius: var(--r-xs); }
.nx-lead { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 24px; align-items: start; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--hair); }
.nx-lead .nx-t { font-size: 21px; line-height: 1.34; letter-spacing: -.016em; }
.nx-lead .nx-sum { font-size: 14px; }
.nx-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 22px; }
.nx-grid:empty { display: none; }
.nx-cw { min-width: 0; }
.nx-card:hover .nx-t, .nx-dc:hover .nx-t, .nx-dlead:hover .nx-dt { color: var(--accent); }
.nx-card:hover .nx-img img, .nx-dc:hover .nx-img img, .nx-dlead:hover .nx-img img { transform: scale(1.035); }
.nx-card:focus-visible, .nx-dc:focus-visible, .nx-dlead:focus-visible { outline: none; box-shadow: var(--focus); }
.nx-card.brk .nx-img::after { content: "ด่วน"; position: absolute; top: 10px; left: 10px; z-index: 2; padding: 3px 9px; border-radius: var(--r-pill); background: var(--down-mark); color: #fff; font-size: 11.5px; font-weight: 600; }

/* sheet — the frame modifier is .insheet, never .sheet: .sheet is the dialog itself
 * (app.css: absolute, 50%/50%, 680 px wide), which threw the picture out of the sheet */
.nx-simg { margin: 0 0 18px; }
.nx-simg .nx-img { border-radius: var(--r-sm); }
.nx-sot { margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: var(--text-3); }
.nx-ssum { margin: 0 0 16px; font-size: 16px; line-height: 1.65; color: var(--text); }
.nx-swhy { margin: 0 0 18px; padding: 14px 16px; border-radius: var(--r-sm); background: var(--accent-fill); }
.nx-swhy p { margin: 6px 0 0; font-size: 15px; line-height: 1.6; color: var(--text); }
.chip.nx-tchip svg { width: 13px; height: 13px; margin: 0 -2px 0 4px; }
.nx-sact { gap: 20px; align-items: center; flex-wrap: wrap; }

/* ── news: calendar + news stats ──────────────────────────────────────── */
.mk-nside { display: flex; flex-direction: column; gap: var(--gap); min-width: 0; }
.mk-calwarn { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--r-sm); background: var(--warn-fill); box-shadow: inset 0 0 0 1px rgba(178, 94, 0, .22); color: var(--warn); margin-bottom: 12px; }
.mk-calwarn svg { width: 17px; height: 17px; flex: none; margin-top: 1px; }
.mk-calwarn b { display: block; font-size: 13.5px; font-weight: 600; }
.mk-calwarn span { display: block; font-size: 12px; line-height: 1.45; margin-top: 3px; color: var(--text-2); }
.mk-evs { list-style: none; margin: 0 -8px; padding: 0; }
.mk-ev { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 8px; border-radius: 10px; }
.mk-ev + .mk-ev { box-shadow: inset 0 1px 0 var(--hair); }
.mk-ev-d { display: flex; flex-direction: column; font-size: 12px; color: var(--text-3); line-height: 1.35; font-variant-numeric: tabular-nums; }
.mk-ev-d b { font-size: 13.5px; font-weight: 600; color: var(--text); }
.mk-ev-n { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13.5px; line-height: 1.35; }
.mk-ev-r { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; white-space: nowrap; }
.mk-ev.next .mk-ev-n > span:first-child { font-weight: 600; }
.mk-ev.soon { background: var(--down-fill); }
.mk-ev.past { opacity: .5; }

.mk-mini { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 8px; font-variant-numeric: tabular-nums; }
.mk-mini th { font-size: 11.5px; font-weight: 500; color: var(--text-3); text-align: left; padding: 0 6px 6px; border-bottom: 1px solid var(--hair); }
.mk-mini td { padding: 8px 6px; border-bottom: 1px solid var(--hair); }
.mk-mini tr:last-child td { border-bottom: 0; }
.mk-mini th:first-child, .mk-mini td:first-child { padding-left: 0; }
.mk-mini th:last-child, .mk-mini td:last-child { padding-right: 0; }
.mk-mini .r { text-align: right; }
.mk-mini td.up { color: var(--up); } .mk-mini td.down { color: var(--down); }
.mk-mini tr.weak td { color: var(--text-3); }
.mk-mini tr.weak td:first-child { color: var(--text-2); }
.mk-nc-w { font-size: 11px; white-space: nowrap; }
.mk-nfx .mk-h4 + .mk-mini, .mk-nfx .mk-h4 + p { margin-top: 0; }
.mk-nfx .t-cap2 + .mk-h4, .mk-nfx .t-cap + .mk-h4 { margin-top: 20px; }
.mk-nfx p { margin: 0; }
.mk-nd-chips { gap: 6px; }

/* ── mood: fear & greed ───────────────────────────────────────────────── */
.mk-mtop, .mk-mmid { align-items: stretch; }
.mk-mmid, .mk-mov { margin-top: var(--gap); }
.mk-fg { display: flex; flex-direction: column; }
.mk-fg .card-f { margin-top: auto; }
.mk-gauge { position: relative; width: 240px; max-width: 100%; margin: 4px auto 0; }
.mk-g { width: 100%; height: auto; overflow: visible; }
.mk-g path { fill: none; stroke-width: 16; stroke-linecap: round; }
.mk-g-z1 { stroke: var(--down-mark); opacity: .55; }
.mk-g-z2 { stroke: var(--warn-mark); opacity: .5; }
.mk-g-z3 { stroke: var(--text-3); opacity: .28; }
.mk-g-z4 { stroke: var(--up-mark); opacity: .45; }
.mk-g-z5 { stroke: var(--up-mark); opacity: .8; }
.mk-g-k { fill: var(--surface); stroke: var(--text); stroke-width: 4; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2)); }
.mk-gauge-c { position: absolute; left: 0; right: 0; bottom: 2px; display: flex; flex-direction: column; align-items: center; }
.mk-gauge-v { font-size: 48px; line-height: 1; font-weight: 600; letter-spacing: -.03em; color: var(--text); }
.mk-gauge-c > span:last-child { font-size: 14px; color: var(--text-2); margin-top: 4px; }
.mk-g-scale { display: flex; justify-content: space-between; width: 240px; max-width: 100%; margin: 8px auto 0; }

/* ── mood: macro ──────────────────────────────────────────────────────── */
.mk-mac { display: flex; flex-direction: column; }
.mk-macro { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mk-macro > .kpi { padding: 0 18px; border-left: 1px solid var(--hair); }
.mk-macro > .kpi:first-child { padding-left: 0; border-left: 0; }
.mk-macro .kpi-v.sm { font-size: 24px; }
.mk-macro .kpi-s .up { color: var(--up); } .mk-macro .kpi-s .down { color: var(--down); }
.mk-dom { display: flex; height: 10px; border-radius: var(--r-pill); overflow: hidden; margin-top: 26px; background: var(--track); }
.mk-dom i { display: block; height: 100%; transition: width .9s var(--spring); }
.mk-dom i + i { border-left: 2px solid var(--surface); }
.mk-dom .b, .mk-dom-l i.b { background: var(--text); opacity: .82; }
.mk-dom .e, .mk-dom-l i.e { background: var(--text-3); }
.mk-dom .o, .mk-dom-l i.o { background: rgba(0, 0, 0, .12); }
.mk-dom-l { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 10px; }
.mk-dom-l span { display: inline-flex; align-items: center; gap: 6px; }
.mk-dom-l i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; }
.mk-dom-n { margin-left: auto; }
.mk-pulse { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: auto; padding-top: 22px; }
.mk-pl { display: flex; flex-direction: column; gap: 1px; padding: 10px 12px; border-radius: 12px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hair); color: var(--text); font-size: 12.5px; transition: background var(--t-fast); min-width: 0; }
.mk-pl:hover { text-decoration: none; background: #f5f5f8; }
.mk-pl b { font-size: 13px; font-weight: 600; }
.mk-pl .num:nth-child(2) { font-size: 14px; font-weight: 500; }
.mk-pl .up { color: var(--up); } .mk-pl .down { color: var(--down); }

/* ── mood: whale ──────────────────────────────────────────────────────── */
.mk-wv { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mk-wv-t { font-size: 30px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; margin-right: 6px; }
.mk-wv-t.up { color: var(--up); } .mk-wv-t.down { color: var(--down); }
.mk-ev-l { margin: 12px 0 0; padding: 0 0 0 18px; font-size: 14px; line-height: 1.55; color: var(--text); }
.mk-ev-l li + li { margin-top: 2px; }
.mk-watch { display: flex; gap: 8px; align-items: flex-start; margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--surface-3); font-size: 13.5px; line-height: 1.45; }
.mk-watch svg { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--text-2); }
.mk-flows { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 22px 0 22px; padding-top: 18px; border-top: 1px solid var(--hair); }
.mk-flow-h { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.mk-flow-h .num { font-weight: 500; font-size: 12.5px; }
.mk-flow-b { display: grid; grid-template-columns: 86px minmax(0, 1fr) 58px; gap: 8px; align-items: center; font-size: 12px; color: var(--text-2); margin-top: 5px; }
.mk-flow-b .num { text-align: right; color: var(--text); }
.mk-flow-l { white-space: nowrap; }
.mk-bar { display: block; height: 6px; border-radius: var(--r-pill); background: var(--track); overflow: hidden; }
.mk-bar i { display: block; height: 100%; border-radius: inherit; background: var(--text-3); transition: width .9s var(--spring); }
.mk-bar i.in, .mk-bar i.down { background: var(--down-mark); }
.mk-bar i.out, .mk-bar i.up { background: var(--up-mark); }
.mk-bar i.warn { background: var(--warn-mark); }
.mk-tx { list-style: none; margin: 0; padding: 0; }
.mk-tx li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 8px 0; border-bottom: 1px solid var(--hair); font-size: 13.5px; }
.mk-tx li:last-child { border-bottom: 0; }
.mk-tx li b { font-weight: 600; min-width: 54px; }
.mk-tx .t-cap2.num:first-child { min-width: 38px; }
.mk-route { font-size: 12px; font-weight: 500; color: var(--text-2); }
.mk-route.up { color: var(--up); } .mk-route.down { color: var(--down); } .mk-route.warn { color: var(--warn); }
.mk-wsum { margin: 0; font-size: 15px; color: var(--text-2); }
.mk-routes { display: grid; gap: 6px; }
.mk-rt { display: grid; grid-template-columns: 140px minmax(0, 1fr) 54px; gap: 10px; align-items: center; font-size: 13px; }
.mk-rt .num { text-align: right; }
.mk-nw { white-space: nowrap; }
.mk-wh { display: flex; flex-direction: column; }
.mk-wh > .card-f { margin-top: auto; }
.mk-wh > .card-f .link { flex: none; }
.mk-wh > :nth-last-child(2) { margin-bottom: 18px; }
.mk-rstrip { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--hair); }
.mk-rbar { display: flex; height: 8px; border-radius: var(--r-pill); overflow: hidden; margin-top: 8px; background: var(--track); }
.mk-rbar i { display: block; height: 100%; background: var(--text-3); opacity: .55; }
.mk-rbar i + i { border-left: 2px solid var(--surface); }
.mk-rbar i.up, .mk-rleg i.up { background: var(--up-mark); opacity: 1; }
.mk-rbar i.down, .mk-rleg i.down { background: var(--down-mark); opacity: 1; }
.mk-rbar i.warn, .mk-rleg i.warn { background: var(--warn-mark); opacity: 1; }
.mk-rleg { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; }
.mk-rleg span { display: inline-flex; align-items: center; gap: 5px; }
.mk-rleg i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; background: var(--text-3); opacity: .55; }

/* ── mood: positioning ────────────────────────────────────────────────── */
.mk-pos { display: flex; flex-direction: column; }
.mk-pos .card-f { margin-top: auto; }
.mk-pos-t { margin-bottom: 8px; }
.mk-pr { display: grid; grid-template-columns: 58px 96px 76px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--hair); font-size: 13.5px; }
.mk-pr:last-child { border-bottom: 0; }
.mk-pr .r { text-align: right; }
.mk-pr b { font-weight: 600; }
.mk-pr-h { font-size: 11.5px; color: var(--text-3); padding-top: 0; }
.mk-ls { display: flex; align-items: center; gap: 8px; min-width: 0; padding-left: 8px; }
.mk-ls-b { flex: 1; height: 6px; border-radius: var(--r-pill); background: var(--down-mark); opacity: .85; overflow: hidden; min-width: 40px; }
.mk-ls-b i { display: block; height: 100%; background: var(--up-mark); border-right: 2px solid var(--surface); }

/* ── mood: movers ─────────────────────────────────────────────────────── */
.mk-movers { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.mk-mcol .mk-h4.up svg { color: var(--up); } .mk-mcol .mk-h4.down svg { color: var(--down); }
.mk-mv { list-style: none; margin: 0; padding: 0; }
.mk-mv li { display: grid; grid-template-columns: 22px minmax(70px, 1fr) minmax(0, 1fr) 72px 88px; gap: 10px; align-items: baseline; padding: 9px 0; border-bottom: 1px solid var(--hair); font-size: 14px; }
.mk-mv li:last-child { border-bottom: 0; }
.mk-mv b { display: flex; align-items: center; gap: 6px; font-weight: 600; overflow: hidden; white-space: nowrap; min-width: 0; }
.mk-mv b .chip { flex: none; }
.mk-mv .num { text-align: right; white-space: nowrap; }
.mk-mv .up { color: var(--up); } .mk-mv .down { color: var(--down); }
.mk-mv-i { color: var(--text-3); font-size: 12px; text-align: left !important; }

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
  .mk-shead, .mk-sr { grid-template-columns: minmax(110px, 1.2fr) 60px minmax(160px, 1.7fr) minmax(140px, 1.3fr) 58px 64px 72px 62px 52px 12px; }
  .mk-c-spark, .mk-shead > span:nth-child(3) { display: none; }
  .mk-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .mk-st:nth-child(3) { border-left: 0; padding-left: 4px; }
  .mk-lower > .card, .mk-mmid > .card { grid-column: 1 / -1; }
  .mk-bsig { min-height: 0; }
}
@media (max-width: 1080px) {
  .mk-top > .mk-breadth { grid-column: span 7; } .mk-top > .mk-pf { grid-column: span 5; }
  .mk-ngrid > * { grid-column: 1 / -1; }
  .mk-nowl { grid-template-columns: 1fr 1fr; }
  .nx-dgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mk-mtop > .card { grid-column: 1 / -1; }
  .mk-pulse { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .mk-nside { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
}
/* signal rows become cards */
@media (max-width: 900px) {
  .mk-top > .mk-breadth, .mk-top > .mk-pf { grid-column: 1 / -1; }
  .mk-shead { display: none; }
  .mk-rows { margin: 0 -8px; }
  .mk-sr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 14px 8px; min-height: 0; }
  .mk-sr.is-held { box-shadow: inset 3px 0 0 var(--accent); }
  .mk-c-sym { order: 1; flex: 0 1 auto; }
  .mk-c-dir { order: 2; flex: none; }
  .mk-c-spark { display: block; order: 3; margin-left: auto; flex: none; }
  .mk-c-go { order: 4; flex: none; }
  .mk-c-ver { order: 5; flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
  .mk-why { white-space: normal; }
  .mk-c-vol { order: 6; flex: 1 1 100%; flex-direction: row; align-items: center; gap: 12px; }
  .mk-c-vol .mk-vb { flex: 1; max-width: none; }
  .mk-c-n, .mk-c-news { order: 7; flex: 0 0 auto; text-align: left; font-size: 12.5px; }
  .mk-c-n::before, .mk-c-news::before { content: attr(data-l) " "; color: var(--text-3); font-size: 11.5px; }
  .mk-c-news { display: inline-flex; }
}
@media (max-width: 760px) {
  .mk-head { margin: 2px 2px 20px; gap: 14px; }
  .mk-lead { font-size: 13.5px; }
  .mk-segw, .mk-segw .seg { width: 100%; }
  .mk-segw .seg { display: flex; }
  .mk-segw .seg > a { flex: 1; text-align: center; padding: 7px 8px; }
  .mk-stats { margin: 0; }
  .mk-st { padding: 0 0 0 14px; }
  .mk-st-v { font-size: 24px; }
  .mk-st-v.mk-st-reg { font-size: 20px; }
  .mk-tape > div { grid-template-columns: 1fr; gap: 6px; }
  .mk-lh { margin-bottom: 10px; }
  .mk-tools { width: 100%; }
  .mk-tools > div:first-child { flex: 1 1 100%; min-width: 0; }
  .mk-tools .seg { display: flex; width: 100%; }
  .mk-tools #mk-filter .seg > button { flex: 1; padding: 7px 4px; font-size: 13px; }
  .mk-tools #mk-filter .mk-cnt { margin-left: 4px; }
  .mk-bands { grid-template-columns: 1fr; gap: 6px; }
  .mk-bcol { display: flex; flex-direction: column-reverse; gap: 6px; }
  .mk-bd { flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 10px; padding: 10px 14px; text-align: left; }
  .mk-bd-l { min-width: 58px; }
  .mk-bd-n { margin-left: auto; }
  .mk-bsig { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; min-height: 0; padding-left: 8px; }
  .mk-bsig:empty { display: none; }
  .mk-bcol + .mk-bcol { margin-top: 2px; }
  .mk-baxis { display: none; }
  .mk-band .card-f { flex-direction: column; align-items: flex-start; }
  .mk-fund .card-f { flex-direction: column; align-items: flex-start; }
  .mk-fund .tbl th:nth-child(n+5), .mk-fund .tbl td:nth-child(n+5) { display: none; }
  .mk-fund .tbl td, .mk-fund .tbl th { padding-left: 6px; padding-right: 6px; }
  .mk-nowl { grid-template-columns: 1fr; }
  .nx-mood { margin: 12px 0 20px; }
  .nx-mood .m1 { font-size: 19px; line-height: 1.42; }
  .nx-mood .m2 { font-size: 15px; }
  .nx-dlead { grid-template-columns: 1fr; gap: 14px; }
  .nx-dt { font-size: 21px; }
  .nx-why { font-size: 14.5px; }
  .nx-dgrid { grid-template-columns: 1fr; gap: 0; margin-top: 22px; padding-top: 0; }
  /* phones: everything after the lead is a compact row — text left, 16:9 thumbnail right */
  .nx-dc, .nx-grid .nx-card { display: grid; grid-template-columns: minmax(0, 1fr) 112px; gap: 12px; align-items: start; padding: 16px 0; }
  .nx-dc + .nx-dc, .nx-cw + .nx-cw .nx-card { border-top: 1px solid var(--hair); }
  .nx-dc > .nx-img, .nx-grid .nx-card > .nx-img { grid-column: 2; grid-row: 1; margin-top: 2px; }
  .nx-dc > .nx-b, .nx-grid .nx-card > .nx-b { grid-column: 1; grid-row: 1; }
  .nx-dc .nx-ph b, .nx-grid .nx-ph b { font-size: 24px; }
  .nx-dc .nx-ph i, .nx-grid .nx-ph i { display: none; }
  .nx-grid .nx-t, .nx-dc .nx-t { font-size: 15px; }
  .nx-grid .nx-sum { font-size: 13px; }
  .nx-grid { grid-template-columns: 1fr; gap: 0; }
  .nx-lead { grid-template-columns: 1fr; gap: 14px; padding-bottom: 18px; margin-bottom: 2px; }
  .nx-lead .nx-t { font-size: 19px; }
  .nx-card.brk .nx-img::after { top: 6px; left: 6px; padding: 2px 7px; font-size: 10.5px; }
  .mk-nside { display: flex; }
  .mk-ev { grid-template-columns: 64px minmax(0, 1fr) auto; }
  .mk-macro { grid-template-columns: 1fr 1fr; row-gap: 18px; }
  .mk-macro > .kpi:nth-child(3) { padding-left: 0; border-left: 0; }
  .mk-pulse { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mk-dom-n { margin-left: 0; }
  .mk-flows { grid-template-columns: 1fr; gap: 18px; }
  .mk-pr { grid-template-columns: 46px 86px 64px minmax(0, 1fr); gap: 8px; font-size: 13px; }
  .mk-movers { grid-template-columns: 1fr; gap: 20px; }
  .mk-mv li { grid-template-columns: 20px minmax(0, 1fr) 64px 70px; }
  .mk-mv li > .num.t-cap { display: none; }
  .mk-rt { grid-template-columns: 110px minmax(0, 1fr) 44px; }
  .mk-fs-tools .mk-fs-seg { width: 100%; }
  .mk-fs-tools .seg { display: flex; width: 100%; }
  .mk-fs-tools .seg > button { flex: 1; padding: 7px 6px; font-size: 12.5px; }
  .mk-search { max-width: none; }
}