/* /market 오늘 시장 탭 💰 수급 카드 아래 '포지션' 줄 (static/js/positioning.js) — 색은 토큰만. 한국식: 오름·순매수 빨강(--up), 내림·순매도 파랑(--down) */
.mt-position { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--border); }
.mt-position[hidden] { display: none; }
.ps-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 6px; }
.ps-title { margin: 0; font-size: 13px; color: var(--text-strong); display: flex; align-items: center; gap: 2px; }
.ps-toggle { display: none; min-height: 36px; padding: 0 12px; border: 1px solid var(--border); border-radius: 999px; background: var(--bg-inset);
             color: var(--accent-text); font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ps-table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.ps-table th, .ps-table td { padding: 4px 4px; border-top: 1px solid var(--border); text-align: left; vertical-align: baseline; }
.ps-table tr:first-child th, .ps-table tr:first-child td { border-top: 0; }
.ps-table th { color: var(--text-secondary); font-weight: 600; overflow-wrap: anywhere; }
.ps-val { color: var(--text-strong); font-weight: 700; white-space: nowrap; }
.ps-val.ps-up { color: var(--up); }
.ps-val.ps-down { color: var(--down); }
.ps-sub { color: var(--text-muted); font-weight: 500; }
.ps-date { color: var(--text-muted); text-align: right; white-space: nowrap; }
.ps-empty { margin: 0; color: var(--text-muted); font-size: 12px; }
@media (max-width: 480px) { .ps-val { white-space: normal; } }
/* 폰: 포지션 줄은 접어 두고(수급 막대가 먼저 보이게) 버튼으로 편다 */
@media (max-width: 600px) {
    .ps-toggle { display: inline-flex; align-items: center; }
    .ps-body:not(.is-open) { display: none; }
}