/* ══ Y8 「올리브」 — 원안 Y7 위에 덮는 색만. 연두 → 올리브, 먹 → 올리브 먹, 연초록 바탕 → 세이지 쪽 옅은 색 ══════
   카카오(#FEE500) · 네이버(#03C75A) 버튼 색은 각 사 색이라 그대로. */
body.cx-ol{--acc:#9CB04C;--acc-h:#ABBE5C;--acc-d:#5C6C2C;--on-acc:#1F2516;
  --fg:#21271A;--sub:#5A6151;--faint:#7F8576;--line:#D9DCCF;--hair:#E6E8DE;--panel:#EFF1E8;--tint:#EFF1E5;--ink2:#262D1E;--bg:#FCFCF9;background:var(--bg)}

/* 어두운 면 — 먹을 올리브 먹으로 */
.cx-ol .s3.ink,.cx-ol .ft{background:#262D1E}
.cx-ol .b-t.t,.cx-ol .chc.k,.cx-ol .ca6 .k,.cx-ol .oc,.cx-ol .mapb.tl:hover{background:#343C28}
.cx-ol .chc.k2,.cx-ol .ca6 .k2{background:#3E4731}
.cx-ol .ct3 .bg::after{background:linear-gradient(90deg,rgba(26,31,19,.9),rgba(26,31,19,.5))}
.cx-ol .hero--full .hero-media::after{background:linear-gradient(90deg,rgba(24,29,18,.8),rgba(24,29,18,.42) 60%,rgba(24,29,18,.22)),linear-gradient(0deg,rgba(24,29,18,.5),rgba(24,29,18,0) 40%)}
.cx-ol .hero h1 em,.cx-ol.cx-y3 .hero h1 em{color:#B9C96E}

/* 옅은 바탕 */
.cx-ol .sv3 a:hover{background:#E6EADA}
.cx-ol .sp5i:hover{background:#F7F8F2}
.cx-ol .f10 .t{--c:#D3DBBE}
.cx-ol .ms5{background:#F0F2EA}
.cx-ol .seg button[aria-pressed=true],.cx-ol .it.on,.cx-ol .it:has(input:checked),.cx-ol .picked{background:#F1F3E8}

/* 계산기 막대 — 파랑 · 초록 · 연두 → 올리브 세 단계 */
.cx-ol .c1{--c:#3F4A22}.cx-ol .c2{--c:#7E9140}.cx-ol .c3{--c:#BCC97F}

/* 방사 지도 */
.cx-ol .rad .r40{fill:#EEF1E5}.cx-ol .rad .r30{fill:#E2E8D2}.cx-ol .rad .r20{fill:#D2DCB9}.cx-ol .rad .r10{fill:#BFCC9C}
.cx-ol .rad .rt{fill:#6F7A55}