/* 체인지리더스 「멤버스 클럽」 시험판 — 2단계: 미션 화면 (cl-club-mission.js 구조). html.cl-club 일 때만 적용 */
html.cl-club .clm{max-width:1180px;margin:0 auto;color:#1C1A17}
html.cl-club .clm-mast{display:flex;align-items:center;gap:14px;padding:6px 0 16px;border-bottom:1px solid #1C1A17}
html.cl-club .clm-cap{font-size:11px;letter-spacing:.16em;font-weight:700;color:#1C1A17;text-transform:uppercase}
html.cl-club .clm-sp{flex:1}
html.cl-club .clm-hist{font-size:13px;font-weight:700;color:#7A2433;cursor:pointer;white-space:nowrap}
html.cl-club .clm-mast button{background:#1C1A17 !important;box-shadow:none !important;font-size:12px !important}
html.cl-club .clm .clw-wrap{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important}
html.cl-club .clm-empty{padding:30px 4px;color:#8F8577}

/* 지금 할 미션 */
html.cl-club .clnow{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:22px}
html.cl-club .clf{position:relative;border-radius:20px;padding:30px 32px 26px;color:#F3E6CF;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#3A1520 0%,#1C1A17 55%,#141210 100%)}
html.cl-club .clf::before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(217,190,140,.18)}
html.cl-club .clf-lbl{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;font-weight:800;color:#D9BE8C}
html.cl-club .clf-lbl i{width:8px;height:8px;border-radius:50%;background:#E25A6E;box-shadow:0 0 0 5px rgba(226,90,110,.2)}
html.cl-club .clf-lbl span{margin-left:auto;letter-spacing:0;font-weight:600;color:#9C9283;font-size:12.5px}
html.cl-club .clf h2{font-family:var(--club-serif);font-size:34px;font-weight:900;letter-spacing:-1.2px;line-height:1.25;margin:14px 0 8px;position:relative;color:#F3E6CF}
html.cl-club .clf-why{color:#B9AE9C;font-size:14.5px;position:relative;line-height:1.6}
html.cl-club .clf-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0;border-top:1px solid #3a332b;position:relative}
html.cl-club .clf-steps div{padding:14px 12px 0 0;font-size:13.5px;color:#CDBFA6;line-height:1.5}
html.cl-club .clf-steps div b{color:#F3E6CF}
html.cl-club .clf-steps div>b:first-child{display:block;font-family:var(--club-en);font-style:italic;font-size:24px;color:#B8925A;font-weight:500;line-height:1;margin-bottom:6px}
html.cl-club .clf-bar{display:flex;align-items:center;gap:16px;position:relative;flex-wrap:wrap}
html.cl-club .clf-xp{font-family:var(--club-en);font-size:40px;font-weight:600;color:#E9CF9D;line-height:1}
html.cl-club .clf-xp small{font-family:Pretendard;font-size:13px;color:#9C9283;font-weight:700;margin-left:4px}
html.cl-club .clf-tm{font-size:12.5px;color:#9C9283;border-left:1px solid #3a332b;padding-left:16px}
html.cl-club .clf-tm b{display:block;color:#F3E6CF;font-size:14px}
html.cl-club .clf-tool{font-size:13.5px;color:#D9BE8C;font-weight:700;border-bottom:1px solid #5a5148;padding-bottom:2px;text-decoration:none}
html.cl-club .clf-go{background:linear-gradient(135deg,#E9CF9D,#C9A25E);color:#1C1A17;font-weight:900;font-size:15.5px;padding:15px 26px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 14px 30px -12px rgba(201,162,94,.7);font-family:inherit}
html.cl-club .clf.clf-done h2{font-size:28px}
html.cl-club .clt{display:flex;flex-direction:column;gap:14px}
html.cl-club .clt-c{background:#FBF8F2;border:1px solid #DCD3C3;border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px;height:100%}
html.cl-club .clt-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
html.cl-club .clt-ring div{width:78px;height:78px;border-radius:50%;background:#FBF8F2;display:grid;place-items:center;text-align:center;font-family:var(--club-en);font-size:28px;font-weight:600;line-height:1}
html.cl-club .clt-ring small{display:block;font-family:Pretendard;font-size:10.5px;color:#A39A8C;font-weight:700;margin-top:3px}
html.cl-club .clt h4{font-family:var(--club-serif);font-size:18px}
html.cl-club .clt p{font-size:13px;color:#6F675C;margin-top:5px;line-height:1.6}
html.cl-club .clt p b{color:#7A2433}

/* 이번 주 길 */
html.cl-club .clroad{margin-top:36px}
html.cl-club .clm-sh{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
html.cl-club .clm-no{font-family:var(--club-en);font-style:italic;font-size:22px;color:#B8925A}
html.cl-club .clm-sh h2{font-family:var(--club-serif);font-size:24px;font-weight:700;letter-spacing:-.5px}
html.cl-club .clm-r{margin-left:auto;font-size:13px;font-weight:700;color:#6F675C}
html.cl-club .clpath{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
html.cl-club .clpath::before{content:"";position:absolute;left:7%;right:7%;top:31px;height:2px;background:repeating-linear-gradient(90deg,#DCD3C3 0 8px,transparent 8px 14px)}
html.cl-club .clpath::after{content:"";position:absolute;left:7%;top:31px;height:2px;width:calc(86% * var(--done) / 100);background:#1C1A17}
html.cl-club .cln{position:relative;z-index:1;text-align:center;padding:0 6px;cursor:pointer}
html.cl-club .cln-c{width:62px;height:62px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:#F3EEE5;border:2px solid #DCD3C3;font-family:var(--club-en);font-size:23px;font-weight:600;color:#A39A8C}
html.cl-club .cln b{display:block;font-size:13px;margin-top:11px;line-height:1.4;letter-spacing:-.2px;word-break:keep-all}
html.cl-club .cln span{display:block;font-size:12px;color:#A39A8C;margin-top:3px;font-weight:600}
html.cl-club .cln.done .cln-c{background:#1C1A17;border-color:#1C1A17;color:#D9BE8C;font-size:22px}
html.cl-club .cln.done b{color:#A39A8C}
html.cl-club .cln.wait .cln-c{border-color:#B8925A;color:#B8925A;background:#FBF3E2}
html.cl-club .cln.wait span{color:#8C6A3A}
html.cl-club .cln.cur .cln-c{background:#5B1A26;border-color:#5B1A26;color:#F7EFE3;box-shadow:0 0 0 7px rgba(91,26,38,.14)}
html.cl-club .cln.cur span{color:#7A2433;font-weight:800}
html.cl-club .cln.gold .cln-c{background:radial-gradient(circle at 35% 30%,#F6E2AE,#C9A25E 55%,#8C6A3A);border:0;color:#3b2a0e;font-size:15px;font-style:italic}
html.cl-club .cln.gold.done .cln-c{background:#1C1A17;color:#D9BE8C}
html.cl-club .cln.gold span{color:#8C6A3A;font-weight:800}
html.cl-club .cln.lock{opacity:.55;cursor:default}

/* 미션 목록 */
html.cl-club .clm-list{margin-top:44px}
html.cl-club .clm-lh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #1C1A17;padding-bottom:12px}
html.cl-club .clm-lh h2{font-family:var(--club-serif);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-right:6px}
html.cl-club .clm-pills{display:flex !important;flex-wrap:wrap;gap:4px;background:none !important;border:0 !important;padding:0 !important;position:static !important;width:auto !important;box-shadow:none !important}
html.cl-club .clm-pill{width:auto !important;font-size:13.5px !important;font-weight:700 !important;color:#A39A8C !important;padding:6px 8px !important;border-radius:0 !important;background:none !important;border:0 !important;border-bottom:2px solid transparent !important}
html.cl-club .clm-pill.active{color:#1C1A17 !important;border-bottom-color:#5B1A26 !important}
html.cl-club .clm-tools{display:flex;align-items:center;gap:10px;margin:16px 0 6px;flex-wrap:wrap}
html.cl-club .clm-tools #mission-search{border:1px solid #DCD3C3 !important;border-radius:999px !important;padding:9px 16px !important;background:#FBF8F2 !important;min-width:220px;font-size:13.5px}
html.cl-club .clm-tools select{border:1px solid #DCD3C3 !important;border-radius:999px !important;padding:8px 14px !important;background:#FBF8F2 !important;font-weight:700;color:#3D3830;font-family:inherit}
html.cl-club .clm-tools .section-count{margin-left:auto;font-size:12.5px;color:#8F8577}
html.cl-club .clm #mission-grid{display:flex !important;flex-direction:column;gap:10px;grid-template-columns:none !important}
html.cl-club .clr{display:grid;grid-template-columns:1fr 130px 150px;gap:18px;align-items:center;padding:16px 20px;border:1px solid #DCD3C3;border-radius:16px;background:#FBF8F2;transition:transform .2s,box-shadow .2s}
html.cl-club .clr:hover{transform:translateX(4px);box-shadow:-4px 0 0 #5B1A26}
html.cl-club .clr-tags{display:flex;gap:8px;margin-bottom:5px}
html.cl-club .clr-type{font-size:11px;font-weight:800;color:#8F8577;letter-spacing:.04em}
html.cl-club .clr-type.rec{color:#8C6A3A}
html.cl-club .clr h5{font-family:var(--club-serif);font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.4}
html.cl-club .clr-how{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:#6F675C;flex-wrap:wrap}
html.cl-club .clc{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;border:1px solid #DCD3C3;color:#6F675C;background:#fff;white-space:nowrap}
html.cl-club .clc.auto{border-color:#BFE0CC;color:#1E7A4C;background:#EEF8F2}
html.cl-club .clc.kp{border-color:#F1C4CC;color:#B4344B;background:#FFF2F4}
html.cl-club .clr-pg{display:inline-flex;align-items:center;gap:8px;font-size:12px}
html.cl-club .clr-pg s{width:110px;height:5px;background:#DCD3C3;border-radius:5px;position:relative;text-decoration:none;display:inline-block}
html.cl-club .clr-pg s i{position:absolute;left:0;top:0;bottom:0;background:#5B1A26;border-radius:5px}
html.cl-club .clr-desc{font-size:12.5px;color:#8F8577;margin-top:6px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
html.cl-club .clr-xp{font-family:var(--club-en);font-size:28px;font-weight:600;text-align:right;line-height:1;white-space:nowrap}
html.cl-club .clr-xp small{font-family:Pretendard;font-size:11px;color:#A39A8C;font-weight:700;margin-left:2px}
html.cl-club .clr-act{justify-self:end;width:100%}
html.cl-club .clr-act .mc-btn,html.cl-club .clr-act>button{width:100%;background:#1C1A17 !important;color:#F3EEE5 !important;font-weight:800 !important;font-size:13px !important;padding:11px 14px !important;border-radius:999px !important;border:0 !important;box-shadow:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.cl-club .clr-act .mc-btn-pending{background:#F4E7CB !important;color:#7A5A22 !important}
html.cl-club .clr-act .mc-btn-rejected{background:#fff !important;color:#7A2433 !important;border:1px solid #7A2433 !important}
html.cl-club .clr-act>div{background:#EEF8F2 !important;color:#1E7A4C !important;font-size:12px !important;padding:10px !important;animation:none !important;border-radius:999px !important}
html.cl-club .clr.jack{background:linear-gradient(100deg,#1C1A17,#2B231C);border-color:#1C1A17;color:#F3E6CF}
html.cl-club .clr.jack .clr-how,html.cl-club .clr.jack .clr-desc{color:#B9AE9C}
html.cl-club .clr.jack .clc{background:transparent;border-color:#4a4339;color:#CDBFA6}
html.cl-club .clr.jack .clr-xp{color:#E9CF9D}
html.cl-club .clr.jack .clr-type{color:#B8925A}
html.cl-club .clr.jack .clr-act .mc-btn,html.cl-club .clr.jack .clr-act>button{background:#E9CF9D !important;color:#1C1A17 !important}
html.cl-club .clr.guer{border-color:#F1C4CC;background:linear-gradient(100deg,#FFF4F1,#FBF8F2)}
html.cl-club .clr.guer .clr-type{color:#C8344B}
html.cl-club .clm-subs{margin-top:44px}

@media(max-width:900px){
  html.cl-club .clnow{grid-template-columns:1fr}
  html.cl-club .clf{padding:22px 20px}
  html.cl-club .clf h2{font-size:26px}
  html.cl-club .clf-steps{grid-template-columns:1fr;border-top:0}
  html.cl-club .clf-steps div{border-top:1px solid #3a332b;padding:11px 0;display:flex;gap:12px;align-items:baseline}
  html.cl-club .clf-steps div>b:first-child{margin:0}
  html.cl-club .clf-xp{font-size:34px}
  html.cl-club .clf-go{width:100%}
  html.cl-club .clpath{grid-auto-columns:92px;overflow-x:auto;padding-bottom:8px}
  html.cl-club .clpath::before,html.cl-club .clpath::after{display:none}
  html.cl-club .clm-lh{flex-wrap:nowrap;overflow-x:auto}
  html.cl-club .clm-pills{flex-wrap:nowrap !important}
  html.cl-club .clm-pill{white-space:nowrap}
  html.cl-club .clm-tools #mission-search{min-width:0;flex:1}
  html.cl-club .clr{grid-template-columns:1fr auto;gap:10px 12px;padding:14px}
  html.cl-club .clr-xp{font-size:22px}
  html.cl-club .clr-act{grid-column:1/-1}
}

/* 카테고리 가로 줄 (기존 세로 메뉴 스타일 덮기) */
html.cl-club .clm .clm-pills{flex-direction:row !important;align-items:center;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;top:auto !important;margin:0 !important}
html.cl-club .clm .clm-pill{display:inline-flex !important;margin:0 !important;min-height:0 !important;box-shadow:none !important}
@media(max-width:900px){html.cl-club .clm .clm-pills{overflow-x:auto !important}}

html.cl-club .clm-lh h2{white-space:nowrap;flex-shrink:0}

/* 긴 설명이 줄을 밀어내지 않게 */
html.cl-club .clr{grid-template-columns:minmax(0,1fr) 130px 150px}
html.cl-club .clr-main{min-width:0}
html.cl-club .clm,html.cl-club .clm-list,html.cl-club .clm #mission-grid{min-width:0;max-width:100%}
@media(max-width:900px){html.cl-club .clr{grid-template-columns:minmax(0,1fr) auto}}

/* 저장된 분할형(격자) 보기여도 시험판은 항상 한 줄 목록 — 버튼 겹침 방지 (10/14) */
html.cl-club .clm .mission-grid,html.cl-club .clm .mission-grid.view-split,html.cl-club .clm .mission-grid.view-list{display:flex !important;flex-direction:column !important;gap:10px !important;grid-template-columns:none !important;width:100%;min-width:0}
html.cl-club .clm .mission-grid>.clr{width:100%;min-width:0}

/* 글꼴: 명조(궁서 느낌) → SUIT 산세리프 (대표님 10/14 "깔끔한 30대 여성 선호체") — 기울임 끄고 굵기·자간 정리 */
html.cl-club .topbar-title,html.cl-club .brand-title,html.cl-club .brand-title *{font-weight:800 !important;letter-spacing:-.03em !important}
html.cl-club .clm h2,html.cl-club .clm h4,html.cl-club .clm h5,html.cl-club .clf h2{font-weight:800 !important;letter-spacing:-.035em !important}
html.cl-club .clm h5{font-weight:700 !important}
html.cl-club .clf-steps div>b:first-child,html.cl-club .clm-no,html.cl-club .cln-c,html.cl-club .clf-xp,html.cl-club .clr-xp,html.cl-club .clt-ring div{font-style:normal !important;font-weight:800 !important;letter-spacing:-.02em}
html.cl-club .clr-xp{font-size:24px !important}
html.cl-club .clf-xp{font-size:34px !important}
html.cl-club .clm-no{font-size:15px !important;color:#B8925A}
html.cl-club .clf-steps div>b:first-child{font-size:15px !important}

/* ── 미션 = 한 칸에 4개 카드 (대표님 10/14 "여백 많으니 4개씩") — 글·XP·버튼이 위→아래로 쌓여 겹침 없음 ── */
html.cl-club .clm .mission-grid,html.cl-club .clm .mission-grid.view-split,html.cl-club .clm .mission-grid.view-list{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;flex-direction:initial !important}
html.cl-club .clm .clr{display:flex !important;flex-direction:column;align-items:stretch;gap:0;padding:18px 18px 16px;grid-template-columns:none !important}
html.cl-club .clm .clr:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(60,40,20,.45)}
html.cl-club .clm .clr-main{flex:1;min-width:0}
html.cl-club .clm .clr h5{font-size:16px;line-height:1.4}
html.cl-club .clm .clr-desc{-webkit-line-clamp:2}
html.cl-club .clm .clr-xp{text-align:left;margin-top:14px;padding-top:12px;border-top:1px dashed #DCD3C3;font-size:22px !important}
html.cl-club .clm .clr.jack .clr-xp{border-top-color:#3a332b}
html.cl-club .clm .clr-act{margin-top:10px;width:100%}
html.cl-club .clm .clr-act .mc-btn,html.cl-club .clm .clr-act>button{white-space:normal !important;line-height:1.35}
html.cl-club .clm .clr-act>div{border-radius:12px !important;line-height:1.4}
@media(max-width:1300px){html.cl-club .clm .mission-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:1000px){html.cl-club .clm .mission-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){html.cl-club .clm .mission-grid{grid-template-columns:1fr !important}}
@media(max-width:1300px){html.cl-club .clm .mission-grid.view-split,html.cl-club .clm .mission-grid.view-list,html.cl-club .clm .mission-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:1000px){html.cl-club .clm .mission-grid.view-split,html.cl-club .clm .mission-grid.view-list,html.cl-club .clm .mission-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){html.cl-club .clm .mission-grid.view-split,html.cl-club .clm .mission-grid.view-list,html.cl-club .clm .mission-grid{grid-template-columns:1fr !important}}
html.cl-club .mc-btn-pending{font-size:12px !important;white-space:nowrap;letter-spacing:-.02em}  /* 10/18 '접수 완료 · 정각에 자동 승인' 긴 문구 */