/* ══════════════════════════════════════════════════════════════════
   오늘이슈 재설계본 스타일 — `.iss2` 스코프 안에서만 산다.
   ★[2026-09-01] 기존 `.iss-*` 규칙은 한 줄도 건드리지 않았다.
     app.py `ISSUE_UI_V2=False` → 이 파일도 today_issue_v2.js 도 로드되지 않는다(완전 원복).

   [원본 지침] 색은 두 가지 — 상승 살구 / 하락·구조선 스틸.
     그 밖의 장식색 없음. 강약은 종이색 한 단계로만.
   ══════════════════════════════════════════════════════════════════ */
.iss2{
  /* ★[2026-09-01 사용자지시] 구획 제목(지수·거래대금·주도섭터·뉴스)도 **진한 노란**으로.
     원본 시안은 크림(#edd9a8) 이었다 — 되돌리기 = 이 값을 #edd9a8 로. */
  --i2-bg:#16222e; --i2-paper:#f2f2f3; --i2-cream:#e3b341; --i2-sand:#c3b8a4;
  --i2-up:#e8927b; --i2-down:#94bce3;
  --i2-line:rgba(242,242,243,.14); --i2-line2:rgba(242,242,243,.16);
  --i2-rule:rgba(242,242,243,.28); --i2-mut:rgba(242,242,243,.55);
  --i2-mut2:rgba(242,242,243,.72); --i2-axis:rgba(242,242,243,.26);
  /* ★[2026-09-01 사용자지시] 배경은 **주변과 동일**하게. 원본 시안은 #16222e 였지만
     주톡 화면(#0b0e14) 위에 얹히면 이 구획만 밝게 떠 보인다.
     → `transparent` 로 두면 부모 배경을 그대로 쓰므로 웹·앱 어느 쪽에 얹혀도 자동으로 맞는다.
     ⚠️되돌리기 = `background:var(--i2-bg)`. 글자·선 색은 어두운 바탕 전제라 그대로 둔다. */
  background:transparent; color:var(--i2-paper);
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;
  padding:2px 0 14px;
}
/* 숫자는 Barlow·tabular / 단위(억·조)만 Pretendard — 한 낱말이 두 서체로 갈리던 것을 고친 규칙 */
.iss2 .i2-num{font-family:Barlow,Pretendard,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.iss2 .i2-u{font-family:Pretendard,sans-serif;font-style:normal;font-size:11px;font-weight:700;margin-left:1px}

/* ── 구획 머리 ── */
.iss2 .i2-h{display:flex;align-items:center;gap:9px;padding:22px 16px 0}
.iss2 .i2-h:first-child{padding-top:14px}
.iss2 .i2-tick{flex:none;width:3px;height:14px;background:var(--i2-cream)}
.iss2 .i2-ht{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--i2-cream)}
.iss2 .i2-hr{flex:1;height:1px;background:var(--i2-line2)}
/* ★[2026-09-01 사용자지시] 부제도 제목과 같은 진한 노랑.
   위계는 색이 아니라 **크기·굵기**가 만든다 — 제목 16px/700, 부제 12px/600.
   되돌리기 = color:var(--i2-mut) */
.iss2 .i2-hs{font-size:12px;color:#e3b341;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.iss2 .i2-sec{padding:0 16px}
.iss2 .i2-none{padding:12px 16px;font-size:12px;color:var(--i2-mut)}
.iss2 .i2-end{border-top:1px solid var(--i2-line)}

/* ── 지수 ── */
.iss2 .i2-mkt{margin-top:16px}
.iss2 .i2-mkt + .i2-mkt{margin-top:24px}
.iss2 .i2-mh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  border-bottom:2px solid var(--i2-rule);padding-bottom:7px}
/* ★[2026-09-06 사용자지시] 시장명 옆에 **지수·등락률**을 놓고 그 칸 안에서 우측정렬한다.
   `.i2-mn` 고정폭 + `.i2-mi` 고정폭/우측정렬 → 코스피(6,687.21)와 코스닥(813.49)의 자릿수가 달라도
   두 줄의 소수점이 세로로 맞는다. 오른쪽 '거래대금' 글자는 뺐다(숫자만). */
/* ★[2026-09-06 사용자지시] 지수값은 **회색**, 그리고 시장명 **바로 옆에 최대한 붙인다.**
   ▸`.i2-mn` 은 폭을 고정해 둔다 — 그래야 코스피·코스닥 두 줄의 숫자 시작점이 같다(붙이되 어긋나지 않게).
   ▸등락률(b)은 부호색을 그대로 둔다 — 회색으로 하라고 한 건 **지수값**이다. */
.iss2 .i2-ml{display:flex;align-items:baseline;gap:6px;min-width:0}
.iss2 .i2-mn{flex:none;width:48px;font-size:16px;font-weight:700;color:var(--i2-paper)}
.iss2 .i2-mi{flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.iss2 .i2-mi .i2-iv{font-size:14px;font-weight:700;color:var(--i2-mut)}
.iss2 .i2-mi b{margin-left:5px;font-size:12px;font-weight:800}
.iss2 .i2-mv{display:flex;align-items:baseline;gap:7px}
.iss2 .i2-mv .i2-num{font-size:19px}
/* 세 칸 격자(이름 46 / 트랙 1fr / 금액 66)를 범례·막대가 공유한다 → 숫자가 한 선에 선다 */
.iss2 .i2-leg,.iss2 .i2-row{display:grid;grid-template-columns:46px 1fr 66px;gap:10px;align-items:center}
.iss2 .i2-leg{margin-top:7px}
.iss2 .i2-legb{display:flex;align-items:baseline;justify-content:space-between;
  font-size:11px;letter-spacing:.06em;color:rgba(242,242,243,.62)}
.iss2 .i2-row{padding:9px 0 0}
.iss2 .i2-who{font-size:13px;font-weight:500;color:var(--i2-mut2)}
.iss2 .i2-track{position:relative;height:18px}
.iss2 .i2-zero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--i2-axis)}
.iss2 .i2-bar{position:absolute;top:2px;height:14px}
.iss2 .i2-amt{text-align:right;white-space:nowrap}
.iss2 .i2-amt .i2-num{font-size:13px}
.iss2 .i2-ud{margin-top:12px;display:flex;align-items:center;gap:8px}
.iss2 .i2-udn{display:flex;align-items:baseline;gap:4px}
.iss2 .i2-udn .i2-num{font-size:14px}
.iss2 .i2-ar{font-style:normal;font-size:11px}
.iss2 .i2-udbar{flex:1;height:6px;background:rgba(242,242,243,.1);position:relative}
.iss2 .i2-udbar i{position:absolute;left:0;top:0;bottom:0;background:var(--i2-up)}
.iss2 .i2-udr .i2-num{font-size:13px}

/* ── 목록 공통: 카드가 아니라 괘선 ── */
.iss2 .i2-list{margin-top:14px}

/* 거래대금 */
.iss2 .i2-vr{display:block;border-top:1px solid var(--i2-line);padding:11px 0 9px;
  text-decoration:none;cursor:pointer;color:inherit}
.iss2 .i2-vr:hover .i2-vm{color:#fff}
.iss2 .i2-vt{display:flex;align-items:baseline;gap:10px}
.iss2 .i2-rk{flex:none;width:15px;font-family:Barlow,sans-serif;font-size:12px;font-weight:700;
  color:rgba(242,242,243,.6);font-variant-numeric:tabular-nums}
.iss2 .i2-vm{flex:1;min-width:0;font-size:15px;font-weight:700;color:var(--i2-paper);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iss2 .i2-vv .i2-num{font-size:15px}
.iss2 .i2-vd{flex:none;width:62px;text-align:right;font-family:Barlow,sans-serif;font-size:14px;
  font-weight:700;font-variant-numeric:tabular-nums}
.iss2 .i2-vbar{margin-top:7px;margin-left:25px;height:4px;background:rgba(242,242,243,.09);position:relative}
.iss2 .i2-vbar i{position:absolute;left:0;top:0;bottom:0;background:var(--i2-down)}

/* 주도섹터 — 행 자체는 거래대금(.i2-vr)과 **같은 구조·같은 글자**를 쓴다.
   ★[2026-09-01 사용자지시] 종전엔 전용 스타일이라 등락률만 20px 로 혼자 컸다.
   여기 남는 건 둘째 줄(눈금 + 섹터명)뿐 — 거래대금의 비중막대와 같은 자리(왼쪽 25px 들여쓰기). */
.iss2 .i2-sm{margin-top:7px;margin-left:25px;display:flex;align-items:center;gap:5px}
.iss2 .i2-st{display:block;width:3px;height:9px;background:var(--i2-sand)}
.iss2 .i2-sc{font-size:11px;color:rgba(242,242,243,.58);margin-left:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 뉴스 — 시각이 왼쪽 기둥, 제목은 두 줄까지(말줄임 없음) */
.iss2 .i2-nr{display:grid;grid-template-columns:40px 1fr;gap:12px;
  border-top:1px solid var(--i2-line);padding:11px 0;text-decoration:none;color:inherit}
.iss2 .i2-nr:hover .i2-nx{color:#fff}
.iss2 .i2-nt{font-family:Barlow,sans-serif;font-size:12px;font-weight:600;color:rgba(242,242,243,.6);
  font-variant-numeric:tabular-nums;padding-top:2px}
.iss2 .i2-nx{font-size:14px;line-height:1.55;color:rgba(242,242,243,.9);word-break:keep-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 좁은 화면(앱) — 격자만 조금 줄인다. 구조는 그대로. */
@media(max-width:420px){
  .iss2 .i2-leg,.iss2 .i2-row{grid-template-columns:42px 1fr 60px;gap:8px}
  .iss2 .i2-h,.iss2 .i2-sec{padding-left:13px;padding-right:13px}

}

/* ★★[2026-09-01 사용자지시·원복] 상위 탭(오늘이슈·섹터집계…)은 **손대지 않는다**.
   재설계본처럼 화살표를 숨기고 `+N` 숫자만 두었더니 **다른 탭으로 갈 수가 없었다**
   (배지는 클릭이 안 되고 데스크톱은 가로 스크롤도 어렵다). 원래 탭 UI 그대로 둔다. */

/* ══ 나머지 탭(섹터집계·섹터상위·대금상위·시총상위·수급상위·등락상위·하락상위) ══
   ★[2026-09-01 사용자지시] 오늘이슈와 **같은 결**로 — 둥근 카드를 걷고 얇은 괘선 목록으로.
   ⚠️viewer.js 는 손대지 않는다. 그 파일이 만든 마크업(.sd-seccard/.sd-secrow)을
     `html.iss2-on` 스코프에서 덮어쓰기만 한다 → ISSUE_UI_V2=False 면 카드형으로 그대로 복귀.
   [구조] .sd-seccard.tv-card > .sd-secrow > [순위 .tv-rank][종목 .sd-secnm][시총 .sd-secmc][값 .sd-secval][등락 .sd-secdr]
   ══════════════════════════════════════════════════════════════ */
html.iss2-on #leadsec .sd-seclist{gap:0}
html.iss2-on #leadsec .sd-seccard{background:transparent;border:0;border-radius:0;
  border-top:1px solid rgba(242,242,243,.14);margin:0;padding:0;min-height:0;display:block;overflow:visible}
html.iss2-on #leadsec .sd-seccard:hover{border-color:rgba(242,242,243,.14)}
html.iss2-on #leadsec .sd-seccard > *{padding-left:0;padding-right:0}
html.iss2-on #leadsec .sd-secrow{padding:11px 0;gap:10px;background:transparent;border:0;border-radius:0;
  align-items:baseline}
html.iss2-on #leadsec .sd-secrow.clk:hover{background:transparent}
html.iss2-on #leadsec .sd-secrow.clk:hover .sd-secnm{color:#fff}
html.iss2-on #leadsec .sd-secn{flex:none;background:transparent;border-radius:0;padding:0;
  font-family:Barlow,sans-serif;font-size:12px;font-weight:700;color:rgba(242,242,243,.6);
  font-variant-numeric:tabular-nums}
html.iss2-on #leadsec .tv-rank{min-width:15px;text-align:left}
html.iss2-on #leadsec .sd-secnm{font-size:15px;font-weight:700;color:#f2f2f3}
html.iss2-on #leadsec .sd-seccard .sd-secnm{color:#f2f2f3}   /* 섹터명도 같은 종이색(하늘색 특례 해제) */
html.iss2-on #leadsec .sd-secmc{font-size:11px;font-weight:600;color:rgba(242,242,243,.58)}
html.iss2-on #leadsec .sd-secval{font-family:Barlow,sans-serif;font-size:15px;font-weight:700;
  color:#f2f2f3;font-variant-numeric:tabular-nums}
html.iss2-on #leadsec .sd-secdr{font-family:Barlow,sans-serif;font-size:14px;font-weight:700;
  min-width:62px;font-variant-numeric:tabular-nums}
/* 섹터 카드 안 상위5종목 — 점선 대신 여백으로 묶는다 */
html.iss2-on #leadsec .sd-top5{border-top:0;padding:0 0 9px 25px}
html.iss2-on #leadsec .sd-t5{padding:3px 0}
html.iss2-on #leadsec .sd-t5:hover{background:transparent}
html.iss2-on #leadsec .sd-t5 .t5nm{font-size:11.5px;color:rgba(242,242,243,.72)}
html.iss2-on #leadsec .sd-t5 .t5v,html.iss2-on #leadsec .sd-t5 .t5d{font-family:Barlow,sans-serif;
  font-variant-numeric:tabular-nums}
/* 수급탭 매수주체 줄 */
html.iss2-on #leadsec .tv-sub{padding:0 0 9px 25px;justify-content:flex-start;gap:10px;
  color:rgba(242,242,243,.58)}

/* ══ 앱(/theme) 탭만 재설계본 ══════════════════════════════════════
   ★[2026-09-01 사용자지시] "웹만 돌려달라 — 앱은 잘 된다."
     → 웹 뷰어 탭(#leadsec)은 원래 UI 그대로 두고, **앱 탭(#thmTabs)에만** 새 스타일.
   [왜 앱만 되나] 앱은 터치라 탭바를 손으로 밀 수 있어 화살표가 없어도 이동이 된다.
     웹은 가로 스크롤이 어려워 화살표가 필요하다 — 그래서 웹에선 이 스타일을 쓰지 않는다.
   ══════════════════════════════════════════════════════════════ */
html.iss2-on #thmTabs{align-items:stretch;border-bottom:1px solid #94bce3;margin-bottom:0}
html.iss2-on #thmTabs .ls-tab{
  font-size:14px;font-weight:500;letter-spacing:0;color:rgba(242,242,243,.52);
  padding:9px 11px;margin-bottom:0;border-bottom:0;background:transparent;
  display:flex;align-items:center;white-space:nowrap;transition:color .12s,background .12s}
html.iss2-on #thmTabs .ls-tab.on{font-weight:700;color:#16222e;background:#94bce3;padding:9px 13px}
html.iss2-on .thmtab-ar{display:none !important}
html.iss2-on .thmtabs-wrap .i2-more{flex:none;display:none;align-items:center;padding:0 4px;
  font-family:Barlow,Pretendard,sans-serif;font-size:13px;font-weight:600;
  color:rgba(242,242,243,.6);font-variant-numeric:tabular-nums;pointer-events:none}

/* ══ 웹 뷰어 탭(#leadsec) — 새 스타일 + 이동 수단 ═══════════════════
   ★[2026-09-01 사용자지시] "웹도 메뉴 이동할 수 있게 하단 가로 스크롤 + 양옆 화살표."
   [지난 실패] 재설계본대로 화살표를 숨기고 +N 숫자만 뒀더니 **다른 탭으로 갈 수가 없었다**
     (배지는 클릭 불가·데스크톱은 가로 스크롤이 어렵다). 그래서 여기선 화살표를 **남긴다**.
   [바뀌는 것] 활성 탭 = 밑줄 대신 액센트 면, 탭바 하단선 동색, 하단에 가는 가로 스크롤바.
   ══════════════════════════════════════════════════════════════ */
html.iss2-on #leadsec .lstabs-wrap{align-items:stretch}
/* ★[2026-09-01 사용자지시] 가로 스크롤바를 **뺀다**.
   [왜] 스크롤바가 탭바 아래 6px 을 먹는 바람에 활성 탭 음영이 탭바를 꽉 못 채우고
     아래에 빈 띠가 남아 보기 싫었다. 스크롤바를 없애면 탭이 위아래를 꽉 채운다.
     이동은 양옆 화살표(‹ ›)가 맡는다 — 그건 그대로 둔다. */
html.iss2-on #leadsec .ls-h{align-items:stretch;border-bottom:1px solid #94bce3;margin-bottom:0;
  padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none}
html.iss2-on #leadsec .ls-h::-webkit-scrollbar{display:none;height:0}
/* ⚠️`align-self:stretch` 가 있어야 탭이 탭바 높이를 꽉 채운다.
   부모가 `align-items:stretch` 여도 이 줄이 없으면 앱(39/40)과 달리 웹은 31/44 로 떠 있었다(실측). */
html.iss2-on #leadsec .ls-h .ls-tab{
  font-size:14px;font-weight:500;letter-spacing:0;color:rgba(242,242,243,.52);
  padding:9px 11px;margin-bottom:0;border-bottom:0;background:transparent;
  display:flex;align-items:center;align-self:stretch;white-space:nowrap;
  transition:color .12s,background .12s}
html.iss2-on #leadsec .ls-h .ls-tab:hover{color:rgba(242,242,243,.85)}
html.iss2-on #leadsec .ls-h .ls-tab.on{font-weight:700;color:#16222e;background:#94bce3;padding:9px 13px}
html.iss2-on #leadsec .ls-h .ls-tab.on:hover{color:#16222e}
/* ⚠️화살표는 **양옆에 그대로 둔다**. 이게 웹에서 탭을 넘기는 주된 수단이다. */
html.iss2-on #leadsec .lstab-ar{display:none;align-items:center;justify-content:center;
  color:rgba(242,242,243,.62);background:transparent;border:0}
html.iss2-on #leadsec .lstab-ar.show{display:flex}
html.iss2-on #leadsec .lstab-ar:hover{color:#fff}

/* ★[2026-09-01 사용자지적] 탭바 **양쪽 모서리**에 검은 띠가 남던 것 — 래퍼의 좌우 여백 12px 이었다.
   (`.col.theme .leadsec .lstabs-wrap{margin:0 -12px;padding:0 12px}` 에서 온 값)
   좌우 패딩을 걷어 **음영과 하단선이 패널 가장자리까지 닿게** 한다.
   ⚠️하단선을 `.ls-h`(탭 스크롤러) 가 갖고 있으면 화살표 칸만큼 선이 짧아 오른쪽 모서리가 또 빈다.
     → 선을 **래퍼**로 옮긴다(래퍼는 화살표까지 포함한 패널 전체 폭). `.ls-h` 쪽 선은 끈다.
   ⚠️그 1px 을 `.ls-h` 가 안 먹으므로 탭 높이가 43→44 로 늘어 세로도 꽉 찬다. */
html.iss2-on #leadsec .lstabs-wrap{padding-left:0;padding-right:0;border-bottom-color:#94bce3}
html.iss2-on #leadsec .lstabs-wrap .ls-h{border-bottom:0}

/* ★[2026-09-01 사용자지시] "하위타이틀(지수·뉴스·거래대금·주도섹터)만 왼쪽으로 빼고 본문은 원복.
   너무 붙었으니 살짝 여백은 주고, 앱에도 반영."
   [실측·웹] 패널 왼쪽 기준 탭 글자 1px / 구획 제목·본문은 둘 다 **29px** 이었다(컨테이너 12px + 구획 16px).
   [조치] **제목 줄만** 컨테이너 여백을 일부 되물어 앞으로 낸다. 본문은 손대지 않는다
     → 제목이 한 단 나오고 내용이 들여쓰인 모양. 오른쪽은 건드리지 않아 가로선이 본문 오른끝과 맞는다.
   ⚠️음수마진 값은 컨테이너 좌우 여백보다 **작게** 둔다 — 같게 하면 패널 모서리에 딱 붙어 답답하다.
     웹 컨테이너 12px → 6px 되물어 **7px** / 앱 컨테이너 14px → 7px 되물어 **7px**(두 화면 같은 자리). */
html.iss2-on #leadsec .iss2 .i2-h{padding-left:0;margin-left:-6px}
html.iss2-on #thmBox .iss2 .i2-h{padding-left:0;margin-left:-7px}

/* ★[2026-09-01 사용자요청] 웹 탭바 — 화살표(‹ ›) 제거 + 파란선이 마우스 오버 시 스크롤 막대로.
   ⚠️앱(`#thmTabs`)은 손대지 않는다 — 터치라 휠이 없고 스와이프로 넘긴다(그쪽은 화살표가 필요하다).
   ⚠️막대는 `pointer-events:none` — 눌러서 끌 수는 없다(탭 클릭을 가리면 안 된다). 이동은 휠이 맡는다. */
/* ⚠️[2026-09-02] 이 자리에 있던 `.lstab-ar{display:none!important}` 는 **삭제**했다.
   화살표를 되살릴 때 아래에 새 규칙을 덧붙였는데 이 `!important` 가 계속 이겨서
   `.show` 가 붙어도 화면에는 안 나왔다(실측: class 에 show 는 있는데 display:none).
   ⚠️교훈 — 되돌릴 때는 새 규칙을 덧쓰지 말고 **원래 규칙을 지울 것**. */
html.iss2-on #leadsec .lstabs-wrap{position:relative}
html.iss2-on #leadsec .lstab-thumb{position:absolute;bottom:-1px;height:3px;border-radius:2px;
  background:#94bce3;opacity:0;transition:opacity .14s;pointer-events:none;display:none}
html.iss2-on #leadsec .lstabs-wrap:hover .lstab-thumb{opacity:1}

/* ══ 섹터상위·섹터집계 — 오늘이슈와 같은 결로 ═══════════════════════
   ★[2026-09-01 사용자지시] "섹터상위에서 각 섹터를 하위타이틀로 하고, 내용도 오늘이슈 본문 스타일로."
   [무엇을 매핑하나]
     `.sd-secrow`(섹터 머리)  → 오늘이슈 구획 제목 `.i2-h` (눈금 + 노란 제목 + 가로선 + 우측 부제)
     `.sd-top5 .sd-t5`(상위5) → 오늘이슈 거래대금 행 `.i2-vr` (괘선 + 종목명 + 금액 + 등락률)
   [들여쓰기] 제목 7px / 본문 29px — 오늘이슈와 **같은 자리**에 선다.
   ⚠️`.sd-seccard` 는 대금상위·시총상위 등도 쓴다(그쪽은 `.tv-card` 가 함께 붙는다)
     → `:not(.tv-card)` 로 **섹터 카드에만** 건다. 안 그러면 종목 목록까지 제목처럼 커진다.
   ⚠️viewer.js 마크업은 손대지 않는다 → `ISSUE_UI_V2=False` 면 통째로 원복된다.
   ══════════════════════════════════════════════════════════════ */
html.iss2-on #leadsec .sd-seccard:not(.tv-card){border-top:0}
/* ── 섹터 머리 = 하위타이틀 ── */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secrow{
  padding:22px 0 0;margin-left:-6px;gap:9px;align-items:center;flex-wrap:nowrap}
html.iss2-on #leadsec .sd-seccard:not(.tv-card):first-child .sd-secrow{padding-top:14px}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secnm{
  order:0;flex:none;display:flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;letter-spacing:-.01em;color:#e3b341}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secnm::before{
  content:'';flex:none;width:3px;height:14px;background:#e3b341}
/* 제목 뒤 남는 자리를 채우는 가로선 — 오늘이슈 `.i2-hr` 과 같은 역할 */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secrow::after{
  content:'';order:1;flex:1 1 auto;height:1px;background:rgba(242,242,243,.16)}
/* 우측 부제(종목수·거래대금·등락률) — 오늘이슈 부제 `.i2-hs` 크기 */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secn,
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secval{
  order:2;flex:none;font-size:12px;font-weight:600;color:#e3b341}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secdr{
  order:2;flex:none;min-width:0;font-size:12px;font-weight:600}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sec-go{order:3;flex:none}
/* ── 상위 5종목 = 오늘이슈 거래대금 행 ── */
/* ★[2026-09-02 사용자지적] "구분선이 일반 라인이 아닌 것 같다" — 색·두께는 오늘이슈와 같았고(1px solid
   rgba(242,242,243,.14)) **길이가 비대칭**이었다. 실측(앱): 섹터상위 좌30/우14 ↔ 오늘이슈 좌27/우27.
   오른쪽 패딩이 0이라 선만 컨테이너 끝까지 뻗어 '선이 튀어나온' 모양이 됐다.
   → 오늘이슈 본문처럼 **좌우 같은 여백**을 준다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-top5{
  border-top:0;padding:14px 16px 0}            /* 13(패널) + 16 = 29px = 오늘이슈 본문 */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5{
  display:flex;align-items:baseline;gap:10px;padding:11px 0 9px;
  border-top:1px solid rgba(242,242,243,.14);background:transparent}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5:hover{background:transparent}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5:hover .t5nm{color:#fff}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5nm{
  flex:1;min-width:0;font-size:15px;font-weight:700;color:#f2f2f3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5v{
  flex:none;font-size:15px;font-weight:700;color:#f2f2f3}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5d{
  flex:none;width:62px;text-align:right;font-size:14px;font-weight:700}

/* ★[2026-09-01 사용자요청] 섹터상위 머리줄 3건 —
   ①섹터 등락률 색을 **오늘이슈 지수의 상승/하락 종목수 색**으로(살구 #e8927b / 스틸 #94bce3)
   ②`›`(섹터 전체보기) 는 일단 숨김
   ③거래대금·등락률 글자를 **본문 행과 같은 크기**로(대금 15px / 등락률 14px)
   ⚠️등락률 색은 viewer.js 가 **인라인 style 로** 박아 넣는다(#f85149 상승 / #3b82f6 하락).
     CSS 로 이기려면 `!important` 가 필요하고, 부호는 그 인라인 값으로 구분한다
     (`[style*="f85149"]` = 상승). 마크업을 안 건드리려는 선택의 대가다.
   ⚠️`›` 를 숨겨도 **섹터 전체보기는 그대로 된다** — 머리줄(.sd-secrow.clk) 자체에 같은 onclick 이 있다.
     되살리기 = 아래 `.sec-go{display:none}` 한 줄 삭제. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sec-go{display:none}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secval{
  font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:#f2f2f3;
  font-variant-numeric:tabular-nums}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secdr{
  font-family:Barlow,sans-serif;font-size:14px;font-weight:700;
  font-variant-numeric:tabular-nums}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secdr[style*="f85149"]{color:#e8927b !important}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secdr[style*="3b82f6"]{color:#94bce3 !important}

/* ★[2026-09-01 사용자요청] 섹터상위 머리줄의 **거래대금·등락률을 고정폭 + 우측정렬**.
   [왜] 자동폭이면 섹터마다 자릿수가 달라(1,522억 / 5,909억 / 12.3조) 숫자 끝이 들쭉날쭉했다.
   [어떻게] 두 칸에 고정폭을 주고 오른쪽에 맞춘다. 앞의 `::after`(가로선)가 남는 공간을 흡수하므로
     종목수 자릿수가 달라져도 **두 칸의 오른쪽 끝은 항상 같은 자리**에 선다.
   ⚠️폭은 오늘이슈 거래대금 행과 같은 값(등락률 62px)으로 맞춘다 — 두 화면 숫자 기둥이 같은 선에 서게. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secval{
  width:66px;text-align:right}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secdr{
  width:62px;text-align:right}

/* ★[2026-09-01 사용자요청] **앱(/theme)의 섹터상위도 같은 스타일**.
   위 웹(#leadsec) 규칙을 앱 컨테이너(#thmBox)에 그대로 복제한다 — 값은 한 벌만 쓰고 선택자만 바꾼다.
   ⚠️앱은 컨테이너 여백이 14px 이라 제목 음수마진만 -7px 로 따로 잡는다(웹은 -6px).
   ⚠️규칙을 고칠 땐 **두 블록을 같이** 고쳐야 한다 — 한쪽만 고치면 웹·앱이 갈린다.
   ══════════════════════════════════════════════════════════════ */
/* ══ 섹터상위·섹터집계 — 오늘이슈와 같은 결로 ═══════════════════════
   ★[2026-09-01 사용자지시] "섹터상위에서 각 섹터를 하위타이틀로 하고, 내용도 오늘이슈 본문 스타일로."
   [무엇을 매핑하나]
     `.sd-secrow`(섹터 머리)  → 오늘이슈 구획 제목 `.i2-h` (눈금 + 노란 제목 + 가로선 + 우측 부제)
     `.sd-top5 .sd-t5`(상위5) → 오늘이슈 거래대금 행 `.i2-vr` (괘선 + 종목명 + 금액 + 등락률)
   [들여쓰기] 제목 7px / 본문 29px — 오늘이슈와 **같은 자리**에 선다.
   ⚠️`.sd-seccard` 는 대금상위·시총상위 등도 쓴다(그쪽은 `.tv-card` 가 함께 붙는다)
     → `:not(.tv-card)` 로 **섹터 카드에만** 건다. 안 그러면 종목 목록까지 제목처럼 커진다.
   ⚠️viewer.js 마크업은 손대지 않는다 → `ISSUE_UI_V2=False` 면 통째로 원복된다.
   ══════════════════════════════════════════════════════════════ */
html.iss2-on #thmBox .sd-seccard:not(.tv-card){border-top:0}
/* ── 섹터 머리 = 하위타이틀 ── */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secrow{
  padding:22px 0 0;margin-left:-6px;gap:9px;align-items:center;flex-wrap:nowrap}
html.iss2-on #thmBox .sd-seccard:not(.tv-card):first-child .sd-secrow{padding-top:14px}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secnm{
  order:0;flex:none;display:flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;letter-spacing:-.01em;color:#e3b341}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secnm::before{
  content:'';flex:none;width:3px;height:14px;background:#e3b341}
/* 제목 뒤 남는 자리를 채우는 가로선 — 오늘이슈 `.i2-hr` 과 같은 역할 */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secrow::after{
  content:'';order:1;flex:1 1 auto;height:1px;background:rgba(242,242,243,.16)}
/* 우측 부제(종목수·거래대금·등락률) — 오늘이슈 부제 `.i2-hs` 크기 */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secn,
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secval{
  order:2;flex:none;font-size:12px;font-weight:600;color:#e3b341}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secdr{
  order:2;flex:none;min-width:0;font-size:12px;font-weight:600}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sec-go{order:3;flex:none}
/* ── 상위 5종목 = 오늘이슈 거래대금 행 ── */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-top5{
  border-top:0;padding:14px 0 0 16px}          /* 13(패널) + 16 = 29px = 오늘이슈 본문 */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5{
  display:flex;align-items:baseline;gap:10px;padding:11px 0 9px;
  border-top:1px solid rgba(242,242,243,.14);background:transparent}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5:hover{background:transparent}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5:hover .t5nm{color:#fff}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5 .t5nm{
  flex:1;min-width:0;font-size:15px;font-weight:700;color:#f2f2f3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5 .t5v{
  flex:none;font-size:15px;font-weight:700;color:#f2f2f3}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-t5 .t5d{
  flex:none;width:62px;text-align:right;font-size:14px;font-weight:700}

/* ★[2026-09-01 사용자요청] 섹터상위 머리줄 3건 —
   ①섹터 등락률 색을 **오늘이슈 지수의 상승/하락 종목수 색**으로(살구 #e8927b / 스틸 #94bce3)
   ②`›`(섹터 전체보기) 는 일단 숨김
   ③거래대금·등락률 글자를 **본문 행과 같은 크기**로(대금 15px / 등락률 14px)
   ⚠️등락률 색은 viewer.js 가 **인라인 style 로** 박아 넣는다(#f85149 상승 / #3b82f6 하락).
     CSS 로 이기려면 `!important` 가 필요하고, 부호는 그 인라인 값으로 구분한다
     (`[style*="f85149"]` = 상승). 마크업을 안 건드리려는 선택의 대가다.
   ⚠️`›` 를 숨겨도 **섹터 전체보기는 그대로 된다** — 머리줄(.sd-secrow.clk) 자체에 같은 onclick 이 있다.
     되살리기 = 아래 `.sec-go{display:none}` 한 줄 삭제. */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sec-go{display:none}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secval{
  font-family:Barlow,sans-serif;font-size:15px;font-weight:700;color:#f2f2f3;
  font-variant-numeric:tabular-nums}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secdr{
  font-family:Barlow,sans-serif;font-size:14px;font-weight:700;
  font-variant-numeric:tabular-nums}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secdr[style*="f85149"]{color:#e8927b !important}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secdr[style*="3b82f6"]{color:#94bce3 !important}

/* ★[2026-09-01 사용자요청] 섹터상위 머리줄의 **거래대금·등락률을 고정폭 + 우측정렬**.
   [왜] 자동폭이면 섹터마다 자릿수가 달라(1,522억 / 5,909억 / 12.3조) 숫자 끝이 들쭉날쭉했다.
   [어떻게] 두 칸에 고정폭을 주고 오른쪽에 맞춘다. 앞의 `::after`(가로선)가 남는 공간을 흡수하므로
     종목수 자릿수가 달라져도 **두 칸의 오른쪽 끝은 항상 같은 자리**에 선다.
   ⚠️폭은 오늘이슈 거래대금 행과 같은 값(등락률 62px)으로 맞춘다 — 두 화면 숫자 기둥이 같은 선에 서게. */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secval{
  width:66px;text-align:right}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secdr{
  width:62px;text-align:right}

/* 앱 컨테이너 여백(14px) 보정 — 제목이 웹과 같은 7px 자리에 서게 */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secrow{margin-left:-7px}

/* ★[2026-09-02 사용자요청] 섹터상위 **섹터명을 더 왼쪽으로**.
   [실측] 이 시점에 오늘이슈 제목과 섹터명은 **이미 같은 자리**였다 — 눈금 7px / 글자 19px / 간격 9px 동일.
     그래서 '오늘이슈에 맞춘다'가 아니라 **그보다 더 당긴다**는 뜻으로 읽고 컨테이너 여백을 끝까지 되문다.
   [결과] 눈금이 패널 왼쪽 끝(1px) — 위 탭 글자와 같은 선. 본문(29px)은 그대로.
   ⚠️오늘이슈 제목은 7px 그대로라 두 탭이 6px 어긋난다. 오늘이슈도 같이 당기려면
     위 `#leadsec .iss2 .i2-h{margin-left:-6px}` 를 -12px 로(앱은 -7px → -14px) 바꾸면 된다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secrow{margin-left:-12px}
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-secrow{margin-left:-14px}

/* ★★[2026-09-02 사용자보고] 앱 섹터상위 두 가지 정리 —
   "섹터명이 너무 붙어서 글씨가 잘린다 / 각 섹터 뒤 그룹패널이 필요없어 보인다. 오늘이슈 참고해서 정리."
   [원인①] 섹터명 여백: 앱 컨테이너(14px)를 **끝까지** 되물어(-14px) 화면 왼쪽 끝(1px)에 붙었다.
     `.thmwrap` 은 `overflow-x:hidden` 이라 조금만 더 당겨도 눈금·글자가 잘린다 → **7px** 로 되돌린다.
   [원인②] '그룹패널' = 섹터마다 감싸고 있던 **둥근 카드**(theme.html 인라인 `.sd-seccard`).
     웹은 이걸 걷는 규칙이 있는데(`#leadsec`), 앱(`#thmBox`)에 **복제되지 않아** 카드가 그대로 남아 있었다.
     → 오늘이슈처럼 배경·테두리를 걷고 얇은 괘선만 남긴다.
   [덤] 섹터명 옆 **종목수 알약**(파란 배지)도 뺀다 — 오늘이슈에는 없는 장식이라 같이 정리한다.
   ⚠️웹(#leadsec)은 이미 정리돼 있어 건드리지 않는다. */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secrow{margin-left:-7px}
html.iss2-on #thmBox .sd-seccard:not(.tv-card){
  background:transparent;border:0;border-radius:0;margin:0;padding:0;overflow:visible}
html.iss2-on #thmBox .sd-seccard:not(.tv-card):hover{border-color:transparent}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-top5{border-top:0}
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-secn{display:none}

/* ★[2026-09-02 사용자요청] 섹터 안 종목 줄을 **오늘이슈 지수의 '외국인' 줄과 같은 글자**로.
   기준: `.i2-who{font-size:13px;font-weight:500;color:var(--i2-mut2)}` + 금액 `.i2-amt .i2-num{13px}`.
   종전엔 15px/700 흰색(거래대금 행 기준)이라 섹터 안에서 종목이 너무 세게 읽혔다.
   ⚠️`--i2-mut2` 는 `.iss2` 안에서만 사는 변수다 — 여기는 그 바깥이라 **값을 직접** 쓴다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5nm,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5 .t5nm{
  font-size:13px;font-weight:500;color:rgba(242,242,243,.72)}
/* ★[2026-09-02 사용자요청] **거래대금도 같은 톤으로**. 크기만 13px 로 줄이고 색·굵기는 그대로 뒀더니
   흰색 700 이라 종목명(13/500/.72)보다 세게 읽혀 한 줄 안에서 따로 놀았다.
   → 오늘이슈 지수 줄처럼 **한 톤**으로 낮춘다. 숫자라 굵기(700)는 남겨 가독성을 지킨다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5v,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5 .t5v{
  font-size:13px;font-weight:700;color:rgba(242,242,243,.72)}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5d,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5 .t5d{font-size:13px}

/* 앱은 컨테이너 여백이 14px 이라 13px 을 주면 좌우 27px — 오늘이슈 본문과 정확히 같은 자리. */
html.iss2-on #thmBox .sd-seccard:not(.tv-card) .sd-top5{padding:14px 13px 0}

/* ★[2026-09-02 사용자요청] "오늘이슈·섹터상위 타이틀 좌측여백이 너무 붙었다 — 조금만 넓혀줘."
   [지금까지] 컨테이너 여백을 음수마진으로 되물어 제목을 왼쪽 끝까지 당겨왔다
     (오늘이슈 7px / 섹터상위 웹 1px·앱 7px). 끝에 붙어 답답하다는 지적.
   [처리] **되물기를 없앤다** — 제목이 컨테이너 여백 자리에서 시작한다(웹 13px / 앱 14px).
     본문(웹 29 / 앱 27)은 그대로라 제목이 한 단 나오는 모양은 유지된다.
   [덤] 오늘이슈와 섹터상위 제목이 **같은 자리**로 맞는다 — 종전 6px 어긋남도 함께 해소.
   ⚠️더 당기려면 아래 네 줄의 `margin-left` 를 음수로 되돌리면 된다(웹 -6px / 앱 -7px 이 직전 값). */
html.iss2-on #leadsec .iss2 .i2-h{margin-left:0}
html.iss2-on #thmBox  .iss2 .i2-h{margin-left:0}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secrow{margin-left:0}
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-secrow{margin-left:0}

/* ★★[2026-09-02 사용자보고] "오늘이슈 최상단 탭 UI가 이상해서 옆 탭을 눌러야만 이동된다.
   가로 스크롤 넣고 양옆 화살표 다시 넣어줘."
   [경위] 오늘 낮에 화살표를 감추고 **휠 + 파란선 위 막대**로 바꿨는데, 데스크톱에서 휠로 가로 이동한다는 걸
     알기 어렵고 막대는 눌러도 안 움직여(장식) 결국 탭을 하나씩 눌러 옮기는 수밖에 없었다.
     — 화살표를 없앤 건 오늘만 두 번째 실패다. **이 탭바에서 화살표를 다시 빼지 말 것.**
   [처리] ①화살표 복원(원래 `.lstab-ar.show` 규칙이 다시 살아난다)
          ②가로 스크롤바를 **얇게(4px)** 되살린다 — 드래그로도 옮길 수 있게
          ③장식용 막대(.lstab-thumb)는 제거(진짜 스크롤바와 겹친다)
   ⚠️스크롤바가 4px 자리를 먹으므로 탭바 높이를 그만큼 키워 활성탭 음영이 계속 꽉 차게 한다
     (종전에 스크롤바를 뺐던 이유가 '음영이 안 찬다' 였다 — 그 부작용만 따로 막는다).
   ※휠 이동(viewer.js lsWheelBind)은 그대로 둔다 — 아는 사람에겐 빠른 길이고 방해가 없다. */
html.iss2-on #leadsec .lstab-ar{display:none}          /* !important 해제 → 아래 .show 가 다시 이긴다 */
html.iss2-on #leadsec .lstab-ar.show{display:flex}
html.iss2-on #leadsec .lstab-thumb{display:none !important}
html.iss2-on #leadsec .lstabs-wrap{height:49px}        /* 45 + 스크롤바 4 */
html.iss2-on #leadsec #lsTabsRow{scrollbar-width:thin;scrollbar-color:#3a465b transparent}
html.iss2-on #leadsec #lsTabsRow::-webkit-scrollbar{height:4px;display:block}
html.iss2-on #leadsec #lsTabsRow::-webkit-scrollbar-thumb{background:#3a465b;border-radius:3px}
html.iss2-on #leadsec #lsTabsRow::-webkit-scrollbar-track{background:transparent}

/* ★[2026-09-02 사용자요청] ①가로 스크롤바를 **파란 라인 아래**로 ②`‹ ›` 를 **메뉴명과 세로 중앙**으로.
   [①왜 손이 가나] 파란 선은 래퍼의 `border-bottom` 이라 **맨 아래**에 그려지고, 스크롤바는 그 안쪽
     (스크롤 컨테이너 패딩박스)에 생긴다 → 선이 스크롤바보다 아래에 깔린다.
     테두리로는 순서를 못 바꾼다 → 선을 **가상요소로 띄워** 스크롤바 높이(4px)만큼 위에 놓는다.
   [②] 화살표가 래퍼 높이 전체로 늘어나 있어(stretch) 스크롤바 자리까지 먹고, 그만큼 글자보다 아래로 처져 보였다.
     → 탭 글자 줄 높이에만 맞춰(`align-self:flex-start` + 그 높이) 가운데 정렬한다. */
html.iss2-on #leadsec .lstabs-wrap{border-bottom:0;align-items:flex-start}
html.iss2-on #leadsec .lstabs-wrap::after{
  content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:#94bce3;pointer-events:none}
html.iss2-on #leadsec .lstab-ar.show{align-self:flex-start;height:44px}

/* ★★[2026-09-02 사용자지적] "섹터상위 종목 사이 구분선이 일자 라인이 아니다."
   [진짜 원인] 선 자체는 `1px solid` 로 멀쩡했다(실측: 모든 행이 좌29·폭263·같은 색).
     문제는 행에 남아 있던 **`border-radius`** 였다 — 웹 `.leadsec .sd-t5{border-radius:6px}`,
     앱 `.sd-t5{border-radius:7px}`. 1px `border-top` 에 둥근 모서리가 걸리면 **양 끝이 말려 올라가**
     곧은 선이 아니라 살짝 휜 선으로 보인다. 색·두께만 재느라 두 번 놓쳤다.
   → 모서리를 0 으로. 이제 진짜 일자 선이 된다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5{border-radius:0}

/* ★[2026-09-02 사용자요청] ①가로 스크롤바 제거 ②섹터명 줄의 대금·등락률을 **본문과 같은 세로선**으로
   ③본문 등락률 굵기 빼기.
   [①] 화살표·휠로 이동은 그대로 두고 스크롤바만 없앤다. 라인은 다시 래퍼 아래(테두리)로 돌린다.
   [②] 제목줄은 오른쪽 패딩이 0, 본문은 16px 이라 두 줄의 숫자 끝이 어긋나 있었다.
     → 제목줄에 같은 오른쪽 패딩을 주고, 본문 대금 칸도 제목과 같은 66px 고정폭으로 맞춘다.
     그러면 [대금 66][등락 62] 두 칸이 제목·본문에서 같은 세로선에 선다.
   [③] 본문 등락률만 700 → 500(종목명과 같은 굵기). 제목줄 등락률은 그대로 둔다(그쪽은 요약이라 강조 유지). */
html.iss2-on #leadsec #lsTabsRow{scrollbar-width:none}
html.iss2-on #leadsec #lsTabsRow::-webkit-scrollbar{display:none;height:0}
html.iss2-on #leadsec .lstabs-wrap{border-bottom:1px solid #94bce3;height:45px}
html.iss2-on #leadsec .lstabs-wrap::after{display:none}
html.iss2-on #leadsec .lstab-ar.show{height:44px}

html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secrow{padding-right:16px}
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-secrow{padding-right:13px}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5v,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5 .t5v{width:66px;text-align:right}
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5 .t5d,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5 .t5d{font-weight:500}

/* ⚠️[2026-09-02] 대금 칸이 1px 어긋났다 — 등락 오른끝은 같은데 **칸 사이 간격**이 달랐다
   (제목줄 gap 9px / 본문 gap 10px → 292-62-9=221 vs 292-62-10=220). 본문을 9px 로 맞춘다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-t5,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-t5{gap:9px}

/* ⚠️[2026-09-02] 85행 중 **2행만** 어긋났다 — 둘 다 제목줄이고 섹터명이 길었다
   ("마리화나(대마)" +3px, "日제품 불매운동(수혜)" +59px).
   [원인] 섹터명을 `flex:none` 으로 둬서 길어지면 줄지 않고, 가로선(flex:1)이 0까지 눌린 뒤
     **오른쪽 대금·등락 칸을 밀어냈다.**
   [처리] 섹터명이 남는 폭 안에서 줄어들게 한다(`flex:0 1 auto` + `min-width:0` + 넘치면 자름).
     눈금(::before)은 `flex:none` 이라 안 줄고, 대금·등락 칸은 고정폭이라 이제 절대 안 밀린다. */
html.iss2-on #leadsec .sd-seccard:not(.tv-card) .sd-secnm,
html.iss2-on #thmBox  .sd-seccard:not(.tv-card) .sd-secnm{
  flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}