/* 마추 모바일 '전부 초록' (2026-09-15 대표 요청) — 출전마 분석(racing/field.php) 기존 콘텐츠 색 덮어쓰기
   · 모두 @media (max-width:900px) 안 — PC 화면은 그대로.
   · 안쪽을 @media screen 으로 한 번 더 감싼다 — 인쇄(PDF 저장)는 field.php 의 @media print 규칙 그대로.
   · 이 화면에만 — 선택자는 모두 '.m3-field ~ …'(field.php 에만 있는 m3 머리 뒤의 형제)로 좁힌다.
   · 페이지 본문 <style> 이 이 파일보다 뒤에 나오므로 'html body ' 로 명시도를 올린다. style="" 속성 색만 !important.
   · 글자·배치·로직은 건드리지 않는다. 색 값만. */
@media (max-width: 900px) {
@media screen {

/* ── 1. 마번 색(말마다 다른 파랑·보라·빨강·주황…) → 전 두수 같은 초록 (강조 아님) ──
   jtm_fld_hue() 가 style="background:#…" 로 넣는다 → !important */
html body .m3-field ~ .jt2-card .fd-form td.no span,
html body .m3-field ~ .jt2-card .st-h .nm .no,
html body .m3-field ~ .jt2-card .fd-av .no { background: #0E7C4C !important; color: #FFFFFF; }
html body.jt-dark .m3-field ~ .jt2-card .fd-form td.no span,
html body.jt-dark .m3-field ~ .jt2-card .st-h .nm .no,
html body.jt-dark .m3-field ~ .jt2-card .fd-av .no { background: #3FC482 !important; color: #0D1320; }

/* 말 실루엣 상자 — style="background:#…1A;color:#…" (svg fill=currentColor 가 따라온다) */
html body .m3-field ~ .jt2-card .fd-av { background: #E8F6EF !important; color: #12945B !important; }
html body.jt-dark .m3-field ~ .jt2-card .fd-av { background: #143325 !important; color: #52D190 !important; }

/* 기수 이니셜(사진 없는 기수) — style="background:#…14;color:#…" */
html body .m3-field ~ .jt2-card .fd-jk .av[style] { background: #E8F6EF !important; color: #17794A !important; }
html body.jt-dark .m3-field ~ .jt2-card .fd-jk .av[style] { background: #143325 !important; color: #7FD9A8 !important; }

/* ── 2. 최근 5전 착순 칩 — 1착(초록 채움)은 그대로, 2~3착 연파랑 → 연초록, 그 밖 회색 그대로 ── */
html body .m3-field ~ .jt2-card .fd-l5 .r.p,
html body .m3-field ~ .jt2-card .fd-form td.f5 .r.p { background: #E8F6EF; color: #17794A; }
html body.jt-dark .m3-field ~ .jt2-card .fd-l5 .r.p,
html body.jt-dark .m3-field ~ .jt2-card .fd-form td.f5 .r.p { background: #143325; color: #7FD9A8; }

/* ── 3. 미니 그래프 선(파란 회색) → 밝은 초록 ── */
html body .m3-field ~ .jt2-card .fd-l5 .g,
html body .m3-field ~ .jt2-card .fd-trend > div { color: #22A45D; }
html body.jt-dark .m3-field ~ .jt2-card .fd-l5 .g,
html body.jt-dark .m3-field ~ .jt2-card .fd-trend > div { color: #52D190; }

/* ── 4. 체중·부담중량 증감 — 증가(빨강) → 잉크 굵은 글자, 감소는 초록 그대로(다크에서만 읽히게 밝힘) ── */
html body .m3-field ~ .jt2-card .fd-dl dd i.up,
html body .m3-field ~ .jt2-card .fd-form td i.up { color: #0F2E20; }
html body.jt-dark .m3-field ~ .jt2-card .fd-dl dd i.up,
html body.jt-dark .m3-field ~ .jt2-card .fd-form td i.up { color: #E8F2EC; }
html body.jt-dark .m3-field ~ .jt2-card .fd-dl dd i.dn,
html body.jt-dark .m3-field ~ .jt2-card .fd-form td i.dn { color: #52D190; }

/* ── 5. 장구 '변경' 칩(주황) → 짙은 초록 칩 ── */
html body .m3-field ~ .jt2-card .fd-dl dd.fd-gear .chg { background: #DDF1E5; color: #0B5E3A; }
html body.jt-dark .m3-field ~ .jt2-card .fd-dl dd.fd-gear .chg { background: #173D2A; color: #9BE3BC; }

/* ── 6. 마추픽 공개 전 카운트다운 시계(주황) → 회색 (초록이면 '열림'처럼 보인다) ── */
html body .m3-field ~ .jt2-card .fd-tl .ic { color: #5A6A82; }
html body.jt-dark .m3-field ~ .jt2-card .fd-tl .ic { color: #A7B4C9; }

/* ── 7. 마추픽 공개됨 띠(짙은 초록 바탕) — 금색 '확인하기' → 초록 글자 ── */
html body .m3-field ~ .jt2-card .fd-open .go { color: #7FD9A8; }

/* ── 8. 경주 결과·복기 — 마추픽 1픽 번호(남색 바탕·금색 글자) → 짙은 초록(프리미엄) ── */
html body .m3-field ~ .jt2-card .fd-review .pick b { background: #0B5E3A; color: #FFFFFF; }
html body.jt-dark .m3-field ~ .jt2-card .fd-review .pick b { background: #2FAE6E; color: #0D1320; }

/* ── 8-2. 다크에서 원래 초록 작은 글자(#17794A)가 어두운 카드 위에서 3.3:1 로 흐리던 것 → 다크 초록 글자 ── */
html body.jt-dark .m3-field ~ .jt2-card .fd-more summary,
html body.jt-dark .m3-field ~ .jt2-card .fd-hist td.o.p,
html body.jt-dark .m3-field ~ .jt2-card .fd-tl .tx b.jt2-num,
html body.jt-dark .m3-field ~ .jt2-card .fd-allhd .go { color: #7FD9A8; }

/* ── 9. 관심마 비교 서랍(짙은 초록 바) — 파란 기운 글자·그림자 → 초록/회색 ── */
html body .m3-field ~ .fd-bar { box-shadow: 0 10px 26px rgba(15,46,32,.28); }
html body .m3-field ~ .fd-bar .nms { color: #D7EEE1; }
html body .m3-field ~ .fd-bar .go { color: #0F2E20; }
html body .m3-field ~ .fd-bar .x { color: #8B98AC; }

/* 4단계(09-16) '경주 결과·복기' 픽 결과 알약 — 다크에서 밝은 알약이 그대로 남던 것, 밝은 모드 글자 대비 */
html body .m3-field ~ .jt2-card .fd-review .pick i.n { color: #5A6A82; }
html body .m3-field ~ .jt2-card .fd-review .pick i.p { color: #17794A; }
html body.jt-dark .m3-field ~ .jt2-card .fd-review .pick i.n { background: #202A3C; color: #A7B4C9; }
html body.jt-dark .m3-field ~ .jt2-card .fd-review .pick i.w { background: #143325; color: #7FD9A8; }
html body.jt-dark .m3-field ~ .jt2-card .fd-review .pick i.p { background: #10281C; color: #52D190; }
html body .m3-field ~ .jt2-card .fd-review .res .p b { background: #0E7C4C; color: #FFFFFF; }
html body.jt-dark .m3-field ~ .jt2-card .fd-review .res .p b { background: #3FC482; color: #0D1320; }

} /* @media screen */
} /* @media max-width:900px */
