/* =====================================================================
   메인 페이지 — 시안1-7 (body.mx7). 시안1-6 위에 덧씀.
   Visualization 차트 벽: 타일·프레임·섹션 배경은 원래(시안1-5) 그대로.
   차트 안쪽의 축·격자선·플롯 배경·빈 자리만 어두운 타일 위에서 보이도록 밝힘.
   ===================================================================== */
.mx7 #charts { --ax: 200, 206, 255; }
/* 축·격자선 (Radar 육각형, Radar·Circle, History, BrokenAxis 등): 흰색 14% → 밝은 라벤더 42% */
.mx7 #charts .cw svg [stroke="rgba(255,255,255,.14)"] { stroke: rgba(var(--ax), .42); }
.mx7 #charts .cw svg [stroke="rgba(255,255,255,.08)"] { stroke: rgba(var(--ax), .28); }
/* 빈 자리·보조 면 (Pictorial 빈 사람 모양, Bar·Negative 기준 등): 흰색 14% → 라벤더 26% */
.mx7 #charts .cw svg [fill="rgba(255,255,255,.14)"] { fill: rgba(var(--ax), .26); }
/* 플롯 안쪽 바탕·트랙 (OverlayBar 트랙, SimpleGauge·Scroll·Slide 바탕 등):
   어두운 띠가 데이터와 섞이지 않게 옅게 밝힘 */
.mx7 #charts .cw svg [fill="rgba(255,255,255,.08)"] { fill: rgba(var(--ax), .13); }
/* 어두운 타일에서 묻히던 짙은 계열 색(남색·짙은 청록·짙은 보라)을 같은 색상 계열의 밝은 톤으로 */
.mx7 #charts .cw svg [fill="#1e3a8a"] { fill: #5b7fd6; }
.mx7 #charts .cw svg [stroke="#1e3a8a"] { stroke: #5b7fd6; }
.mx7 #charts .cw svg [fill="#0f766e"] { fill: #22a892; }
.mx7 #charts .cw svg [stroke="#0f766e"] { stroke: #22a892; }
.mx7 #charts .cw svg [fill="#4c1d95"] { fill: #7d5ce0; }
.mx7 #charts .cw svg [stroke="#4c1d95"] { stroke: #7d5ce0; }
/* 차트 안 회색 글자 */
.mx7 #charts .cw svg [fill="#8b8ba3"] { fill: #b4b8dc; }