/* 체인지리더스 「멤버스 클럽」 시험판 — 4단계: 홈. html.cl-club 일 때만. 구조·기능 그대로, 색·글꼴만 (보라·분홍·청록 → 종이·와인·잉크·골드) */
/* 인사말 */
html.cl-club .home-greeting{color:#1C1A17 !important}
html.cl-club .home-greeting *{font-family:var(--club-serif) !important}
html.cl-club .home-greeting .name-accent{background:none !important;-webkit-text-fill-color:#7A2433 !important;color:#7A2433 !important}
html.cl-club .home-greeting .home-greeting-sub,html.cl-club .home-greeting .home-sub-text{color:#6F675C !important;font-family:Pretendard,sans-serif !important}
/* 강의실 새 강의 배너: 보라 → 잉크 + 골드 */
html.cl-club .dfj-home-classroom-banner{background:radial-gradient(120% 140% at 100% 0%,#3A1520 0%,#1C1A17 60%,#141210 100%) !important;border:0 !important;box-shadow:0 18px 40px -26px rgba(28,26,23,.7) !important}
html.cl-club .dfj-home-classroom-banner .dfj-hmb-glow,html.cl-club .dfj-home-classroom-banner .dfj-hmb-particles{display:none !important}
html.cl-club .dfj-hmb-title{color:#F3E6CF !important;font-family:var(--club-serif) !important;text-shadow:none !important}
html.cl-club .dfj-hmb-sub{color:#B9AE9C !important}
html.cl-club .dfj-hmb-pulse{background:#D9BE8C !important;color:#1C1A17 !important;box-shadow:none !important;animation:none !important}
html.cl-club .dfj-hmb-cta{background:linear-gradient(135deg,#E9CF9D,#C9A25E) !important;color:#1C1A17 !important;box-shadow:0 10px 22px -10px rgba(201,162,94,.7) !important;border:0 !important}
html.cl-club .dfj-hmb-icon{filter:grayscale(.2)}
/* 큰 배너(슬라이드 3장): 빨강·청록·분홍 → 와인·잉크·골드브라운 */
html.cl-club .clh-slide{box-shadow:none !important}
html.cl-club .clh-slide.c1{background:linear-gradient(125deg,#3E0F19,#5B1A26 55%,#7A2433) !important}
html.cl-club .clh-slide.c2{background:linear-gradient(125deg,#141210,#1C1A17 55%,#2B231C) !important}
html.cl-club .clh-slide.c3{background:linear-gradient(125deg,#5B4426,#8C6A3A 55%,#B8925A) !important}
html.cl-club .clh-slide,html.cl-club .clh-slide *{color:#F3E6CF}
html.cl-club .clh-slide .k{background:rgba(243,230,207,.14) !important;color:#E9CF9D !important;border:1px solid rgba(233,207,157,.35) !important}
html.cl-club .clh-hdots *{background-color:rgba(28,26,23,.25)}
html.cl-club .clh-hdots .on,html.cl-club .clh-hdots [class*="on"]{background-color:#5B1A26 !important}
/* 숫자 3칸 */
html.cl-club .clh-stat{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important;border-radius:14px !important}
html.cl-club .clh-stat b,html.cl-club .clh-stat strong,html.cl-club .clh-stat .clh-cu{font-family:var(--club-en) !important;color:#1C1A17 !important;font-weight:800 !important;letter-spacing:-.03em}
html.cl-club .clh-stat span,html.cl-club .clh-stat small{color:#8F8577 !important}
/* 섹션 제목 */
html.cl-club .clh-sec2,html.cl-club .clh-sec-t,html.cl-club .dfj-hc-title{font-family:var(--club-serif) !important;color:#1C1A17 !important;font-weight:800 !important;letter-spacing:-.03em}
/* 이 주의 성과 갤러리 */
html.cl-club .clh-gc{border-radius:14px !important;box-shadow:none !important;border:1px solid #DCD3C3 !important}
html.cl-club .clh-gph.brand{background:linear-gradient(150deg,#1C1A17,#3A1520) !important}
html.cl-club .clh-gov{background:linear-gradient(rgba(0,0,0,0),rgba(28,26,23,.85)) !important}
html.cl-club .clh-gtag{background:#FBF8F2 !important;color:#7A2433 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .clh-garr{background:#FBF8F2 !important;color:#1C1A17 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
/* 바로가기 */
html.cl-club .clh-mi{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important;border-radius:14px !important}
html.cl-club .clh-mi:hover{border-color:#B8925A !important}
html.cl-club .clh-ic{background:#F1EADC !important;color:#5B1A26 !important;box-shadow:none !important}
html.cl-club .clh-ic svg{stroke:#5B1A26 !important}
html.cl-club .clh-t,html.cl-club .clh-t *{color:#1C1A17 !important}
html.cl-club .clh-mi small,html.cl-club .clh-mi span:not(.clh-ic){color:#8F8577}
/* 아래 카드들 (오늘의 미션·게임·통계) */
html.cl-club .dfj-hc{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important;border-radius:16px !important}
html.cl-club .dfj-hc-link{color:#7A2433 !important}
html.cl-club .cl-tm-row{background:transparent !important;border:0 !important;border-bottom:1px solid #DCD3C3 !important;border-radius:0 !important}
html.cl-club .cl-tm-k{background:#1C1A17 !important;color:#D9BE8C !important;box-shadow:none !important}
html.cl-club .cl-tm-k.k-a{background:#5B1A26 !important;color:#F3E6CF !important}
html.cl-club .cl-tm-k.k-b{background:#B8925A !important;color:#1C1A17 !important}
html.cl-club .cl-tm-t{color:#1C1A17 !important}
html.cl-club .cl-tm-d{color:#8F8577 !important}
html.cl-club .cl-tm-x{color:#8C6A3A !important;font-weight:800 !important}
html.cl-club .dfj-hc-game{background:#fff !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .dfj-hc-game .gi-title{color:#1C1A17 !important}
html.cl-club .dfj-hc-game .free{background:#F4E7CB !important;color:#7A5A22 !important}
html.cl-club .dfj-hc-stat{background:#fff !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .dfj-hc-stat .ss-num{font-family:var(--club-en) !important;color:#1C1A17 !important;font-weight:800 !important}
html.cl-club .dfj-hc-stat .ss-lbl{color:#8F8577 !important}
html.cl-club .dfj-hc-stat .ss-delta{color:#7A2433 !important}
/* 게임 타일: 분홍·보라·청록 → 잉크·와인·골드 (기존 nth-child 규칙 덮기) */
html.cl-club .dfj-hc-game-grid .dfj-hc-game:nth-child(n){background:linear-gradient(140deg,#1C1A17,#2B231C) !important;border:0 !important;color:#F3E6CF !important}
html.cl-club .dfj-hc-game-grid .dfj-hc-game:nth-child(3n+2){background:linear-gradient(140deg,#5B1A26,#7A2433) !important}
html.cl-club .dfj-hc-game-grid .dfj-hc-game:nth-child(3n){background:linear-gradient(140deg,#8C6A3A,#B8925A) !important}
html.cl-club .dfj-hc-game-grid .dfj-hc-game .gi-title,html.cl-club .dfj-hc-game-grid .dfj-hc-game .gi-sub{color:#F3E6CF !important}
html.cl-club .dfj-hc-game-grid .dfj-hc-game .free{background:rgba(243,230,207,.18) !important;color:#F3E6CF !important}
/* 홈 바탕 = 페이지 바탕과 똑같이 (회색 상자·흰 카드 없애기) — 대표님 10/14 */
html.cl-club .cl-home-wrap{background:transparent !important;box-shadow:none !important;border:0 !important}
html.cl-club .dfj-home-grid .dfj-hc,html.cl-club .cl-home-inner .dfj-hc{background:#FBF8F2 !important;box-shadow:none !important;border:1px solid #DCD3C3 !important}
html.cl-club .dfj-home-grid .dfj-hc-stat,html.cl-club .dfj-home-grid .dfj-hc-stats-grid>*{background:#F3EEE5 !important}
/* 멤버십 카드 */
html.cl-club #clmc-box{margin:4px 0 22px}
html.cl-club .clmc-wrap{max-width:440px}
html.cl-club .clmc{position:relative;aspect-ratio:1.62;border-radius:18px;padding:22px 26px;color:#F3E6CF;overflow:hidden;background:radial-gradient(120% 140% at 85% 0%,#8A2B3C 0%,#5B1A26 45%,#2E0D14 100%);box-shadow:0 34px 50px -28px rgba(46,13,20,.75),inset 0 1px 0 rgba(255,255,255,.08);transform:rotate(-1.6deg)}
html.cl-club .clmc::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px)}
html.cl-club .clmc::after{content:"";position:absolute;top:-40%;left:-30%;width:60%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,235,200,.13),transparent);transform:rotate(20deg)}
html.cl-club .clmc-top{position:relative;display:flex;justify-content:space-between;align-items:baseline}
html.cl-club .clmc-top b{font-size:13px;letter-spacing:.14em;font-weight:800}
html.cl-club .clmc-top span{font-size:12.5px;color:#D9BE8C;font-weight:700}
html.cl-club .clmc-chip{position:relative;width:40px;height:30px;border-radius:7px;margin-top:18px;background:linear-gradient(135deg,#E9D3A4,#B8925A 55%,#8C6A3A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
html.cl-club .clmc-chip::before{content:"";position:absolute;inset:7px 9px;border:1px solid rgba(60,40,10,.35);border-radius:3px}
html.cl-club .clmc-name{position:relative;margin-top:16px;font-size:24px;font-weight:900;letter-spacing:-.03em;color:#FFF5E6}
html.cl-club .clmc-row{position:relative;display:flex;gap:26px;margin-top:8px;font-size:11px;color:rgba(243,230,207,.62);font-weight:700}
html.cl-club .clmc-row b{display:block;font-size:20px;color:#F3E6CF;font-weight:800;margin-top:2px;letter-spacing:-.02em}
html.cl-club .clmc-no{position:absolute;right:24px;bottom:18px;font-size:12px;color:#D9BE8C;letter-spacing:.14em;font-weight:700}
html.cl-club .clmc-under{display:flex;justify-content:space-between;margin-top:20px;font-size:12.5px;color:#6F675C;padding:0 4px}
html.cl-club .clmc-under b{color:#1C1A17}
html.cl-club .clmc-bar{height:3px;background:#DCD3C3;margin:8px 4px 0;position:relative;border-radius:3px}
html.cl-club .clmc-bar i{position:absolute;left:0;top:0;bottom:0;background:#5B1A26;border-radius:3px}
@media(max-width:560px){html.cl-club .clmc{padding:18px 20px;transform:rotate(-1deg)}html.cl-club .clmc-name{font-size:20px}html.cl-club .clmc-row{gap:18px}html.cl-club .clmc-row b{font-size:17px}}
/* 인사말(왼쪽) + 멤버십 카드(오른쪽) */
html.cl-club .clmc-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:36px;align-items:center;margin:6px 0 26px}
html.cl-club .clmc-hero .home-greeting{margin:0 !important}
html.cl-club .clmc-hero .home-greeting h1,html.cl-club .clmc-hero .home-greeting h2,html.cl-club .clmc-hero .home-greeting>div:first-child{font-size:34px !important;line-height:1.3 !important;letter-spacing:-.04em !important;font-weight:900 !important}
html.cl-club .clmc-hero #clmc-box{margin:0}
@media(max-width:1000px){html.cl-club .clmc-hero{grid-template-columns:1fr;gap:18px}html.cl-club .clmc-hero .home-greeting>div:first-child{font-size:26px !important}}
/* 오늘의 과제 티켓 (시안 그대로) */
html.cl-club #clhk{margin:0 0 26px}
html.cl-club .clhk-h{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}
html.cl-club .clhk-h .no{font-size:15px;font-weight:800;color:#B8925A}
html.cl-club .clhk-h h2{font-size:24px;font-weight:900;letter-spacing:-.04em;color:#1C1A17}
html.cl-club .clhk-h .sub{font-size:13px;color:#8F8577}
html.cl-club .clhk-h a{margin-left:auto;font-size:13.5px;font-weight:700;color:#6F675C;cursor:pointer}
html.cl-club .clhk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html.cl-club .clhk-t{background:#FBF8F2;border:1px solid #DCD3C3;border-radius:14px;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s,box-shadow .25s}
html.cl-club .clhk-t:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(60,40,20,.4)}
html.cl-club .clhk-b{padding:20px 20px 16px;flex:1}
html.cl-club .clhk-tag{display:flex;gap:6px;margin-bottom:12px}
html.cl-club .clhk-tag span{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid #DCD3C3;color:#6F675C}
html.cl-club .clhk-tag span.w{border-color:#5B1A26;color:#5B1A26}
html.cl-club .clhk-tag span.g{background:#1C1A17;color:#D9BE8C;border-color:#1C1A17}
html.cl-club .clhk-t h3{font-size:18px;font-weight:900;letter-spacing:-.03em;line-height:1.4;color:#1C1A17}
html.cl-club .clhk-t p{font-size:13px;color:#6F675C;margin-top:7px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html.cl-club .clhk-f{border-top:1px dashed #DCD3C3;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;position:relative}
html.cl-club .clhk-f::before,html.cl-club .clhk-f::after{content:"";position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:#F3EEE5;border:1px solid #DCD3C3}
html.cl-club .clhk-f::before{left:-10px;clip-path:inset(0 0 0 50%)}
html.cl-club .clhk-f::after{right:-10px;clip-path:inset(0 50% 0 0)}
html.cl-club .clhk-f .xp{font-size:22px;font-weight:900;letter-spacing:-.03em;color:#1C1A17}
html.cl-club .clhk-f .xp small{font-size:11.5px;font-weight:700;color:#A39A8C;margin-left:3px}
html.cl-club .clhk-f a{font-weight:800;font-size:13px;padding:9px 16px;border-radius:999px;background:#1C1A17;color:#F3EEE5}
html.cl-club .clhk-t.feat{background:#1C1A17;border-color:#1C1A17}
html.cl-club .clhk-t.feat h3{color:#F3E6CF}
html.cl-club .clhk-t.feat p{color:#B9AE9C}
html.cl-club .clhk-t.feat .clhk-tag span{border-color:#4a4339;color:#CDBFA6}
html.cl-club .clhk-t.feat .clhk-tag span.g{background:#D9BE8C;color:#1C1A17}
html.cl-club .clhk-t.feat .clhk-f{border-color:#3a352e}
html.cl-club .clhk-t.feat .clhk-f::before,html.cl-club .clhk-t.feat .clhk-f::after{border-color:#1C1A17}
html.cl-club .clhk-t.feat .xp{color:#E9CF9D}
html.cl-club .clhk-t.feat .clhk-f a{background:#D9BE8C;color:#1C1A17}
html.cl-club .clhk-done{padding:18px 20px;border:1px dashed #DCD3C3;border-radius:14px;color:#6F675C;font-size:14px}
@media(max-width:900px){html.cl-club .clhk-g{grid-template-columns:1fr}html.cl-club .clhk-h a{margin-left:0;width:100%}}