/* T3 시장 화면 (오늘의 신호·OY·티커·유형 연결) — 토큰만 사용(style.css :root) */

/* 압축 KPI 줄 — 기존 tile 내용 그대로, 높이만 줄임 */
.mk-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.mk-kpis .tile{padding:7px 11px;gap:1px}
.mk-kpis .tile .v{font:600 18px/1.2 var(--mono)}
.mk-kpis .tile .i{font-size:12px;padding-top:3px}

/* 첫 화면 — 히트맵(넓게) + Summary */
.mk-top{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:14px;align-items:start}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:4px}
.heat button{appearance:none;border:0;border-radius:3px;padding:7px 9px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:1px;min-height:58px;min-width:0;color:var(--ink);font:inherit}
.heat button:hover{outline:1px solid var(--rule-strong)}
.heat .hn{font-weight:600;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heat .hp{font:600 13px var(--mono)}
.heat .hp.up,.heat .hp.down{color:var(--ink)}
.heat .hc{font:10.5px/1.35 var(--mono);color:var(--ink-soft);overflow-wrap:anywhere}

/* 아래 3칸 */
.mk-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.mk-list{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow:auto}
.mk-list.sc{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}
.mk-sym{appearance:none;border:0;background:none;padding:0;color:var(--ink);cursor:pointer;font:inherit}
.mk-sym:hover b{color:var(--oy);text-decoration:underline}

/* OY — VOC 언급 깊이 막대(호가창형) */
.mk-book .book{display:flex;flex-direction:column;gap:3px}
.mk-book .book .brow{display:grid;grid-template-columns:minmax(72px,104px) minmax(40px,1fr) auto;gap:8px;align-items:center;min-height:26px;font-size:12px}
.mk-book .book .lb{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-book .book .tr{position:relative;height:16px;background:var(--panel-2);border-radius:2px;overflow:hidden}
.mk-book .book .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--muted);opacity:.55}
.mk-book .book .tr i.up{background:var(--up)} .mk-book .book .tr i.down{background:var(--down)}
.mk-book .book .vv{display:flex;flex-direction:row;gap:4px;align-items:baseline;justify-content:flex-end;font:500 12px/1.35 var(--mono);text-align:right;white-space:nowrap}
.mk-book .book .vv > span:first-child{color:var(--ink)}
.mk-book .book .vv .sep{color:var(--muted)}

/* OY — 지역 언급 칩 */
.mk-region{gap:8px}
.mk-region .seg{align-self:flex-start}
.mk-region .seg button .mono{color:var(--muted);font-weight:500;margin-left:2px}
.mk-region .seg button[aria-pressed="true"] .mono{color:inherit}
.pill.p-rg{color:var(--ink-soft);background:var(--panel-2)}

/* 티커 테이프 — 필터 바 위 */
.tape{display:flex;align-items:center;gap:10px;height:28px;overflow:hidden;background:var(--panel);border-bottom:1px solid var(--rule);white-space:nowrap;font-size:12px}
.tape .tl-cap{flex:none;padding:0 10px 0 16px;font:600 12px var(--font);color:var(--muted);border-right:1px solid var(--rule)}
.tape .tvw{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px);mask-image:linear-gradient(to right,transparent,#000 24px)}
.tape .run{display:inline-flex;animation:mk-tape 70s linear infinite}
.tape:hover .run,.tape:focus-within .run{animation-play-state:paused}
.tape .tk{appearance:none;border:0;background:none;color:var(--ink-soft);font:500 12px var(--mono);padding:2px 0;margin-right:26px;cursor:pointer;display:inline-flex;gap:6px;align-items:baseline}
.tape .tk b{font:600 12px var(--font);color:var(--ink)}
.tape .tk:hover b{color:var(--oy)}
.tape .tc{color:var(--muted)}
@keyframes mk-tape{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tape .run{animation:none}.tape .tvw{overflow-x:auto}}

/* 트렌드 유형 — 거시 표 행 = 종목 화면 링크 */
table.mk-link tbody tr{cursor:pointer}
table.mk-link tbody tr:hover td b,table.mk-link tbody tr:focus-visible td b{color:var(--oy);text-decoration:underline}

@media (max-width:1100px){
  .mk-top{grid-template-columns:minmax(0,1fr)}
  .mk-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
}
@media (max-width:760px){
  .mk-3{grid-template-columns:minmax(0,1fr)}
  .heat{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
  .tape .tl-cap{display:none}
}

/* 총 수집 건수 (레일 상단) */
.rail-total{margin:12px 4px 10px;padding:8px 10px;border:1px solid var(--rule);border-radius:4px;background:var(--panel-2);display:flex;flex-direction:column;gap:2px}
.rail-total .rt-k{font-size:12px;color:var(--muted)}
.rail-total .rt-v{font:600 18px var(--mono);color:var(--ink)}
.rail-total .rt-v span{font:400 12px var(--font);color:var(--muted);margin-left:4px}
.rail-total .rt-row{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--ink-soft)}
@media (max-width:760px){.rail-total{display:none}}

/* 수집 건수 패널 확장 · OY 어제 언급 */
.rail-total .rt-gap{margin-top:8px;padding-top:6px;border-top:1px solid var(--rule)}
.rail-total .rt-v2{font:600 15px var(--mono);color:var(--ink)}
.rail-total .rt-v2 span{font:400 12px var(--font);color:var(--muted);margin-left:4px}
.rail-total .rt-tb{width:100%;border-collapse:collapse;font-size:12px;margin-top:2px}
.rail-total .rt-tb th,.rail-total .rt-tb th.l{font-weight:500;color:var(--muted);text-align:center;padding:1px 0}
.rail-total .rt-tb td.l{text-align:left}
.rail-total .rt-dl{font:500 12px var(--mono)}
.rail-total .rt-judge{font-size:12px;color:var(--muted);line-height:1.45}
.rail-total .rt-tb td{padding:1px 0;text-align:right;font-family:var(--mono);color:var(--ink-soft);white-space:nowrap}
.rail-total .rt-tb td.l{font-family:var(--font);max-width:120px;overflow:hidden;text-overflow:ellipsis}
.rail-total .rt-tb a{color:var(--ink-soft);text-decoration:none}
.rail-total .rt-tb a:hover{color:var(--oy);text-decoration:underline}
.rail-total .rt-more{margin-top:4px;border:1px solid var(--rule-strong);background:transparent;color:var(--muted);border-radius:3px;padding:2px 6px;font-size:12px;cursor:pointer}
.mk-yday .mk-ysum{margin:0 0 8px}
.mk-yday .mk-list{max-height:520px;overflow:auto}
.mk-yday .mk-yb{margin:2px 0 4px;font-size:12px;color:var(--ink-soft);line-height:1.45}
.rail-total .rt-tb tr.rt-oth td{color:var(--muted);border-top:1px dashed var(--rule)}

/* VOC 막대 클릭 → 피드 필터 (10/22) */
.mk-book .brow[data-voc]{cursor:pointer;border-radius:3px}
.mk-book .brow[data-voc]:hover,.mk-book .brow[data-voc]:focus-visible{background:var(--panel-2);outline:none}
.mk-book .brow[aria-pressed="true"]{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--oy)}
#feed-count .feed-voc-x{cursor:pointer;border:0;font:inherit}