/* ══════════════════════════════════════════════════════════════════════
   마추 — 어두운 화면(다크 모드) 한 장 (2026-10-02)
   ══════════════════════════════════════════════════════════════════════
   대표: "다크모드도 전체 점검해줘".

   점검해 보니(52화면 × 모바일·PC, 회원·비회원 — 글자마다 글자색/바탕색 대비를 잼)
     · 모바일 새 화면(.v4) 전체에 다크 규칙이 한 줄도 없었다 → 어두운 틀 안에 밝은 본문이 그대로.
     · 게시판·1:1문의·약관(리빌더 스킨)은 바탕만 어두워지고 글자는 스킨 색 그대로라 서로 엇갈려 안 읽혔다.
     · PC·옛 블록은 '연한 바탕용 초록'(--mc-primary-tx)·파랑·기본 링크색이 어두운 카드 위에 그대로 올라가 흐렸다.

   이 파일의 약속
     · **body.jt-dark 규칙만** 둔다. 밝은 화면은 한 글자도 건드리지 않는다(이 파일을 빼면 고치기 전으로 돌아간다).
     · jtm_ui_assets() 가 맨 마지막에 싣는다 — 다른 파일의 다크 규칙을 고치려면 여기서 덮는다.
     · 색은 이미 있던 다크 한 벌을 그대로 쓴다(jt2.css body.jt-dark · m3/green.css).
         바탕 #0D1320 · 카드 #161E2C · 안쪽 칸 #1B2434 · 선 #242F44 / #202A3C
         글자 #E8EEF7 · 보조 #A7B4C9 · 흐림 #8B9AAF
         민트(강조·채움) #3FC482 — 그 위 글자는 #0D1320 · 민트 글자 #7FD9A8 · 연초록 칸 #143325 + 테두리 #245C40
         정보 #7FA6FF / #18233D · 보상 #E8A33A / #32260F · 임박 #FF8A75 / #3A1F1A
     · 짙은 초록 카드(히어로·오늘의 성적·프로필)는 밝은 화면과 같다 — 브랜드가 사는 자리.
   ⚠ 로그인·가입·비밀번호 찾기·포인트 내역(새 창)은 다크가 걸리지 않는 화면이다 — 밝은 화면 그대로가 정상.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 0. 공용 토큰 보정 ────────────────────────────────────────────────
   · 흐린 글자(--jt2-mute)가 회색 칩(#232E43) 위에서 4.41:1 이었다(1,569곳) → 한 단계 밝혀 4.75:1.
   · 더 흐린 글자(--jt2-faint)는 카드 위 3.2:1 인데 설명 문장에도 쓰인다 → 4.8:1.
   · PC 메인픽 히어로가 밝은 초록(#12945B)이라 그 위 작은 글자가 3.0:1 이었다 → 밝은 화면과 같은 #0E7C4C.
   · --jt2-soft · --jt2-line-2 는 어디에도 정의가 없어 폴백(#FAFBFB · #D8DEDA)이 그대로 나왔다
     (PC MY 의 목록이 밝은 칸 + 밝은 글자 1.13:1). 다크 값을 준다. */
html body.jt-dark{
  --jt2-mute:   #8B9AAF;
  --jt2-dim:    #8B9AAF;
  --jt2-faint:  #7C8BA1;
  --jt2-hero:   #0E7C4C;
  --jt2-soft:   #1B2434;
  --jt2-line-2: #2A3550;
}

/* 말·기수·조교사 단독 화면(.mr-public)은 제 초록빛 다크 한 벌을 쓴다(칸 #20372B). 흐린 글자만 공용 값이라
   그 칸 위에서 4.47:1 이었다(단위 '회'·'%' 등 15곳) → 그 화면이 쓰는 흐린 글자색(#A9BDB0 · 6.4:1)으로. */
html body.jt-dark .mr-public{--jt2-mute:#A9BDB0;--jt2-dim:#A9BDB0}

/* ── 0-1. 색 정본(machu-palette.css)의 다크 값 ───────────────────────
   팔레트에는 다크 값이 없었다. 그래서 --mc-* 를 직접 쓰는 블록(혜택·비회원구매·PC MY·예상지…)은
   어두운 카드 위에 '연한 바탕용' 색이 그대로 올라갔다(#17794A on #161E2C = 3.08:1, 245곳).
   글자·바탕·연한 칸 토큰만 뒤집는다. **채움으로 쓰는 --mc-primary 계열은 그대로다**(흰 글자가 얹힌다). */
html body.jt-dark{
  --mc-ink:#E8EEF7; --mc-sub:#A7B4C9; --mc-faint:#8B9AAF; --mc-faint-2:#7C8BA1;
  --mc-bg:#0D1320; --mc-card:#161E2C; --mc-inset:#1B2434; --mc-inset-bd:#242F44;
  --mc-line:#242F44; --mc-line-2:#202A3C; --mc-dash:#2C4070; --mc-bar-soft:#2C3A54;
  --mc-slate:#A7B4C9; --mc-slate-tint:#232E43;

  --mc-primary-tx:#7FD9A8;
  --mc-primary-tint:#143325; --mc-primary-tint-2:#10281C; --mc-primary-tint-bd:#245C40;
  --mc-warm-tx:#F0C277;  --mc-warm-tint:#32260F;
  --mc-hot-tx:#FFA898;   --mc-hot-tint:#3A1F1A;
  --mc-info-tx:#A9C4FF;  --mc-info-tint:#18233D;
}
/* --mc-primary-tx 를 '채움'으로 쓰는 곳 — 민트 채움 + 어두운 글자(모바일 다크와 같은 약속) */
html body.jt-dark .jt2-chgamt button[aria-pressed="true"],
html body.jt-dark .jt2-btn.jt2-btn--primary,
html body.jt-dark .jt2-pickguide i.p1,
html body.jt-dark .mypc-btn--fill,
html body.jt-dark .gst-tabs a.on,
html body.jt-dark .sh-ov .ok{background:#3FC482;border-color:#3FC482;color:#0D1320}
html body.jt-dark .jt2-appupd{background:#12694A;color:#fff}
html body.jt-dark .jt2-appupd .go{color:#0E7C4C}
/* 팔레트 초록(--mc-primary)을 글자로 쓰는 곳 */
html body.jt-dark .jt2-chgrow .bn,
html body.jt-dark .jt2-chgrow .st.o,
html body.jt-dark .jt-pcgate-tag,
html body.jt-dark .jt2-why-vs .u,
html body.jt-dark .jt2-mvtile em,
html body.jt-dark .bnf-card .v{color:#7FD9A8}
html body.jt-dark .bnf-card.is-soon .v{color:#A7B4C9}
/* 같은 규칙 안에서 '밝은 칸'을 색 값으로 박아 둔 칩 — 칸을 어둡게 내려 글자와 짝을 맞춘다 */
html body.jt-dark .jt2-mrow--v3 .mv-tag--hi,
html body.jt-dark .jt2-mvsum .mv-why li i,
html body.jt-dark .mypc-prof .tag,
html body.jt-dark .mv-res--live,
html body.jt-dark .sh-tg,
html body.jt-dark .sh-tg--qnl,
html body.jt-dark .sh-tg--exa,
html body.jt-dark .sh-tg--plc,
html body.jt-dark .sh-ov .pick.on,
html body.jt-dark .dc-st--live,
html body.jt-dark .jt2-nav-g .gsub a[aria-current="page"],
html body.jt-dark .gsub--today .mt a i.ing{background:#143325;color:#7FD9A8;border-color:#245C40}
html body.jt-dark .jt2-chgrow .st.w,
html body.jt-dark .sh-tg--tri,
html body.jt-dark .sh-tg--tfc,
html body.jt-dark .jt-favbtn.on{background:#32260F;color:#F0C277;border-color:#5A4720;box-shadow:none}
html body.jt-dark .sh-ov .pos .p:not(.on){background:#1B2434;border-color:#245C40}

/* ── 0-2. 옛 토큰 별칭(--jt-*) — PC 에서도 body 에서 다시 잇는다 ─────────
   jt2.css 는 :root 에서 --jt-text: var(--jt2-text) 처럼 별칭을 만든다. var() 는 선언된 곳(:root)에서 계산이 끝나
   '밝은 값'이 그대로 내려오고, 다크는 body 에서 --jt2-* 만 바꾸므로 별칭은 다크에서도 밝은 값으로 남는다.
   모바일은 m3/green-profile.css §6 · green.css 가 이미 이어 뒀는데(≤900px) PC 는 빠져 있었다 →
   PC 에서 말·기수·조교사 이름을 눌러 뜨는 창(.jt-modal-frag)의 숫자가 어두운 카드 위 짙은 남색(1.02:1),
   보조 글자가 2.93:1 이었다(말 44곳 · 기수 94곳 · 조교사 71곳). 단독 화면은 .mr-public 이 제 값을 따로 줘서 멀쩡했다.
   경주 화면의 '장기휴양'·마체중 급변, 리포트의 +/− 값(--jt-up · --jt-ok)도 함께 제 다크 값이 된다. */
@media (min-width:901px){
  html body.jt-dark{
    --jt-bg:var(--jt2-bg); --jt-panel:var(--jt2-card); --jt-panel-2:var(--jt2-inset); --jt-panel-3:var(--jt2-tint-grey);
    --jt-hover:var(--jt2-hover); --jt-row-dim:var(--jt2-inset);
    --jt-border:var(--jt2-line); --jt-border-2:var(--jt2-line-soft); --jt-hairline:var(--jt2-hairline-2);
    --jt-text:var(--jt2-text); --jt-text-2:var(--jt2-text-2); --jt-text-sub:var(--jt2-text-2);
    --jt-text-mute:var(--jt2-mute); --jt-text-dim:var(--jt2-mute);
    --jt-amber:var(--jt2-amber); --jt-amber-dk:var(--jt2-amber); --jt-gold:var(--jt2-amber);
    --jt-amber-lo:var(--jt2-tint-amber-bd); --jt-amber-bg:var(--jt2-tint-amber);
    --jt-up:var(--jt2-bad); --jt-up-bg:var(--jt2-tint-red); --jt-red:var(--jt2-bad);
    --jt-down:var(--jt2-link); --jt-down-bg:var(--jt2-tint-blue);
    --jt-ok:var(--jt2-ok); --jt-ok-bg:var(--jt2-tint-green); --jt-green:var(--jt2-ok);
    --jt-seoul:var(--jt2-seoul); --jt-busan:var(--jt2-busan); --jt-jeju:var(--jt2-jeju); --jt-ycheon:var(--jt2-ycheon);
    --jt-shadow-sm:var(--jt2-sh-card); --jt-shadow:var(--jt2-sh-drop); --jt-shadow-lg:var(--jt2-sh-drop);
  }
}

/* ══ 1. 모바일 새 화면 (.v4) ══════════════════════════════════════════
   greenz-v4.css 는 토큰(--v4-*)으로 짜여 있다 → 토큰만 어둡게 바꾸면 카드·선·글자가 한꺼번에 따라온다.
   바로 아래 이어지는 옛 본문(.v4-old)이 쓰는 다크와 같은 말씨로 맞춘다 — 남색 면 + 민트 강조,
   **채운 민트 위 글자는 어두운 잉크(#0D1320)**. 짙은 초록 카드(히어로·성적·프로필)는 그대로 둔다. */
html body.jt-dark .v4{
  --v4-bg:#0D1320; --v4-bg2:#1B2434; --v4-card:#161E2C;
  --v4-line:#242F44; --v4-line-2:#202A3C;
  --v4-tint:#143325; --v4-tint-2:#10281C;
  --v4-text:#E8EEF7; --v4-sub:#A7B4C9; --v4-faint:#8B9AAF;
  --v4-sh:0 1px 2px rgba(0,0,0,.35);
  --v4-sh-lift:0 6px 18px rgba(0,0,0,.45);

  --v4-blue:#3FC482; --v4-blue-600:#52D190; --v4-green-tx:#7FD9A8; --v4-orange:#9BE3BC;
  --v4-info:#7FA6FF;  --v4-info-tint:#18233D; --v4-info-tx:#A9C4FF;
  --v4-warm:#E8A33A;  --v4-warm-tint:#32260F; --v4-warm-tx:#F0C277;
  --v4-hot:#FF8A75;   --v4-hot-tint:#3A1F1A;  --v4-hot-tx:#FFA898;
  --v4-slate:#A7B4C9; --v4-slate-tint:#232E43;

  --v4-ink:#0D1320;          /* 채운 민트 위 글자 */
  --v4-edge:#245C40;         /* 연초록 칸의 테두리 */
  --v4-chev:#7C8BA1;         /* 줄 끝 꺾쇠 */
}
html body.jt-dark .v4-old{border-top-color:#242F44}

/* 채운 민트 위 글자 — 흰색(2.2:1)이 아니라 잉크(8.6:1) */
html body.jt-dark .v4 .v4-btn:not(.v4-btn--line):not(.v4-btn--ghost):not(.v4-btn--warm):not(.v4-btn--ghostw):not(.v4-btn--info):not(.v4-btn--pick),
html body.jt-dark .v4 .v4-bdg--fill,
html body.jt-dark .v4 .v4-bdg--orfill,
html body.jt-dark .v4 .v4-seg [aria-current],
html body.jt-dark .v4 .v4-seg [aria-selected="true"],
html body.jt-dark .v4 .v4-chip[aria-current],
html body.jt-dark .v4 .v4-flow .c i,
html body.jt-dark .v4 .v4-plan .bd,
html body.jt-dark .v4 .v4-hphoto .no,
html body.jt-dark .v4 .v4-ords i.in.w,
html body.jt-dark .v4 .v4-hr .pk i.in.w,
html body.jt-dark .v4 .v4-bk.on{color:var(--v4-ink)}
html body.jt-dark .v4 .v4-chk:checked::after{border-color:var(--v4-ink)}
/* 큰 초록 버튼(마추픽 보기 등)도 같은 말씨로 — 민트 + 잉크. 짙은 카드 위의 흰 버튼(.v4-hero .v4-cta · --w)은 그대로 */
html body.jt-dark .v4 .v4-cta:not(.v4-cta--w){background:linear-gradient(180deg,#52D190 0%,#3FC482 100%);color:var(--v4-ink);
  box-shadow:0 6px 16px rgba(63,196,130,.20)}
html body.jt-dark .v4 .v4-hero .v4-cta{background:#fff;color:#0E7C4C;box-shadow:0 8px 20px rgba(4,26,17,.3)}
/* 보상(앰버) 버튼도 같은 말씨 — 채움 위 흰 글자(2.5:1) 대신 짙은 잉크 */
html body.jt-dark .v4 .v4-btn--warm{color:#2A1B02}
/* 템플릿이 style 로 박은 '초록 채움 + 흰 글자'(이용가이드 단계 번호 등) — 채움이 민트가 됐으니 글자를 잉크로 */
html body.jt-dark .v4 [style*="background:var(--v4-blue)"][style*="color:#fff"]{color:var(--v4-ink) !important}
/* 프로필 카드의 '포인트 충전' — 짙은 카드 위 작은 버튼 */
html body.jt-dark .v4 .v4-prof .chg{background:linear-gradient(135deg,#12945B,#0B5E3A)}
/* 경마장 칩 줄은 '경주 수 표시'라 채우지 않는다(밝은 화면과 같은 약속) */
html body.jt-dark .v4 .v4-filters--count .v4-chip[aria-current]{background:var(--v4-card);border-color:var(--v4-line);color:var(--v4-text)}
/* 오늘의 경주 고정 줄 — 바탕은 화면 바탕, 그림자는 어두운 말씨, 지금 보는 경마장은 민트 테두리 (2026-10-07) */
html body.jt-dark .v4 .v4-stick.is-stuck{box-shadow:0 8px 16px -10px rgba(0,0,0,.6)}
html body.jt-dark .v4 .v4-stick .v4-filters--count a.v4-chip.is-at{border-color:var(--v4-blue);box-shadow:inset 0 0 0 1px var(--v4-blue)}
/* 말 사진 자리 — 마번 색이 없을 때의 바탕은 짙은 초록(흰 말 그림이 얹힌다) */
html body.jt-dark .v4 .v4-hphoto{background:var(--g,#0E7C4C)}

/* 히어로 위로 얹히는 KPI 카드 — 흰 테두리를 걷는다 */
html body.jt-dark .v4 .v4-kpis{border-color:var(--v4-line);box-shadow:0 12px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3)}
/* 홈 적중 하이라이트 롤링 — 짙은 초록 카드라 면은 그대로, 테두리·그림자만 어두운 화면 말씨로 (2026-10-07) */
html body.jt-dark .v4 .v4-hl{border-color:var(--v4-edge);box-shadow:0 14px 30px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}
html body.jt-dark .v4 a.v4-hl-it,html body.jt-dark .v4 .v4-hl-hd > b{color:#fff}
html body.jt-dark .v4 .v4-hl .v4-hl-it .mt b,html body.jt-dark .v4 .v4-hl .v4-hl-ft b{color:#fff}
/* PC 메인(.pm) 의 같은 카드 — index.php 의 `.jt-dark .v2m b{color:inherit}` 가 굵은 글씨를 흐리게 덮지 않게 */
html body.jt-dark .pm .v4-hl{border-color:#245C40;box-shadow:0 14px 30px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}
html body.jt-dark .pm .v4-hl .v4-hl-hd > b,html body.jt-dark .pm .v4-hl .v4-hl-it .mt b,html body.jt-dark .pm .v4-hl .v4-hl-hd .n b{color:#fff}
html body.jt-dark .pm .v4-hl .v4-hl-it .k b{color:inherit}

/* 줄 끝 꺾쇠·화살표 */
html body.jt-dark .v4 .v4-item .go,
html body.jt-dark .v4 .v4-mini .go,
html body.jt-dark .v4 .v4-hlink::after,
html body.jt-dark .v4 .v4-hub .go,
html body.jt-dark .v4 .v4-sched .r .go,
html body.jt-dark .v4 .v4-row--go .mid .t::after,
html body.jt-dark .v4 .v4-nt .r .go{color:var(--v4-chev)}
html body.jt-dark .v4 .v4-hub-plan .go{color:#B8944A}

/* 버튼 변형 */
html body.jt-dark .v4 .v4-btn--line{border-color:var(--v4-edge)}
html body.jt-dark .v4 .v4-btn--info{border-color:#2B3F6E}
html body.jt-dark .v4 .v4-btn--pick{border-color:var(--v4-edge)}

/* 배지 */
html body.jt-dark .v4 .v4-bdg--or{background:#143325;color:#7FD9A8}
html body.jt-dark .v4 .v4-bdg--lock{background:#232E43;color:#8B9AAF}
html body.jt-dark .v4 .v4-bdg--hit{background:#143325;color:#7FD9A8}

/* 입력칸·세그먼트 */
html body.jt-dark .v4 .v4-sel,
html body.jt-dark .v4 .v4-memo,
html body.jt-dark .v4 .v4-seg{background-color:#1B2434;border-color:var(--v4-line);color:var(--v4-text)}
html body.jt-dark .v4 .v4-sel{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233FC482' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
html body.jt-dark .v4 .v4-memo::placeholder{color:#7C8BA1}
html body.jt-dark .v4 .v4-chk{background:#1B2434;border-color:#3A4660}
html body.jt-dark .v4 .v4-bk:not(.on){background:#1B2434;color:#8B9AAF}

/* 안내 상자 */
html body.jt-dark .v4 .v4-note{border-color:var(--v4-edge);color:#BFE5D1}
html body.jt-dark .v4 .v4-note b{color:#E8F2EC}
html body.jt-dark .v4 .v4-note--warn{background:#1B2434;border-color:var(--v4-line);color:#A7B4C9}
html body.jt-dark .v4 .v4-note--warn svg{color:#8B9AAF}
html body.jt-dark .v4 .v4-note--warn b{color:#E8EEF7}
html body.jt-dark .v4 .v4-note--day{border-color:#2B3F6E;color:#C7D7FF}
html body.jt-dark .v4 .v4-note--day b{color:#E3EBFF}
html body.jt-dark .v4 .v4-sched .none{border-color:#2B3F6E;color:#C7D7FF}

/* 체크 표시(혜택 목록) — 연초록 칸 위의 초록 선을 밝힌다 */
html body.jt-dark .v4 .v4-feat::before{
  background:var(--v4-tint) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FD9A8' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/10px 10px no-repeat}
html body.jt-dark .v4 .v4-plan--prem{background:linear-gradient(180deg,#143325 0%,#161E2C 46%)}

/* 누름 */
html body.jt-dark .v4 a.v4-row:active,
html body.jt-dark .v4 .v4-hub-duo .c:active,
html body.jt-dark .v4 .v4-hub-row:active,
html body.jt-dark .v4 .v4-hr:active{background:#1B2434}
html body.jt-dark .v4 .v4-hub-plan:active{background:#3D2F12}

/* 출전마 줄 */
html body.jt-dark .v4 .v4-hlink .t .kg{background:#232E43}
html body.jt-dark .v4 .v4-ords i:not(.w),
html body.jt-dark .v4 .v4-hr .pk i:not(.w){background:#232E43;color:#A7B4C9}
html body.jt-dark .v4 .v4-ords i.in:not(.w),
html body.jt-dark .v4 .v4-hr .pk i.in:not(.w){background:#1D4A33;color:#9BE3BC}
html body.jt-dark .v4 .v4-medal:not(.m1):not(.m2):not(.m3){background:#232E43;color:#A7B4C9}
html body.jt-dark .v4 .v4-scbar{background:#242F44}
html body.jt-dark .v4 .v4-scbar i{background:linear-gradient(90deg,#52D190,#3FC482)}

/* 적중 줄 — 맞힌 승식 */
html body.jt-dark .v4 .v4-hr .ks i{background:transparent;border-color:var(--v4-edge)}
html body.jt-dark .v4 .v4-hr .ks i.on{background:#143325;border-color:#143325;color:#7FD9A8}
html body.jt-dark .v4 .v4-hr.is-miss .ks i{border-color:var(--v4-line);color:var(--v4-sub)}

/* MY */
html body.jt-dark .v4 .v4-refcard .pts b.a{color:#F0B25A}
html body.jt-dark .v4 .v4-nt .r{border-color:var(--v4-edge)}
html body.jt-dark .v4 .v4-nt .r .rg{background:#10281C;border-color:var(--v4-edge)}

/* 홈 바로가기 */
html body.jt-dark .v4 .v4-hub{--hub-warm-line:#5A4720}
html body.jt-dark .v4 .v4-hub-plan .ic{background:rgba(255,255,255,.08)}

/* 그림 속 선·글자(인라인 SVG 의 색 속성) — CSS 가 속성보다 세다 */
html body.jt-dark .v4 svg line[stroke="#E3E9F4"],
html body.jt-dark .v4 svg line[stroke="#E6EBE8"]{stroke:#2A3550}
html body.jt-dark .v4 svg text[fill="#0E1C36"]{fill:#E8EEF7}
html body.jt-dark .v4 svg text[fill="#5C6B86"],
html body.jt-dark .v4 svg text[fill="#5F6F68"]{fill:#A7B4C9}
html body.jt-dark .v4 svg circle[fill="#fff"]{fill:#161E2C}
html body.jt-dark .v4 svg polyline[stroke="#1B6FF3"],
html body.jt-dark .v4 svg circle[stroke="#1B6FF3"]{stroke:#7FA6FF}
html body.jt-dark .v4 svg polyline[stroke="#12945B"]{stroke:#3FC482}
/* 템플릿에 박힌 연한 막대 바탕·꺾쇠 색 */
html body.jt-dark .v4 [style*="background:#E7EDF7"]{background:#242F44 !important}
html body.jt-dark .v4 [style*="color:#BBC7C1"]{color:var(--v4-chev) !important}
html body.jt-dark .v4 [style*="#8C9993"]{color:#8B9AAF !important}

/* ══ 2. 그누보드·리빌더 스킨 화면 — '밝은 종이' 한 장으로 ═══════════════
   게시판 · 1:1 문의 · FAQ · 약관·개인정보처리방침 · 검색 · 새글. 스킨이 어두운 화면을 모른다:
   바탕만 어두워지고 글자는 스킨이 박아 둔 검정 / 스킨의 흰 종이는 그대로라 서로 엇갈렸다
   (약관 본문 = 흰 종이 위 밝은 글자 1.17:1 · 게시판 제목 = 어두운 바탕 위 검정 1.13:1).
   이 구역(#contents_wrap > section.sub)은 다크를 입히지 않고 밝은 종이로 통일한다 — 헤더·푸터만 어둡다. */
html body.jt-dark #contents_wrap > section.sub{
  background:#FFFFFF; color:#25282B; color-scheme:light;
  /* 이 안에서는 우리 토큰도 밝은 화면 값으로 되돌린다(스킨 속에 우리 부품이 섞여도 엇갈리지 않게) */
  --jt2-bg:#F4F6F7; --jt2-card:#FFFFFF; --jt2-inset:#F6F8F7; --jt2-inset-bd:#EDF1EF;
  --jt2-line:#E4E8EA; --jt2-line-soft:#E4E8EA; --jt2-hairline:#EFF1F3; --jt2-hairline-2:#F4F6F7;
  --jt2-text:#16212B; --jt2-text-2:#5C6873; --jt2-mute:#98A2AC; --jt2-faint:#B6BFC7; --jt2-dim:#5C6873;
  --jt2-link:#17794A; --jt2-link-hv:#0B5E3A; --jt2-soft:#FAFBFB;
  --mc-ink:#16212B; --mc-sub:#5C6873; --mc-faint:#98A2AC; --mc-card:#FFFFFF; --mc-line:#E4E8EA; --mc-primary-tx:#17794A;
}
/* 모바일 다크는 '색을 안 준 링크'를 민트로 물들인다(m3/green.css 의 :where 규칙, 명시도 0).
   밝은 종이 위에서는 그 민트가 1.9:1 이다 → 같은 명시도 0 으로 되돌린다(스킨이 색을 준 링크·버튼은 그대로 이긴다). */
:where(body.jt-dark #contents_wrap > section.sub a:any-link){color:inherit}
/* PC — 종이를 본문보다 24px 넓게 깐다. 안쪽 여백(padding)으로 하면 본문 폭이 밝은 화면과 달라지므로 그림자로 넓힌다. */
@media (min-width:901px){
  html body.jt-dark #contents_wrap > section.sub{box-shadow:0 0 0 24px #FFFFFF;border-radius:4px;margin-top:46px;margin-bottom:58px}
}

/* ══ 3. 옛 블록(jt2)·PC 블록 — 화면마다 재서 걸린 것 ═══════════════════ */

/* 이용권 카드(이용권·이용가이드) — 기존 다크 규칙이 버튼 변형까지 초록 글자로 덮고(.jt-dark .ms-cta{color:#5FCB8C}),
   배지 바탕까지 투명하게 지웠다 → BEST 버튼 2.6:1 · PREMIUM 버튼 1.28:1 · '★ PREMIUM' 배지 1.41:1.
   변형의 제 색을 돌려준다. */
html body.jt-dark .ms-plans .ms-cta--best,
html body.jt-dark .gd-cta2--best{color:#fff;background:#0E7C4C;border-color:#0E7C4C}
html body.jt-dark .ms-plans .ms-cta--prem,
html body.jt-dark .gd-cta2--prem{color:#12213F;background:#F5C860;border-color:#F5C860}
html body.jt-dark .ms-plans .ms-bdg--best,
html body.jt-dark .gd-bdg--best{color:#fff;background:#0E7C4C;border-color:#0E7C4C}
html body.jt-dark .ms-plans .ms-bdg--prem,
html body.jt-dark .gd-bdg--prem{color:#12213F;background:#F5C860;border-color:#F5C860}
html body.jt-dark .ms-plans .ms-bigcard--prem .ms-pr,
html body.jt-dark .gd-bigcard--prem .gd-pr{color:#F5C860}
html body.jt-dark .gd-cta .a{background:#0E7C4C;color:#fff}
html body.jt-dark .gd-cta .b{color:#7FD9A8;border-color:#3FC482}
html body.jt-dark .gd-steps .n{background:#143325;color:#7FD9A8}
html body.jt-dark .gd-steps .go{color:#7FD9A8}
html body.jt-dark .gd-steps .done{background:#143325;color:#7FD9A8}
/* 색을 안 준 문단 속 링크 — 브라우저 기본 파랑(#0000EE)이 어두운 카드 위에 그대로였다(1.78:1) */
html body.jt-dark .ms-lead a,
html body.jt-dark .gd-faq dd a,
html body.jt-dark .jt2-card-body dd a:not([class]){color:#7FD9A8}

/* 2픽·3픽 딱지 — 바탕이 '보조 글자색' 토큰이라 다크에서 밝은 회색 + 흰 글자(2.1:1)가 됐다 */
html body.jt-dark .jt2-pickcard:not(.jt2-pickcard--1) .bdg{background:#3A4660;color:#E8EEF7}
@media (max-width:900px){ html body.jt-dark .jt2-pickcard:not(.jt2-pickcard--1) .bdg{background:transparent;color:var(--jt2-mute)} }

/* 붉은 채움 위 흰 글자 — 다크의 --jt2-bad 는 밝은 코랄(#FF7B72)이라 흰 글자가 2.5:1 이었다.
   PC: 채움을 짙게 내려 흰 글자를 살린다(모바일은 green.css 가 글자를 잉크로 바꿔 둔 자리가 있다 — 그건 그대로). */
@media (min-width:901px){
  html body.jt-dark .jt2-hitmarks .mk,
  html body.jt-dark .jt2-newsunread,
  html body.jt-dark .jt2-acad-bets .ex .ok{background:#C8392F;color:#fff}
}
html body.jt-dark .jt2-vodchips a i,
html body.jt-dark .jt2-acad-vids .pl i,
html body.jt-dark .jt2-acad-feat .pl i{background:#C8392F;color:#fff}

/* 초보가이드 — 강조 카드의 '위에서 내려오는 밝은 그라데이션'이 다크에서도 흰색이었다(그 위 밝은 글자 1.1~2.9:1) */
html body.jt-dark .jt2-acad-bets .bet--hard{border-color:#5A2E2E;background:linear-gradient(180deg,#2A1B1E,var(--jt2-card))}
html body.jt-dark .jt2-acad-chan .ch--on{background:linear-gradient(180deg,#143325,var(--jt2-card))}
html body.jt-dark .jt2-acad-faq summary::before{color:#7FD9A8}

/* 총판 화면 — 옛 파랑(#1D4ED8)이 어두운 카드 위 2.3~2.5:1 */
html body.jt-dark .pt-codebox .code,
html body.jt-dark .pt-months .f,
html body.jt-dark .pt-agrow .cd,
html body.jt-dark [style*="color:#1D4ED8"]{color:#7FA6FF !important}
html body.jt-dark .pt-linkbox button{background:#3FC482;color:#0D1320}

/* 적중률(PC) 큰 숫자 · 근거 표 */
html body.jt-dark .pf-kpi b{color:#52D190}
html body.jt-dark .pf-warn .jt2-link{color:#F0C277}

/* 종료 경주 체험 */
html body.jt-dark .tx-steps li b{background:#232E43;color:#A7B4C9}
html body.jt-dark .tx-steps li.on b{background:#3FC482;color:#0D1320}
html body.jt-dark .tx-tag{color:#9BE3BC}
html body.jt-dark .tx-conf.hi{border-color:#245C40}
html body.jt-dark .tx-conf.hi .k{color:#9BE3BC}
html body.jt-dark .tx-judge .ok{border-color:#245C40}
html body.jt-dark .tx-judge .ok b{color:#7FD9A8}

/* 가상 레이스 경주 고르기(PC) — 밝은 초록 채움 위 흰 글자 3.2:1 */
@media (min-width:901px){
  html body.jt-dark .lab-picker .rc.on{background:#0E7C4C;border-color:#0E7C4C}
}

/* PC 메인 — index.php 의 `.jt-dark .v2m b{color:inherit}` 가 탭 글자를 검정으로 떨어뜨렸다(1.67:1) */
html body.jt-dark .pm .pm-lab-tabs a b{color:#DCEDE5}
html body.jt-dark .pm .pm-lab-tabs a.on b,
html body.jt-dark .pm .pm-lab-tabs a.on span{color:#fff}

/* 비회원 구매 — 알림 상자 */
html body.jt-dark .gst-err{color:#FFA898;background:#3A1F1A;border-color:#6B3229}
html body.jt-dark .gst-ok{color:#9BE3BC;background:#143325;border-color:#245C40}

/* 훈련 컨디션 달력 — 기록 없는 날 */
html body.jt-dark .tcond-day.is-x b{color:#8B9AAF}

/* ══ 4. 화면 안에 <style> 로 박힌 색 — 출전마 분석 · 예상지 · 가상 레이스 · PC 메인 ═══════
   이 화면들은 색을 토큰이 아니라 값(#17794A · #22A45D · #C2553F …)으로 적어 두어 다크 토큰이 닿지 않았다. */

/* 출전마 분석(옛 본문 · PC) */
html body.jt-dark .fd-allhd .go,
html body.jt-dark .fd-tl .tx b.jt2-num,
html body.jt-dark .fd-more summary,
html body.jt-dark .fd-hist td.o.p{color:#7FD9A8}
html body.jt-dark .fd-dl dd i.up,
html body.jt-dark .fd-form td i.up{color:#FF8A75}
html body.jt-dark .fd-dl dd i.dn,
html body.jt-dark .fd-form td i.dn{color:#7FD9A8}
html body.jt-dark .fd-l5 .r.w,
html body.jt-dark .fd-form td.f5 .r.w,
html body.jt-dark .fd-review .res .p b{background:#3FC482;color:#0D1320}
html body.jt-dark .fd-l5 .r.p,
html body.jt-dark .fd-form td.f5 .r.p,
html body.jt-dark .fd-review .pick i.w,
html body.jt-dark .fd-review .pick i.p{background:#143325;color:#7FD9A8}
html body.jt-dark .fd-review .pick i.n{background:#232E43;color:#A7B4C9}
html body.jt-dark .fd-dl dd.fd-gear .chg{background:#32260F;color:#F0C277}
html body.jt-dark .fd-tl .ic{color:#E8A33A}

/* 예상지 · 내 예상 경마지 (PC — 모바일은 m3/green-sheet.css 가 따로 다듬어 뒀다) */
@media (min-width:901px){
  html body.jt-dark .sh-kv dd i,
  html body.jt-dark .sh-pc .ph3 b,
  html body.jt-dark .pp-sum b,
  html body.jt-dark .pp-kv dd i{color:#7FD9A8}
  html body.jt-dark .sh-kv dd i.up,
  html body.jt-dark .pp-kv dd i.up{color:#FF7B72}
  html body.jt-dark .sh-kv dd i.dn,
  html body.jt-dark .pp-kv dd i.dn{color:#7FA6FF}
  html body.jt-dark .sh-kv dd i.ago,
  html body.jt-dark .pp-kv dd i.ago,
  html body.jt-dark .sh-st,
  html body.jt-dark .sh-o,
  html body.jt-dark .pp-st.soon,
  html body.jt-dark .pp-ln .bt,
  html body.jt-dark .pp-h .rd b{background:#232E43;color:#A7B4C9}
  html body.jt-dark .sh-st--front,
  html body.jt-dark .sh-o--p,
  html body.jt-dark .pp-ln.hit .bt,
  html body.jt-dark .pp-h .rd b.o.p{background:#3B2126;color:#FF8A8A}
  html body.jt-dark .sh-st--stalk,
  html body.jt-dark .pp-st.wait{background:#32260F;color:#F0C277}
  html body.jt-dark .sh-st--mid{background:#18233D;color:#A9C4FF}
  html body.jt-dark .sh-st--close,
  html body.jt-dark .pp-st.ok{background:#143325;color:#7FD9A8}
  html body.jt-dark .sh-o--x,
  html body.jt-dark .pp-h .rd b.out{background:#1B2434;color:#7C8BA1}
  html body.jt-dark .sh-pc .fin li.me{background:#32260F}
  html body.jt-dark .sh-pc .fin li.me b,
  html body.jt-dark .sh-pc .fin li.me i,
  html body.jt-dark .sh-pc .fin li.me span{color:#F0C277}
  html body.jt-dark .pp-ln.hit .rs{color:#FF7B72}
  html body.jt-dark .pp-ln.part .rs{color:#F0C277}
}

/* 가상 레이스 */
html body.jt-dark .lab-tb .h .n{background:#143325;color:#7FD9A8}
html body.jt-dark .lab-tb .p b{color:#7FD9A8}

/* 마추픽 — 시간잠금 안내 창(어두운 모달 위에 짙은 글자가 그대로였다) · 근거 비교 */
html body.jt-dark .jt-tlmodal h3{color:#E8EEF7}
html body.jt-dark .jt-tlmodal p{color:#A7B4C9}
html body.jt-dark .jt-tlmodal .cd{background:#143325;color:#7FD9A8}
html body.jt-dark .jt-tlmodal .b2{background:#232E43;color:#E8EEF7}
/* PC 의 '멤버십으로 지금 보기' — 흰 글자 on #22A45D 3.21:1 → PC 다크의 채움(짙은 초록 + 흰 글자 5.3:1).
   모바일은 green-homeai.css 가 민트 + 잉크로 이미 바꿔 뒀다. */
@media (min-width:901px){
  html body.jt-dark .jt-tlmodal .btns .b1{background:#0E7C4C;color:#fff}
}

/* 이용권 창 · 충전 창 — 노란 안내 상자는 어둡게 바뀌는데 그 안 줄머리는 짙은 갈색 그대로였다
   ('무통장 입금' #7A5210 on #2A2114 = 2.29:1 · '은행/계좌/예금주' 3.86:1).
   '포인트가 충분합니다 / 부족합니다' 상자는 밝은 칸 그대로 → 다크의 연한 칸으로. */
html body.jt-dark .chg-note b{color:#F0C368}
html body.jt-dark .chg-bank span,
html body.jt-dark .plm-bank dt{color:#C9A45C}
html body.jt-dark .plm-ok{background:#143325;border-color:#245C40;color:#7FD9A8}
html body.jt-dark .plm-warn{background:#3A1F1A;border-color:#5A2E26;color:#FFA898}

/* 모바일 전체 메뉴(드로어) — '오늘 경기' 옆 경주 수가 짙은 초록 글자 그대로였다(#0E7C4C on #1A2F35 = 2.68:1).
   PC 머리줄의 같은 칩은 초록 띠 위 흰 글자라 건드리지 않는다. */
@media (max-width:900px){
  html body.jt-dark .jt2-nav .jt2-nav-t > .g .cnt{color:#7FD9A8}
}

/* 출전마 분석 — 관심마를 고르면 뜨는 아래 띠의 '선택만 인쇄'.
   모바일 규칙(green-field.css)이 흰 '비교하기' 버튼용 짙은 글자를 이 버튼에도 입혀, 어두운 칸 위 1.14:1 이었다. */
html body.jt-dark .fd-bar .go.go--pr{color:#E8EEF7}

/* 예상 표시 창(.sh-ov) — PC 는 고른 칸이 #1F9E5A + 흰 글자(3.44:1)였다.
   모바일(green.css §23)과 같은 말씨로 맞춘다: 고른 것은 민트 채움 + 잉크. 저장 버튼(위 §0-1)과도 한 벌이 된다. */
@media (min-width:901px){
  html body.jt-dark .sh-ov .ch.on{border-color:#3FC482;box-shadow:0 0 0 1px #3FC482 inset;background:#143325}
  html body.jt-dark .sh-ov .ch.on .tg .ck{background:#3FC482;border-color:#3FC482}
  html body.jt-dark .sh-ov .ch.on .tg .ck::after{border-color:#0D1320}
  html body.jt-dark .sh-ov .ch.on .tg b{color:#7FD9A8}
  html body.jt-dark .sh-ov .pos .p.on{background:#3FC482;border-color:#3FC482;color:#0D1320}
  html body.jt-dark .sh-ov .pick b{background:#3FC482;color:#0D1320}
}
html body.jt-dark .jt2-timelock .jt2-tlbadge{background:#32260F;color:#F0C277}
html body.jt-dark .jt2-why-vs .d{color:#FF8A75}
html body.jt-dark .jt2-why-miss,
html body.jt-dark .jt2-why-miss b{color:#A7B4C9}
html body.jt-dark .jt2-tag--miss{color:#A7B4C9}
html body.jt-dark .jt2-betsline span b{color:#A7B4C9}
/* 세그먼트의 안 고른 칸 — 모바일은 green.css 가 이미 밝혀 뒀다. PC 도 같게(3.99 → 6.4:1) */
html body.jt-dark .jt2-seg,
html body.jt-dark .jt-seg{--jt2-dim:#A7B4C9}

/* PC 메인(.pm) — 초록을 글자로 쓴 곳이 어두운 카드 위 3.3:1 이었다.
   글자·막대용 값만 밝히고, 흰 글자가 얹히는 채움은 짙은 초록으로 못 박는다(PC 는 채움 + 흰 글자). */
html body.jt-dark .pm{--pm-green:#52D190;--pm-green2:#52D190}
html body.jt-dark .pm .pm-btn--green,
html body.jt-dark .pm .pm-btn--sm,
html body.jt-dark .pm .pm-lab-tabs a.on,
html body.jt-dark .pm .pm-side-list .st.sel{background:#0E7C4C;border-color:#0E7C4C;color:#fff}
html body.jt-dark .pm .pm-btn--green:hover,
html body.jt-dark .pm .pm-btn--sm:hover{background:#0B5E3A}

/* 설정 — 고른 칸이 옛 파랑(#2563EB)이었다. 우리 초록으로 */
html body.jt-dark .jt2-lead[aria-pressed="true"]{background:#0E7C4C;border-color:#0E7C4C;color:#fff}

/* 모바일 편의 3종 — 경주 넘기기 바 · 맨 위로 · 다음 경주 칩 (2026-10-07) */
html body.jt-dark .v4-rnav{background:#161E2C;border-color:#2A3A35;box-shadow:0 10px 26px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3)}
html body.jt-dark .v4-rnav a,html body.jt-dark .v4-rnav .sd,html body.jt-dark .v4-rnav a:hover{color:#E8EEF7}
html body.jt-dark .v4-rnav .sd small{color:#A7B4C9}
html body.jt-dark .v4-rnav svg,html body.jt-dark .v4-rnav .md small{color:#52D190}
html body.jt-dark .v4-rnav .sd.is-off{color:#5B687D}
html body.jt-dark .v4-rnav .sd.is-off svg{color:#3E4A5C}
html body.jt-dark .v4-rnav .md{background:#1B2434;border-color:#242F44}
html body.jt-dark .v4-rnav a:active{background:#143325}
html body.jt-dark .jt2-totop{background:rgba(22,30,44,.97);border-color:#2A3A35;color:#52D190;box-shadow:0 6px 18px rgba(0,0,0,.45)}
html body.jt-dark .v4 .v4-stick .v4-filters--count a.v4-chip--next{color:#7FD9A8;background:#143325;border-color:#245C40}
html body.jt-dark .v4 .v4-stick .v4-filters--count a.v4-chip--next svg{color:#52D190}
html body.jt-dark .v4 .v4-row.is-flash{animation-name:v4rowFlashD}
@keyframes v4rowFlashD{0%,35%{background:#32260F}100%{background:transparent}}

/* 회원 혜택 카드 · 지급 알림 — 금색 계열을 어두운 바탕 말씨로 (2026-10-07) */
html body.jt-dark .rdp{background:linear-gradient(135deg,#2A2110 0%,#33280F 100%);border-color:#5C4718;box-shadow:0 8px 20px rgba(0,0,0,.4)}
html body.jt-dark .rdp .rdp-lb{background:#4A3A14;color:#F5C451}
html body.jt-dark .rdp .rdp-h{color:#FFEFC2}
html body.jt-dark .rdp .rdp-h em{color:#F5C451}
html body.jt-dark .rdp .rdp-s{color:#D9C79A}
html body.jt-dark .rdp .rdp-s b{color:#FFF1CC}
html body.jt-dark .rdp .rdp-s .ok{color:#7FD9A8}
html body.jt-dark .rdp a.rdp-go{background:#F5C451;color:#2A1B02}
html body.jt-dark .rdp a.rdp-go--join{background:#3FC482;color:#0D1320}
html body.jt-dark .rdp a.rdp-more{color:#CDB57A}
html body.jt-dark .jt2-rdtoast{background:#33280F;border:1px solid #5C4718}

/* 내 이용권 보관함 (2026-10-07) */
html body.jt-dark .pbx{color:#E8EEF7}
html body.jt-dark .pbx-h2,html body.jt-dark .pbx-empty b,html body.jt-dark .pbx-card .nm,html body.jt-dark .pbx-card .when b,html body.jt-dark .pbx-card .opt b,html body.jt-dark .pbx-rule dd b{color:#E8EEF7}
html body.jt-dark .pbx-empty,html body.jt-dark .pbx-card,html body.jt-dark .pbx-rule{background:#161E2C;border-color:#242F44;box-shadow:none}
html body.jt-dark .pbx-card .stub::before{background:#0D1320}
html body.jt-dark .pbx-card .meta,html body.jt-dark .pbx-card .opt small,html body.jt-dark .pbx-rule dd,html body.jt-dark .pbx-empty,html body.jt-dark .pbx-card .none{color:#A7B4C9}
html body.jt-dark .pbx-card .when,html body.jt-dark .pbx-rule dt{color:#C9D3E2}
html body.jt-dark .pbx-card .opt{background:#1B2434;border-color:#2A3A35}
html body.jt-dark .pbx-card .opt:has(input:checked){background:#143325;border-color:#3FC482}
html body.jt-dark .pbx-card .go summary,html body.jt-dark .pbx-card .ok{background:#3FC482;color:#0D1320}
html body.jt-dark .pbx-card .go[open] summary{background:#143325;color:#7FD9A8}
html body.jt-dark .pbx-card .ln{background:#1B2434;border-color:#2A3A35;color:#C9D3E2}
html body.jt-dark .pbx-card .st--0{background:#18233D;color:#A9C4FF}
html body.jt-dark .pbx-card .st--3{background:#32260F;color:#F0C277}
html body.jt-dark .pbx-card .st--1{background:#143325;color:#7FD9A8}
html body.jt-dark .pbx-card .st--2{background:#232E43;color:#A7B4C9}
html body.jt-dark .pbx-msg{background:#143325;color:#7FD9A8;border-color:#245C40}
html body.jt-dark .pbx-msg.bad{background:#3A1F1A;color:#FFA898;border-color:#5C2A22}
html body.jt-dark .v4-pbn{background:#32260F;color:#F0C277}
html body.jt-dark .pbx-card .left{background:#143325;color:#7FD9A8}
html body.jt-dark .pbx-card .left--wait{background:#32260F;color:#F0C277}
/* 고객센터 .spt — 2026-10-08 */
html body.jt-dark .spt{color:#E8EEF7}
html body.jt-dark .spt-h2,html body.jt-dark .spt-card>b,html body.jt-dark .spt-faq summary,html body.jt-dark .spt-faq details>div b,html body.jt-dark .spt-q .top b,html body.jt-dark .spt-rule dd b{color:#E8EEF7}
html body.jt-dark .spt-faq,html body.jt-dark .spt-card,html body.jt-dark .spt-rule{background:#161E2C;border-color:#242F44}
html body.jt-dark .spt-faq details{border-top-color:#242F44}
html body.jt-dark .spt-faq details[open] summary{background:#1B2434}
html body.jt-dark .spt-faq summary::before{background:#143325;color:#7FD9A8}
html body.jt-dark .spt-faq details>div,html body.jt-dark .spt-card>p,html body.jt-dark .spt-rule dd,html body.jt-dark .spt-q .meta,html body.jt-dark .spt-form .fine,html body.jt-dark .spt-form label small{color:#A7B4C9}
html body.jt-dark .spt-form label,html body.jt-dark .spt-rule dt,html body.jt-dark .spt-q .body,html body.jt-dark .spt-q .ans>div{color:#C9D3E2}
html body.jt-dark .spt-form input,html body.jt-dark .spt-form select,html body.jt-dark .spt-form textarea{background:#1B2434;border-color:#2A3A35;color:#E8EEF7}
html body.jt-dark .spt-form input:focus,html body.jt-dark .spt-form select:focus,html body.jt-dark .spt-form textarea:focus{border-color:#3FC482;background:#141B28}
html body.jt-dark .spt .ok{background:#3FC482;color:#0D1320}
html body.jt-dark .spt .ln{background:#1B2434;border-color:#2A3A35;color:#C9D3E2}
html body.jt-dark .spt-q{background:#1B2434;border-color:#2A3A35}
html body.jt-dark .spt-q .ans{background:#161E2C;border-color:#2A3A35}
html body.jt-dark .spt-q .cat{background:#18233D;color:#A9C4FF}
html body.jt-dark .spt-q .st--0{background:#32260F;color:#F0C277}
html body.jt-dark .spt-q .st--1{background:#143325;color:#7FD9A8}
html body.jt-dark .spt-msg{background:#143325;color:#7FD9A8;border-color:#245C40}
html body.jt-dark .spt-msg.bad{background:#3A1F1A;color:#FFA898;border-color:#5C2A22}
html body.jt-dark .spt-more,html body.jt-dark .spt-card>p a,html body.jt-dark .spt-rule dd a,html body.jt-dark .spt-faq details>div a,html body.jt-dark .spt-q .ans>b{color:#7FD9A8}
/* 오늘의 경주 적중률 .v5w--day — 2026-10-09 */
html body.jt-dark .v5w-rates,html body.jt-dark .v5w-meets .jt-mavg{background:#161E2C;box-shadow:none}
html body.jt-dark .v5w-row--miss .k,html body.jt-dark .v5w-row--wait .k{background:#232E43;color:#A7B4C9}
/* 오늘의 경주 브리핑 .v5w--brief — 2026-10-09 */
html body.jt-dark .v5b-card{background:#161E2C;box-shadow:none}
html body.jt-dark .v5b-line{color:#A7B4C9;border-color:#242F44}
html body.jt-dark .v5b-line b{color:#E8EEF7}
html body.jt-dark .v5b-tag{background:#18233D;color:#A9C4FF}
html body.jt-dark .v5b-tag--g{background:#143325;color:#7FD9A8}
html body.jt-dark .v5w--brief .v5w-row .k{background:#232E43;color:#E8EEF7}
html body.jt-dark .v5w--brief .v5w-row--done .k{background:#143325;color:#7FD9A8}
html body.jt-dark .v5b-st--done{background:#232E43;color:#A7B4C9}

/* 출전마 분석 — 기수·조교사·마주 표 (2026-10-11) */
.jt-dark .fd-ptab td b.ps-hi{color:#5FCB8C}
.jt-dark .v4-ptab td b.ps-hi{color:#7FD9A8}

/* 출전마 분석 — 착순 배지 3착·제외 (2026-10-11) */
.jt-dark .fd-ordb--3,.jt-dark .v4-ordb--3,.jt-dark .v4-resbar .r3 em{background:#1E3A6E;color:#A9C4FF}
.jt-dark .fd-ordb--x,.jt-dark .v4-ordb--x{background:#4A2420;color:#F3B2A6}

/* ══ PC 다크 — 링크 카드가 물려받는 글자색 (2026-10-11 대표 "pc버전 이상하게 — 마추픽도") ═══════════
   .jt2-aicard(마추픽 카드)·.jt2-row(오늘의 경주·원장 줄)는 <a> 라서 안에 색을 안 준 글자(마명 .nm · 경주 .b)가
   링크 기본색(짙은 남색)을 물려받아 어두운 카드 위에서 안 보였다. 적중 모아보기 .v5w 는 자기 잉크(--w-ink 검정)를
   바탕 위 머리글(.v5w-grp-hd)까지 쓰고 있었다. 흰 줄(.v5w-row) 안은 그대로 둔다. */
html body.jt-dark a.jt2-aicard,html body.jt-dark .jt2-aicard .ln .nm{color:#E8EEF7}
html body.jt-dark .jt2-aicard .jt2-betsline span{background:rgba(255,255,255,.08)}
html body.jt-dark .jt2-aicard .jt2-betsline b{color:#A7B4C9}
html body.jt-dark .jt2-aicard .jt2-betsline i{color:#EDF1F7}
html body.jt-dark .jt2-aicard .jt2-picks .jt2-ball:not(.jt2-ball--1){background:#232E43;color:#A9C4FF}
html body.jt-dark a.jt2-row,html body.jt-dark .jt2-row .b,html body.jt-dark a.jt2-mrow .b{color:#E8EEF7}
html body.jt-dark .v5w-grp-hd b{color:#E8EEF7}
html body.jt-dark .v5w-grp-hd span,html body.jt-dark .v5w-kinds-l,html body.jt-dark .v5w-tab small{color:#9AA7B5}

/* ══ PC 다크 — v5 흰 카드 PC 목록(greenz-v5hero.css :has(.v5-rh--pc))의 다크 짝 (2026-10-11) ═══════════
   오늘의 경주·마추픽 PC 는 첫 화면(.v5-rh--pc)이 있으면 흰 카드·흰 날짜칩·검정 경주번호(#141C18)를 그대로 박아 두는데
   다크에선 글자 토큰이 밝아져 흰 카드 위에서 사라지거나(마명·승식 칩), 어두운 바탕 위 검정(경주번호)이 됐다. */
@media (min-width:901px){
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-card,html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-kpi,html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-note{background:var(--jt2-card);box-shadow:none;border:1px solid var(--jt2-line)}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-rno{color:#E8EEF7}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-day{background:#161E2C;color:#E8EEF7;box-shadow:none;border:1px solid var(--jt2-line)}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-day[aria-current="page"]{background:#0E7C4C;color:#fff;border-color:#0E7C4C}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-seg{background:#161E2C}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-seg > .on,html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-seg > [aria-pressed="true"],html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-seg > [aria-current="page"]{background:#0E7C4C;color:#fff}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-aicard{background:var(--jt2-card);box-shadow:none;border:1px solid var(--jt2-line)}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-aicard:hover{box-shadow:none}
html body.jt-dark .jt2-fadeup:has(.v5-rh--pc) .jt2-aicard--hi{background:#182A52;border-color:#2E4A86}
}
/* 모바일 마추픽(v4-ai)의 흰 줄도 같은 짝 */
@media (max-width:900px){
html body.jt-dark .v4-ai .v4-card--pad0 .v4-row{background:var(--v4-card);box-shadow:none}
html body.jt-dark .v4-ai .v4-note--day{background:var(--v4-card);color:var(--v4-sub)}
}


/* ══ 비회원 로그인 벽 (jtgate) — 2026-10-12 · 틀은 jt2.css 끝 · 바탕·글자는 --jt2-* 가 이미 어두운 값으로 바뀐다 ══ */
html body.jt-dark .jtgate-ov{ background: rgba(0,0,0,.66); }
html body.jt-dark .jtgate-card{ box-shadow: 0 24px 64px rgba(0,0,0,.6), 0 0 0 1px var(--jt2-line); }
html body.jt-dark .jtgate-frag .jtgate-card{ box-shadow: none; }
html body.jt-dark .jtgate-ico{ background: rgba(63,196,130,.14); color: #3FC482; box-shadow: inset 0 0 0 1px rgba(63,196,130,.28); }
html body.jt-dark .jtgate-lb,
html body.jt-dark .jtgate-card .jtgate-d b{ color: #5FD39A; }
html body.jt-dark .jtgate-card .jtgate-list li svg{ color: #3FC482; }
html body.jt-dark .jtgate-card a.jtgate-btn--line:hover,
html body.jt-dark .jtgate-card a.jtgate-btn--line:active{ color: #5FD39A; border-color: #3FC482; }


/* ══ 입금 확인 상태 줄(chg-live) · 결제 안내 창 다시 열기(chg-pw) — 2026-10-12 · 틀은 jt2.css 끝 ══ */
html body.jt-dark .chg-live{ background: rgba(47,95,208,.18); color: #AFC4F5; }
html body.jt-dark .chg-live > i{ background: #7EA2F0; }
html body.jt-dark .chg-live.is-done{ background: rgba(63,196,130,.14); color: #5FD39A; }
html body.jt-dark .chg-live.is-done span{ color: var(--jt2-text); }
html body.jt-dark .chg-live.is-done a{ color: #5FD39A; }
html body.jt-dark .chg-live.is-bad{ background: rgba(194,85,63,.18); color: #F0A493; }
html body.jt-dark .chg-pw:hover{ border-color: #3FC482; color: #5FD39A; }


/* ══ 결제 창 (pys) — 2026-10-12 · 틀은 jt2.css 끝 · 바탕·글자는 --jt2-* 가 어두운 값으로 바뀐다 ══ */
html body.jt-dark .pys-hd .pys-t em,
html body.jt-dark .pys-hd .pys-t strong{ color: #5FD39A; }
html body.jt-dark .pys-live{ background: rgba(47,95,208,.18); color: #AFC4F5; }
html body.jt-dark .pys-dot i{ background: #7EA2F0; }
html body.jt-dark .pys-live.is-bad{ background: rgba(194,85,63,.18); color: #F0A493; }
html body.jt-dark .pys-tick{ background: rgba(63,196,130,.14); color: #3FC482; }
html body.jt-dark .pys-help a{ color: #5FD39A; }
html body.jt-dark .pys-btn:hover{ border-color: #3FC482; color: #5FD39A; }
html body.jt-dark .pys-btn--fill:hover{ color: #fff; }
/* 결제 창 하단 — 앱 열어서 송금하기 (2026-10-12) · 틀은 jt2.css 끝 */
html body.jt-dark .pys-seg button[aria-pressed="true"]{ box-shadow: none; }
html body.jt-dark .pys-app:not(.is-fast) .pys-ic{ box-shadow: none; }
html body.jt-dark .pys-tip a{ color: #5FD39A; }
html body.jt-dark .pys .pys-later-ok{ background: rgba(63,196,130,.14); }
/* 충전 금액 단추 · 앱 로고 (2026-10-12) · 틀은 jt2.css 끝 */
html body.jt-dark .chg-amts button{ box-shadow: none; }
html body.jt-dark .chg-amts button.on{ background: rgba(63,196,130,.14); border-color: #3FC482; color: #5FD39A; box-shadow: inset 0 0 0 1px #3FC482; }
html body.jt-dark .chg-amts button.on small{ color: #5FD39A; }
html body.jt-dark .chg-amts button.on::after{ background-color: #3FC482; }
html body.jt-dark .pys-app:not(.is-fast) .pys-ic{ box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
/* 복사 알림 (2026-10-13) — 어두운 화면에선 밝은 알약 */
html body.jt-dark .pys-toast{ background: rgba(232,238,247,.96); color: #0D1320; box-shadow: 0 6px 20px rgba(0,0,0,.4); }
html body.jt-dark .pys-toast svg{ color: #0E7C4C; }


/* ══ 신청 취소 (2026-10-13) — 틀은 jt2.css 끝 ══ */
html body.jt-dark .pys-row.pys-cancel,
html body.jt-dark .pys-row.pys-cancel::after,
html body.jt-dark .jt2-chgx{ color: #F0A493; }
html body.jt-dark .pys-tick.pys-tick--x{ background: rgba(194,85,63,.18); color: #F0A493; }
html body.jt-dark .pys.is-cancel .pys-ok span a{ color: #5FD39A; }
html body.jt-dark .jt2-chgx:hover{ border-color: #F0A493; }


/* ══ 확인·알림 창 (jt-ask) — 2026-10-13 · 틀은 jt2.css 끝 · 바탕·글자는 --jt2-* 가 어두운 값으로 바뀐다 ══ */
html body.jt-dark .jt-ask{ background: rgba(0,0,0,.62); }
html body.jt-dark .jt-ask-card{ box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 0 1px var(--jt2-line); }
html body.jt-dark .jt-ask-ic--danger{ background: rgba(194,85,63,.18); color: #F0A493; }
html body.jt-dark .jt-ask-ic--primary{ background: rgba(63,196,130,.14); color: #3FC482; }
html body.jt-dark .jt-ask-ic--info{ background: rgba(47,95,208,.18); color: #AFC4F5; }