/* 홈 「국내 시장」 위젯 개편 (2026-10-10) - Apple 홈페이지의 타이포그래피·여백 + 금융 리포트의 정보 밀도.
 *
 * 범위: #homeMarketBoard.hmb2 안쪽만. 경제뉴스 안의 공시/일정 블록도 포함한다. 실시간 종목판과 휴장 배치는 유지한다.
 * 적용 순서(CSS 우선순위): style.css의 옛 규칙(body#tt-body-index .home-editorial-page ...)이 겹겹이 있어서, 여기서는
 *   `body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2`(id 포함)로 한 단계 더 높은 구체성을 쓴다.
 *   @layer np 안의 !important 몇 개(카드 border-image, 띠 margin-top, 머리말 min-height)만 파일 아래쪽 @layer np 블록에서 같은 !important로 덮는다.
 * 색: 상승 #d24f45 / 하락 #1261c4(다크 #ff8a83 / #80b8ff) 외에 새 장식색을 쓰지 않는다. 블록 재질·여백·부제목은 style.css의 공통 컴포넌트를 쓴다.
 */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 {
  --hmb-ink: rgb(var(--np-ink, 26, 26, 26));
  --hmb-mute: rgba(var(--np-ink, 26, 26, 26), .56);
  --hmb-faint: rgba(var(--np-ink, 26, 26, 26), .38);
  --hmb-line: rgba(var(--np-ink, 26, 26, 26), .1);
  --hmb-chart-up: #e7aaa5;
  --hmb-chart-line: #b0bbc8;
  --hmb-chart-down: #9dbbe0;
  --hmb-chart-up-text: #ad706b;
  --hmb-chart-down-text: #6386b2;
  --hmb-up: #d24f45;
  --hmb-down: #1261c4;
  --hmb-flat: rgba(var(--np-ink, 26, 26, 26), .22);
  display: flex;
  flex-direction: column;
  gap: var(--ui-section-gap);
  min-width: 0;
}

/* 국내·미국 시장 전환선과 같은 상단 줄에 두고, 카운트다운 외곽 박스는 쓰지 않는다. */
body#tt-body-index .home-editorial-page .home-market-toolbar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-width: 0; margin: 0;
}

body#tt-body-index .home-editorial-page .home-switch-countdown {
  position: relative; left: auto; right: auto; top: auto; bottom: auto; z-index: auto;
  display: flex; align-items: center; gap: 12px; flex: 0 0 auto; width: auto; margin: 0; padding: 0;
  border: 0; border-radius: 0; animation: none;
  background: transparent; color: #20252b; text-align: right; box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
body#tt-body-index .home-editorial-page .home-switch-countdown[hidden] { display: none; }
/* The closed tab always uses its own weekend clock, never the white toolbar clock. */
.home-dashboard.is-market-closed > .home-market-toolbar > .home-switch-countdown { display: none !important; }
body#tt-body-index .home-editorial-page .hsc-label { display: block; margin: 0; color: #77808b; font: 500 11px/1.35 var(--font-ui, system-ui, sans-serif); }
body#tt-body-index .home-editorial-page .hsc-clock { display: flex; align-items: flex-start; justify-content: center; gap: 7px; }
body#tt-body-index .home-editorial-page .hsc-unit { display: flex; flex-direction: column; align-items: center; gap: 4px; }
body#tt-body-index .home-editorial-page .hsc-unit small { color: #8a9099; font: 500 9px/1.2 var(--font-ui, system-ui, sans-serif); }
body#tt-body-index .home-editorial-page .hsc-digits { display: flex; gap: 2px; }
body#tt-body-index .home-editorial-page .hsc-digit {
  position: relative; display: block; width: 25px; height: 34px; perspective: 220px;
  color: #26303b; font: 650 25px/34px var(--font-ui, system-ui, sans-serif); font-variant-numeric: tabular-nums;
}
body#tt-body-index .home-editorial-page .hsc-face,
body#tt-body-index .home-editorial-page .hsc-flap {
  position: absolute; left: 0; right: 0; height: 50%; overflow: hidden; text-align: center;
  background: #fff; border: 1px solid #d9dce0; backface-visibility: hidden;
}
body#tt-body-index .home-editorial-page .hsc-face-top,
body#tt-body-index .home-editorial-page .hsc-flap-top { top: 0; border-radius: 4px 4px 0 0; border-bottom: 0; }
body#tt-body-index .home-editorial-page .hsc-face-bottom,
body#tt-body-index .home-editorial-page .hsc-flap-bottom { top: 50%; border-radius: 0 0 4px 4px; border-top: 0; background: #f2f3f4; }
body#tt-body-index .home-editorial-page .hsc-face > span,
body#tt-body-index .home-editorial-page .hsc-flap > span { position: absolute; left: 0; right: 0; line-height: 34px; }
body#tt-body-index .home-editorial-page .hsc-face-top > span,
body#tt-body-index .home-editorial-page .hsc-flap-top > span { top: 0; }
body#tt-body-index .home-editorial-page .hsc-face-bottom > span,
body#tt-body-index .home-editorial-page .hsc-flap-bottom > span { position: absolute; top: -17px; left: 0; right: 0; }
body#tt-body-index .home-editorial-page .hsc-flap { z-index: 2; }
body#tt-body-index .home-editorial-page .hsc-digit.is-flipping .hsc-flap-top { transform-origin: 50% 100%; animation: hsc-fold-up .22s ease-in forwards; }
body#tt-body-index .home-editorial-page .hsc-digit.is-flipping .hsc-flap-bottom { transform-origin: 50% 0%; transform: rotateX(90deg); animation: hsc-fold-down .22s ease-out .22s forwards; }
@keyframes hsc-fold-up { to { transform: rotateX(-90deg); } }
@keyframes hsc-fold-down { to { transform: rotateX(0); } }
body#tt-body-index .home-editorial-page .hsc-face-bottom { box-shadow: inset 0 1px rgba(255,255,255,.8), 0 1px 2px rgba(20,24,30,.08); }
body#tt-body-index .home-editorial-page .hsc-digits { position: relative; }
body#tt-body-index .home-editorial-page .hsc-digit + .hsc-digit { margin-left: 2px; }
body#tt-body-index .home-editorial-page .hsc-digit:not(.is-flipping) .hsc-face-top { box-shadow: inset 0 0 0 0 transparent; }
body#tt-body-index .home-editorial-page .hsc-face-top { box-shadow: inset 0 1px rgba(255,255,255,.8); }
body#tt-body-index .home-editorial-page .hsc-face-bottom { border-bottom-width: 1px; }
body#tt-body-index .home-editorial-page .hsc-digit::after {
  content: ""; position: absolute; z-index: 3; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(60, 68, 78, .14);
}
body#tt-body-index .home-editorial-page .hsc-separator { margin-top: 5px; color: #9ba2aa; font: 500 17px/1 var(--font-ui, system-ui, sans-serif); }
html.dark body#tt-body-index .home-editorial-page .home-switch-countdown { background: transparent !important; color: #20252b !important; border: 0 !important; box-shadow: none !important; }
html.dark body#tt-body-index .home-editorial-page .hsc-label, html.dark body#tt-body-index .home-editorial-page .hsc-unit small { color: #77808b !important; }
html.dark body#tt-body-index .home-editorial-page .hsc-digit { color: #26303b !important; }
html.dark body#tt-body-index .home-editorial-page .hsc-face, html.dark body#tt-body-index .home-editorial-page .hsc-flap { background: #fff !important; border-color: #d9dce0 !important; color: #26303b !important; }
html.dark body#tt-body-index .home-editorial-page .hsc-face-bottom, html.dark body#tt-body-index .home-editorial-page .hsc-flap-bottom { background: #f2f3f4 !important; }
html.dark body#tt-body-index .home-editorial-page .hsc-separator { color: #9ba2aa !important; }
@media (max-width: 767px) {
  body#tt-body-index .home-editorial-page .home-market-toolbar { flex-wrap: wrap; gap: 4px 12px; }
  body#tt-body-index .home-editorial-page .home-switch-countdown { margin-left: auto; padding-top: 0; }
  body#tt-body-index .home-editorial-page .hsc-clock { gap: 5px; }
  body#tt-body-index .home-editorial-page .hsc-digit { width: 23px; height: 31px; font-size: 23px; line-height: 30px; }
}
@media (max-width: 480px) {
  body#tt-body-index .home-editorial-page .home-switch-countdown {
    max-width: 100%; flex-direction: column; align-items: flex-end; gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body#tt-body-index .home-editorial-page .hsc-digit.is-flipping .hsc-flap { animation-duration: .01ms !important; animation-delay: 0s !important; }
}

/* 홈 주요 세 영역 제목은 국내 시장 제목 크기를 기준으로 통일한다. */
@layer np {
  html body#tt-body-index .home-editorial-page #homeEconomicNews .hen-head strong,
  html body#tt-body-index .home-editorial-page #homeRealtimeBoard .hrt-head strong {
    font-size: var(--ui-title-size) !important;
    line-height: 1.2 !important;
  }
}
html.dark body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 {
  --hmb-chart-up: var(--dk-up);
  --hmb-chart-line: var(--dk-sub);
  --hmb-chart-down: var(--dk-down);
  --hmb-chart-up-text: var(--dk-up);
  --hmb-chart-down-text: var(--dk-down);
  --hmb-up: var(--dk-up);
  --hmb-down: var(--dk-down);
  --hmb-ink: var(--dk-text);
  --hmb-mute: var(--dk-sub);
  --hmb-faint: var(--dk-mute);
  --hmb-line: var(--dk-line);
  --hmb-flat: var(--dk-mute);
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 :is(.home-positive) { color: var(--num-up); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 :is(.home-negative) { color: var(--num-down); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 :is(.home-neutral) { color: var(--hmb-ink); }

.home-market-overview { display: grid; gap: var(--ui-paragraph-gap); }
.home-economic-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }

/* ── A. 시장 개요 블록: 공통 부제목 · 갱신 시각 · 상태 ── */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-height: 0; margin: 0;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading > div:first-child {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; min-width: 0;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading strong {
  font: 600 var(--ui-section-size)/1.4 var(--font-ui);
  letter-spacing: -.02em; color: var(--hmb-ink);
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading > div:first-child { flex: 1 1 auto; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading #hmbUpdated {
  font: 400 12px/1.4 var(--font-ui, system-ui, sans-serif); color: #6b7280; white-space: nowrap; margin-left: 0; text-align: left; font-variant-numeric: tabular-nums;
}
html.dark body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading #hmbUpdated { color: var(--dk-sub); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-cb-wrap { display: flex; align-items: center; gap: 8px; flex: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-market-live {
  font: 600 12px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-mute); letter-spacing: .02em;
}

/* ── B. 시장 핵심 상태: 큰 글자 위계만으로 읽는다(색 배경 없음) ── */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-status { margin-top: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict {
  display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > div { display: block; margin: 0; padding: 0; border: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-direction { order: 1; min-width: 84px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict.has-market-breadth { flex: 1 1 100%; width: 100%; display: grid; grid-template-columns: max-content 116px minmax(0, 1fr); gap: var(--ui-paragraph-gap); align-items: start; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > .hmb2-market-ratios { order: 3; grid-column: 3; display: grid; gap: 12px; min-width: 0; width: 100%; max-width: 280px; justify-self: end; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios[hidden] { display: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios > div { display: grid; grid-template-columns: auto 1fr auto; gap: 5px 8px; align-items: baseline; min-width: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios > div > dt { font-weight: 700; color: var(--hmb-ink); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios dd { margin: 0; font: 600 13px/1.4 var(--font-data); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-breadth-total { color: var(--hmb-faint); font: 400 11px/1.4 var(--font-ui); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios .hmb2-upbar { grid-column: 1 / -1; width: 100%; height: 22px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar .is-flat { background: var(--hmb-flat); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-breadth-counts { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; color: var(--hmb-mute); font: 400 11px/1.4 var(--font-data); font-variant-numeric: tabular-nums; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-breadth-counts b { margin-left: 4px; font-weight: 600; font-size: 13px; }

body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-temp { order: 2; display: flex !important; align-items: baseline; gap: 8px; }
/* The old flex !important rule must not override the semantic hidden attribute. */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-temp[hidden] { display: none !important; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict dt {
  margin: 0; font: 600 12px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); letter-spacing: .02em;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-direction dt { margin-bottom: 2px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-direction dd {
  margin: 0; font: 400 clamp(19px, 1.7vw, 22px)/1.2 var(--font-title, "Pretendard Variable", "Pretendard", sans-serif); letter-spacing: -.01em;
  overflow: visible; white-space: nowrap; text-overflow: clip;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-temp dd {
  margin: 0; font: 600 15px/1.4 var(--font-ui, system-ui, sans-serif); font-variant-numeric: tabular-nums; white-space: normal;
}

body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > .hmb2-participation { order: 2; grid-column: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-top: 0; min-width: 0; width: 116px; max-width: 100%; justify-self: start; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-participation[hidden] { display: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-heading { min-height: 18px; color: var(--hmb-ink); font: 600 11px/1.4 var(--font-ui); white-space: nowrap; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-item { min-width: 0; text-align: center; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-column-chart { display: flex; justify-content: center; margin: 6px 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-column-track { position: relative; width: 28px; height: 64px; background: color-mix(in srgb, var(--hmb-flat) 20%, var(--np-paper, #fff)); border-radius: 3px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-baseline { position: absolute; top: 50%; left: -4px; right: -4px; height: 1px; background: var(--hmb-mute); z-index: 1; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-baseline-label { position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); color: var(--hmb-faint); font: 400 8px/1 var(--font-data); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-column { position: absolute; display: block; left: 0; width: 100%; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-column.is-up { bottom: 50%; background: var(--num-up); border-radius: 3px 3px 0 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-column.is-down { top: 50%; background: var(--num-down); border-radius: 0 0 3px 3px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-volume-value { color: var(--hmb-mute); font: 400 9px/1.5 var(--font-data); font-variant-numeric: tabular-nums; white-space: nowrap; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-volume-value b { font-weight: 600; font-size: 11px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmp-note { margin-top: 2px; color: var(--hmb-faint); font: 400 10px/1.5 var(--font-ui); overflow-wrap: anywhere; }

body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > .hmp-basis { grid-column: 1 / -1; order: 4; margin-top: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > .hmp-basis[hidden] { display: none; }
@media (max-width: 600px) {
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict.has-market-breadth { grid-template-columns: max-content minmax(116px, 1fr); gap: var(--ui-paragraph-gap); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict > .hmb2-market-ratios { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios > [data-us-breadth-meta] { grid-column: 1 / -1; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios > div { grid-template-columns: minmax(0, 1fr) auto; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios .hmb2-breadth-total { grid-column: 1 / -1; grid-row: 2; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-market-ratios dd { grid-column: 2; grid-row: 1; font-size: 12px; }
}

/* ── C. 지수 카드: 독립 박스 사이와 박스 안쪽 모두 공통 여백을 유지한다 ── */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-strip {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--ui-section-gap); margin-top: 0;
  padding: 0; border: 0;
  background: transparent;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-card {
  min-width: 0; padding: var(--ui-card-padding); border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-card + .home-index-card {
  padding: var(--ui-card-padding);
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-top strong { font: 700 13px/1.4 var(--font-ui, system-ui, sans-serif); letter-spacing: .04em; color: var(--hmb-mute); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-top span { font: 400 11px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; min-width: 0; margin-top: 4px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row strong {
  font: 700 27px/1.15 var(--font-data, "Pretendard Variable", Pretendard, sans-serif); font-variant-numeric: tabular-nums; letter-spacing: -.02em; min-width: 0;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row em {
  font: 600 13.5px/1.4 var(--font-data, "Pretendard Variable", Pretendard, sans-serif); font-style: normal; font-variant-numeric: tabular-nums;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-chart { margin-top: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-chart + .home-index-history-caption { margin-top: 10px; }

/* ── E. 핵심 시장 지표: 공통 블록 안의 요약·시세 ── */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-summary-head {
  display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 10px;
  margin: 0; padding: 0; border: 0;
  background: transparent;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-summary-head strong { font: 700 15px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-ink); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-summary-head span { font: 400 11px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core {
  display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, 1.1fr); gap: 14px 22px; margin: 12px 0 0; padding: 0;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core > div { display: block; min-width: 0; margin: 0; padding: 0; border: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core dt { margin: 0 0 3px; font: 600 12px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core dd {
  margin: 0; font: 600 14px/1.45 var(--font-ui, system-ui, sans-serif); font-variant-numeric: tabular-nums;
  overflow: visible; white-space: normal; text-overflow: clip; overflow-wrap: anywhere; word-break: keep-all;
}
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core > [data-home-night-futures] { grid-column: 1 / -1; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core > [data-home-night-futures][hidden] { display: none; }
/* 투자자 동향 */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid var(--hmb-line); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend[hidden] { display: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend-head dt { margin: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend-head span { font: 400 11px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 22px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-row-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-row-top strong { font: 700 12px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-mute); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-row-top b { font: 700 14px/1.4 var(--font-ui, system-ui, sans-serif); font-variant-numeric: tabular-nums; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-spark-wrap { position: relative; width: 100%; height: 90px; margin-top: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-spark { width: 100%; height: 100%; margin: 0; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-point { position: absolute; width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 2px #fff; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-point.is-high { background: var(--hmb-chart-up); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-point.is-low { background: var(--hmb-chart-down); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-extrema { display: flex; justify-content: space-between; gap: 8px; margin-top: 3px; color: var(--hmb-mute); font: 400 11px/1.4 var(--font-ui, system-ui, sans-serif); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-extrema span { white-space: nowrap; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-extrema span:first-child b { color: var(--hmb-chart-up-text); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-extrema span:last-child b { color: var(--hmb-chart-down-text); }
html.dark body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-point { box-shadow: 0 0 0 2px var(--dk-bg); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-controls { display: flex; align-items: center; gap: 8px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-controls [data-investor-mode] { min-width: 24px; text-align: center; color: var(--hmb-ink); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-switch { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; min-height: 28px; padding: 0; font-size: 20px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-buy { fill: var(--hmb-chart-up); color: var(--hmb-chart-up); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-sell { fill: var(--hmb-chart-down); color: var(--hmb-chart-down); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-flat { fill: var(--hmb-flat); color: var(--hmb-flat); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-area { fill: currentColor; opacity: .14; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-line { stroke: currentColor; stroke-width: 1.5; fill: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-zero { stroke: var(--hmb-line); stroke-width: 1; stroke-dasharray: none; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-axis { display: flex; justify-content: space-between; color: var(--hmb-mute); font: 400 11px/1.5 var(--font-ui, system-ui, sans-serif); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-asof { margin-top: 6px; color: var(--hmb-mute); font: 400 11px/1.5 var(--font-ui, system-ui, sans-serif); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-spark-empty { display: flex; align-items: center; justify-content: center; height: 90px; color: var(--hmb-mute); font: 400 12px/1.5 var(--font-ui, system-ui, sans-serif); }
@media (pointer: coarse) {
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-switch { min-width: 44px; min-height: 44px; }
}

/* ── F. 관심종목 주간 공시: 경제 종합뉴스 패널 상단, 기존 가로 이동·선택 기능은 그대로 ── */
body#tt-body-index .home-editorial-page #homeEconomicNews .home-top-disclosures { margin: 0 0 var(--ui-section-gap); }
body#tt-body-index .home-editorial-page #homeEconomicNews .home-top-disclosures[hidden] { display: none; }
body#tt-body-index .home-editorial-page #homeEconomicNews .home-top-disclosures-head strong { font: 700 15px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-ink); }
body#tt-body-index .home-editorial-page #homeEconomicNews .home-top-disclosures-head span { font: 400 11px/1.4 var(--font-ui, system-ui, sans-serif); color: var(--hmb-faint); }

/* ── 반응형 ── */
@media (max-width: 1100px) and (min-width: 721px) {
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-fx { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row strong { font-size: 24px; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-fx { grid-column: 1 / -1; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-bar-row { grid-template-columns: 46px minmax(0, 1fr); row-gap: 2px; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-bar-nums { grid-column: 2; }
}
@media (max-width: 420px) {
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-strip { grid-template-columns: minmax(0, 1fr); }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-card,
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-card + .home-index-card { padding: var(--ui-card-padding); }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-investor-trend-body { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}

/* style.css @layer np 안의 !important(카드 border-image·띠 margin-top·머리말 min-height)를 같은 층에서 덮는다. */
@layer np {
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-card { border-image: none !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-strip { margin-top: 0 !important; border-image: none !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-summary-head { border-image: none !important; }
  body#tt-body-index .home-editorial-page #homeEconomicNews .home-top-disclosures { margin-bottom: var(--ui-section-gap) !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-card-heading { min-height: 0 !important; }
}

@layer np {
  /* 옛 규칙의 글꼴·높이 !important를 같은 층에서 덮는다(제목·시장 방향 글꼴, 칸 최소 높이). */
  html.dark body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row :is(strong, em).home-positive { color: var(--num-up) !important; }
  html.dark body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row :is(strong, em).home-negative { color: var(--num-down) !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-direction dd {
    font-family: var(--font-ui) !important; font-weight: 700 !important;
    font-size: clamp(19px, 1.7vw, 22px) !important; line-height: 1.2 !important;
  }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 :is(.hmb2-verdict, .hmb2-core) > div { min-height: 0 !important; padding: 0 !important; border: 0 !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-core > .hmb-investor-trend { border-top: 1px solid var(--hmb-line) !important; padding-top: 14px !important; }
  body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-price-row { justify-content: flex-start !important; }
  /* 왼쪽 위젯 높이가 바뀌어도 경제뉴스 카드 안의 목록이 남는 높이를 채우도록만 맞춘다(뉴스 항목 디자인·데이터는 그대로). */
  body#tt-body-index .home-editorial-page #homeEconomicNews { display: flex !important; flex-direction: column !important; }
  body#tt-body-index .home-editorial-page #homeEconomicNews .hen-list { flex: 1 1 auto !important; min-height: 0 !important; max-height: none !important; height: auto !important; overflow-y: auto !important; }
}

body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-chart:not(.home-night-futures-chart) { height: 56px; }
.home-chart-axis { font: 9px var(--font-data, system-ui, sans-serif); fill: #6b7280; }
html.dark .home-chart-axis { fill: #a5adb7; }


/* ── 2026-10-15 시장 변동성 모니터(CB·사이드카·VI): '시장 방향' 오른쪽 빈 공간. 제목만 MaruBuri, 나머지는 Pretendard(--font-ui). 발동 상태만 색을 쓴다. ── */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-status { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 24px; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-verdict { flex: 0 1 auto; min-width: 0; }
.vol-monitor { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; flex: 1 1 320px; max-width: 480px; margin-left: auto; font-family: var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); font-variant-numeric: tabular-nums; }
.vol-monitor[hidden] { display: none; }
.vol-alert { display: flex; flex-direction: column; justify-content: space-between; gap: 2px; flex: 1 1 140px; min-height: 88px; box-sizing: border-box; margin: 0; padding: 10px 12px; border: 1px solid; border-radius: 2px; text-align: left; font: inherit; cursor: pointer; }
.vol-alert strong { font: 700 13px/1.3 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); }
.vol-alert .vol-state { font: 700 14px/1.3 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); }
.vol-alert .vol-count { font: 800 22px/1.2 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); }
.vol-alert .vol-count small { margin-left: 4px; font: 600 12px/1.2 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); }
.vol-alert span { overflow: hidden; font: 500 12px/1.4 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); opacity: .85; text-overflow: ellipsis; white-space: nowrap; }
.vol-alert.is-cb { border-color: #f3b4ae; background: #fdecea; color: #b42318; }
.vol-alert.is-side { border-color: #f5c98a; background: #fff4e5; color: #b45309; }
.vol-alert.is-vi { flex: 0 0 auto; flex-direction: row; min-height: 0; margin-left: auto; padding: 6px 10px; border-color: var(--hmb-line, #e2e8f0); background: var(--np-paper, #fff); color: var(--hmb-ink, #1a1a1a); white-space: nowrap; }
.vol-alert:focus-visible, .vol-history-link:focus-visible, .vol-seg-btn:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.vol-history-link { padding: 0; border: 0; background: none; color: var(--hmb-mute, #64748b); font: 500 11px/1.4 var(--font-ui, "Pretendard Variable", "Pretendard", system-ui, sans-serif); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.vol-history-link[hidden] { display: none; }
.vol-panel { position: absolute; top: calc(100% + 6px); right: 0; z-index: 30; width: min(440px, calc(100vw - 32px)); max-height: min(60vh, 420px); overflow: auto; padding: 10px 12px; border: 1px solid var(--hmb-line, #e2e8f0); border-radius: 2px; background: #fff; box-shadow: 0 8px 20px rgba(15, 23, 42, .12); font-size: 12px; }
.vol-panel[hidden] { display: none; }
.vol-panel .home-halt { margin: 0; padding: 0; border: 0; background: transparent; }
.vol-panel .home-halt-sum { display: none; }
.vol-panel .home-halt-body[hidden] { display: block; }
.vol-ctl { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 8px; }
.vol-seg { display: inline-flex; border: 1px solid var(--hmb-line, #e2e8f0); border-radius: 0; overflow: hidden; }
.vol-seg-btn { padding: 3px 9px; border: 0; background: transparent; color: inherit; font: 600 11.5px/1.4 var(--font-ui, system-ui, sans-serif); cursor: pointer; }
.vol-seg-btn.is-on { background: #1f2937; color: #fff; }
.vol-list { margin: 0; padding: 0; list-style: none; }
.vol-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1px 8px; padding: 7px 0; border-top: 1px solid var(--hmb-line, #e2e8f0); font-variant-numeric: tabular-nums; }
.vol-list li > .vol-time, .vol-list li > .vol-price { grid-column: 1 / -1; color: var(--hmb-mute, #64748b); font-size: 11px; }
.vol-list .vol-name { overflow: hidden; color: inherit; font-weight: 700; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.vol-list .vol-name small { color: var(--hmb-faint, #94a3b8); font-weight: 500; }
.vol-list .vol-kind, .vol-list .vol-count { color: var(--hmb-mute, #64748b); font-size: 11px; }
.vol-list .vol-state { font-size: 11px; color: var(--hmb-mute, #64748b); }
.vol-list li.is-active .vol-state { color: #b45309; }
.vol-note, .vol-src { display: block; margin: 6px 0 0; color: var(--hmb-mute, #64748b); font-size: 11px; line-height: 1.5; }
@media (max-width: 720px) { .vol-monitor { flex-direction: column; flex-basis: 100%; max-width: none; margin-left: 0; } .vol-alert { flex: none; width: 100%; } .vol-alert.is-vi { width: auto; align-self: flex-end; margin-left: 0; } .vol-panel { left: 0; right: auto; } }
html.dark .vol-panel { background: var(--dk-card); border-color: var(--dk-line); }
html.dark .vol-seg-btn.is-on { background: var(--dk-text); color: #1e1e1e; }
html.dark .vol-list li.is-active .vol-state { color: #fbbf24; }
html.dark .vol-alert.is-cb { background: rgba(210, 79, 69, .16); border-color: rgba(var(--dk-up-rgb),0.45); color: #f4a39b; }
html.dark .vol-alert.is-side { background: rgba(245, 158, 11, .14); border-color: rgba(245, 158, 11, .4); color: #fbbf24; }
html.dark .vol-alert.is-vi { background: var(--dk-card); border-color: var(--dk-line); color: var(--dk-text); }

/* US/night sessions use the same bar/area controls as investor flow. */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .home-index-chart.has-session-chart { height: auto; overflow: visible; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-price-controls { display:flex; align-items:center; justify-content:flex-end; gap:5px; color:var(--hmb-mute); font:400 11px/1.4 var(--font-ui,system-ui,sans-serif); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb-price-controls > span:first-child { margin-right:auto; }

/* 2026-10-20 관심종목 공시 수동 넘김(이전/다음) */
.home-disclosure-nav { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.home-disclosure-nav[hidden] { display: none; }
.home-disclosure-nav button { width: 26px; height: 26px; padding: 0; border: 1px solid var(--hmb-line, #e2e8f0); border-radius: 2px; background: transparent; color: inherit; font: 600 15px/1 var(--font-ui, system-ui, sans-serif); cursor: pointer; }
.home-disclosure-nav small { min-width: 30px; text-align: center; color: var(--hmb-faint, #94a3b8); font: 500 11px/1 var(--font-ui, system-ui, sans-serif); font-variant-numeric: tabular-nums; }
.home-disclosure-nav button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

/* 국내·미국 공통: 상승 종목 비율 옆 가로 막대(상승=붉은색, 하락=푸른색, 기존 의미색) */
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar { display: flex; flex: 0 0 120px; align-self: center; width: 120px; height: 8px; overflow: hidden; border-radius: 4px; background: rgba(var(--np-ink), .08); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar[hidden] { display: none !important; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar i { display: block; height: 100%; }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar .is-up { background: color-mix(in srgb, var(--num-up) 65%, var(--np-paper, #fff)); }
body#tt-body-index .home-editorial-page #homeMarketBoard.hmb2 .hmb2-upbar .is-down { background: color-mix(in srgb, var(--num-down) 65%, var(--np-paper, #fff)); }