/* ==========================================================
   LUMEX THEME LAYER — 마케팅랩 (2026-09-20)
   lumexcorp 리뉴얼시안의 질감을 커뮤니티에 이식하는 최상위 레이어.
   로드 순서: style → extra → features → style-v2 → style-clean → lumex(마지막)

   원칙
   1) 구조/마크업은 건드리지 않는다. 이 파일만 빼면 원상복구된다.
   2) 베이스는 바이올렛(기존 인디고 계열 유지), 라임은 "살아있는 신호"에만.
   3) 숨김 CSS 는 JS 가 성공한 뒤에만 켜진다 (html.lxrv). 시안의 안전장치 계승.
   ========================================================== */

:root {
  /* ── 시안 이식 토큰 ── */
  --lx-ink:#0c0c12;
  --lx-deep:#0a0a10;
  --lx-deep2:#12121b;
  --lx-paper:#f6f6f9;
  --lx-white:#fff;

  --lx-muted:#757a87;
  --lx-sub:#5b606d;
  --lx-faint:#9aa0ad;
  --lx-line:#e4e5ec;
  --lx-line2:#eff0f5;

  /* 메인 — 바이올렛 */
  --lx-v:#8b5cf6;
  --lx-v-d:#6d28d9;
  --lx-v-l:#f4f0ff;
  --lx-v-b:#ddd2fb;

  /* 액센트 — 라임 (LIVE·활동중·NEW 에만) */
  --lx-lime:#b9ff66;
  --lx-lime-d:#4c9800;
  --lx-lime-l:#f3fce4;

  --lx-max:1240px;

  /* 그림자 3단 — 시안 그대로 */
  --lx-s1:0 1px 2px rgba(12,12,18,.05);
  --lx-s2:0 6px 18px rgba(12,12,18,.07),0 1px 3px rgba(12,12,18,.05);
  --lx-s3:0 24px 52px rgba(12,12,18,.13),0 6px 14px rgba(12,12,18,.06);

  /* 이징 — 시안 그대로 */
  --lx-e:cubic-bezier(.22,1,.36,1);
}

html, body {
  background: var(--lx-paper) !important;
  letter-spacing: -.02em;
}
::selection { background: var(--lx-v); color: #fff; }

/* ==========================================================
   1. EYEBROW — 시안의 마이크로 라벨
   ========================================================== */
.lx-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:9.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  /* 보라(#6d28d9)를 쓰다가 라임 계열로 옮겼다.
     사이트 액센트가 라임인데 여기만 보라로 남아 있었고,
     어두운 패널(로그인 브랜드면 등) 위에서는 대비가 2.78 까지 떨어졌다.
     밝은 배경용 진한 라임을 기본값으로 두고, 어두운 면에서는 아래에서 밝게 올린다. */
  color:var(--lx-lime-d);
}
/* 어두운 면 위에서는 밝은 라임 */
.au-brand .lx-eyebrow,
.mx-dark .lx-eyebrow,
.lx-band .lx-eyebrow,
[class*="-dark"] .lx-eyebrow{color:var(--lx-lime)}
.au-brand .lx-eyebrow i.dot,
.mx-dark .lx-eyebrow i.dot,
.lx-band .lx-eyebrow i.dot{background:var(--lx-lime);box-shadow:0 0 8px rgba(185,255,102,.55)}
.lx-eyebrow i.dot{
  width:6px;height:6px;border-radius:50%;background:var(--lx-lime-d);
  box-shadow:0 0 8px rgba(76,152,0,.45);display:inline-block;flex:none;
}
.lx-eyebrow.live{color:var(--lx-lime-d)}
.lx-eyebrow.live i.dot{background:var(--lx-lime-d);box-shadow:0 0 8px rgba(76,152,0,.5)}

/* ==========================================================
   2. PILL 버튼 — 시안 이식
   ========================================================== */
.ml-main .btn,
.ml-main .btn-primary,
.header-quick .btn-primary,
.btn-point-charge,
.ml-more,
.lx-pill{
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e), background .2s, border-color .2s !important;
}
.header-quick .btn-primary{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
  padding:0 20px !important;min-height:40px !important;
  display:inline-flex !important;align-items:center;gap:7px;
}
.header-quick .btn-primary:hover{
  transform:translateY(-2px);box-shadow:var(--lx-s3) !important;
}
.btn-point-charge{
  background:var(--lx-lime) !important;color:#16240a !important;border:1px solid var(--lx-lime) !important;
  font-weight:850 !important;
}
.btn-point-charge:hover{
  transform:translateY(-1px);box-shadow:0 10px 22px rgba(185,255,102,.42) !important;
}

/* 사이드바·게시판의 기본 버튼들 — 예전 파란색(#2563eb)이 남아 톤이 튀었다.
   시안의 잉크/바이올렛으로 통일한다. */
.sidebar .btn-primary,
.left-sidebar .btn-primary,
.login-box .btn-primary,
.board-header .btn-primary,
.btn-write,
a.btn-primary,
button.btn-primary{
  background:var(--lx-ink) !important;
  border-color:var(--lx-ink) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:800 !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e) !important;
}
.sidebar .btn-primary:hover,
.left-sidebar .btn-primary:hover,
.login-box .btn-primary:hover,
.board-header .btn-primary:hover,
.btn-write:hover,
a.btn-primary:hover,
button.btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:var(--lx-s2) !important;
  color:#fff !important;
}
.sidebar .btn-outline,
.btn-outline{
  border-radius:999px !important;font-weight:800 !important;
}

/* 더보기 링크 — 화살표가 밀려나는 시안 모션 */
.ml-more{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;color:var(--lx-muted) !important;
  padding:5px 12px;border:1px solid var(--lx-line);background:#fff;
}
.ml-more:hover{
  color:var(--lx-ink) !important;border-color:var(--lx-ink);
  transform:translateY(-1px);box-shadow:var(--lx-s2);
}

/* ==========================================================
   3. HERO — 시안의 딥 배경 + 베일 + 상하 그라데이션
   ========================================================== */
.ml-hero{
  position:relative;overflow:hidden;
  background:var(--lx-deep) !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:var(--lx-s3) !important;
}
.ml-hero::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(980px 640px at 76% 42%, rgba(139,92,246,.20), transparent 68%),
    radial-gradient(620px 420px at 12% 88%, rgba(185,255,102,.075), transparent 70%);
}
.ml-hero::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg, rgba(8,8,12,.55) 0%, transparent 24%, transparent 74%, rgba(8,8,12,.80) 100%);
}
.ml-hero-inner{position:relative;z-index:2}

.ml-hero h1{
  letter-spacing:-.062em !important;
  line-height:1.06 !important;
  font-weight:850 !important;
}
.ml-hero h1 .grad{
  background:linear-gradient(98deg,#ffffff 0%,#e9dcff 34%,#b9a2fb 70%,#8b5cf6 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;
}

/* 히어로 배지 — 라임 LIVE 신호 */
.ml-hero-badge{
  border:1px solid rgba(185,255,102,.28) !important;
  background:rgba(185,255,102,.07) !important;
  color:#dff7b6 !important;
  border-radius:999px !important;
  font-weight:800;letter-spacing:-.01em;
}
.ml-hero-badge .dot{
  background:var(--lx-lime) !important;
  box-shadow:0 0 10px var(--lx-lime) !important;
  animation:lxpulse 2.4s var(--lx-e) infinite;
}
@keyframes lxpulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.45;transform:scale(.82)}
}

/* 진단 입력 박스 */
.ml-diag-box{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:border-color .22s var(--lx-e), box-shadow .22s var(--lx-e);
}
.ml-diag-box:focus-within{
  border-color:rgba(185,255,102,.55) !important;
  box-shadow:0 0 0 4px rgba(185,255,102,.12) !important;
}
.ml-diag-btn{
  border-radius:999px !important;
  background:var(--lx-lime) !important;color:#16240a !important;
  font-weight:850 !important;border:0 !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e);
}
.ml-diag-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(185,255,102,.36)}

/* 플로팅 카드 — 유리질감 */
.ml-float-card{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
}
.ml-float-activity .live-dot{
  background:var(--lx-lime) !important;
  box-shadow:0 0 10px var(--lx-lime) !important;
  animation:lxpulse 2.4s var(--lx-e) infinite;
}
.ml-float-activity .head{color:var(--lx-lime) !important;font-weight:850;letter-spacing:.06em;font-size:10px}
.ml-float-stats .num{
  font-weight:850 !important;letter-spacing:-.05em !important;
  background:linear-gradient(180deg,#fff,#cbb9fb);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ==========================================================
   4. 카드 / 섹션 — 시안의 얇은 선 + 3단 그림자
   ========================================================== */
.ml-card,
.ml-tool-card,
.ml-engage-card,
.ml-guide-card{
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:16px !important;
  box-shadow:var(--lx-s1) !important;
  transition:transform .26s var(--lx-e), box-shadow .26s var(--lx-e), border-color .26s var(--lx-e) !important;
}
.ml-tool-card:hover,
.ml-engage-card:hover,
.ml-guide-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--lx-s2) !important;
  border-color:var(--lx-v-b) !important;
}
.ml-card:hover{box-shadow:var(--lx-s2) !important}

.ml-section-head h2,
.ml-card-head h3{
  font-weight:850 !important;letter-spacing:-.035em !important;
}
.ml-section-head{
  border-bottom:0 !important;
  padding-bottom:14px !important;
}
.ml-card-head{
  border-bottom:1px solid var(--lx-line2) !important;
}

/* 도구 아이콘 — 시안톤으로 채도 낮춤 */
.ml-tool-icon{
  border-radius:13px !important;
  box-shadow:var(--lx-s1);
}

/* 태그 */
.ml-tool-tag,
.ml-tag{
  border-radius:999px !important;font-weight:800 !important;letter-spacing:-.01em;
}
.ml-tool-tag.new{
  background:var(--lx-lime-l) !important;color:var(--lx-lime-d) !important;
  border:1px solid rgba(76,152,0,.22) !important;
}

/* ==========================================================
   5. 리스트 — 읽기 밀도 정리
   ========================================================== */
.ml-list li{
  border-bottom:1px solid var(--lx-line2) !important;
  transition:background .16s var(--lx-e), padding-left .2s var(--lx-e) !important;
}
.ml-list li:hover{
  background:var(--lx-v-l) !important;
  padding-left:6px !important;
}
.ml-list li:last-child{border-bottom:0 !important}
.ml-title-text{letter-spacing:-.022em}
.ml-when{color:var(--lx-faint) !important;font-variant-numeric:tabular-nums}
.ml-empty{color:var(--lx-faint) !important;font-size:13px;text-align:center;padding:26px 0 !important}

/* ==========================================================
   6. 헤더 / 내비 — 시안의 stuck 유리
   ========================================================== */
.header-main{
  border-bottom:1px solid var(--lx-line) !important;
}
.logo-title{
  font-weight:850 !important;letter-spacing:-.06em !important;
}
.logo-subtitle{color:var(--lx-faint) !important;letter-spacing:-.01em}

.nav-main{
  background:rgba(255,255,255,.86) !important;
  backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid var(--lx-line) !important;
  box-shadow:none !important;
}
.nav-menu .nav-link{
  font-size:13px !important;font-weight:750 !important;letter-spacing:-.022em !important;
  border-radius:999px !important;
  color:var(--lx-sub) !important;
  transition:.18s var(--lx-e) !important;
}
.nav-menu .nav-link:hover,
.nav-menu .nav-item:hover > .nav-link{
  color:var(--lx-ink) !important;
  background:rgba(12,12,18,.05) !important;
}
.nav-dropdown{
  border:1px solid var(--lx-line) !important;
  border-radius:14px !important;
  box-shadow:var(--lx-s3) !important;
  padding:7px !important;
  overflow:hidden;
}
.nav-dropdown li a{
  border-radius:9px !important;font-size:13px !important;font-weight:650 !important;
  transition:.15s var(--lx-e) !important;
}
.nav-dropdown li a:hover{background:var(--lx-v-l) !important;color:var(--lx-v-d) !important}

.header-top{background:var(--lx-ink) !important;border-bottom:0 !important}
.header-top a, .header-top span{color:rgba(255,255,255,.66) !important}
.header-top a:hover{color:#fff !important}
.header-top .point-display{
  background:rgba(185,255,102,.13) !important;color:var(--lx-lime) !important;
  border-radius:999px !important;padding:3px 11px !important;font-weight:800 !important;
}

/* 검색 */
.search-form{
  border:1px solid var(--lx-line) !important;border-radius:999px !important;
  overflow:hidden;transition:border-color .2s var(--lx-e), box-shadow .2s var(--lx-e);
}
.search-form:focus-within{
  border-color:var(--lx-v) !important;box-shadow:0 0 0 4px rgba(139,92,246,.11) !important;
}
.search-input, .search-select{border:0 !important;background:transparent !important}
.search-btn{background:var(--lx-ink) !important;color:#fff !important;border:0 !important}

/* ==========================================================
   7. 게시판 목록 페이지
   ========================================================== */
.board-list-table tbody tr,
.post-list li,
.board-row{
  transition:background .16s var(--lx-e) !important;
}
.board-list-table tbody tr:hover,
.post-list li:hover{background:var(--lx-v-l) !important}
.board-list-table th{
  font-size:12px !important;font-weight:800 !important;
  letter-spacing:.02em !important;color:var(--lx-muted) !important;
  border-bottom:1px solid var(--lx-line) !important;
}

/* ==========================================================
   8. 접근성 — 시안 미결 3순위였던 focus-visible, 여기선 처음부터 넣는다
   ========================================================== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--lx-v) !important;
  outline-offset:2px !important;
  border-radius:6px;
}
.ml-hero a:focus-visible,
.ml-hero button:focus-visible,
.ml-hero input:focus-visible{
  outline-color:var(--lx-lime) !important;
}

/* ==========================================================
   9. 스크롤 리빌 — 시안 ③ 이식
   숨김은 html.lxrv 가 붙은 뒤에만. JS 실패 시 전부 보임.
   ========================================================== */
html.lxrv .lx-rv{
  opacity:0;
  transform:translateY(16px) scale(.978);
  transition:opacity .62s var(--lx-e), transform .62s var(--lx-e), filter .62s var(--lx-e);
  will-change:opacity,transform;
}
html.lxrv .lx-rv.h{
  transform:translateY(14px);
  filter:blur(9px);
}
html.lxrv .lx-rv.on{
  opacity:1;transform:none;filter:none;
}
@media(prefers-reduced-motion:reduce){
  html.lxrv .lx-rv{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}
  .ml-hero-badge .dot,.ml-float-activity .live-dot{animation:none !important}
}

/* ==========================================================
   10. 모바일
   ========================================================== */

/* 히어로 플로팅 카드 — 데스크톱에선 겹쳐 띄우는 연출이지만
   좁은 화면에선 position:absolute 세 장이 그대로 포개져 글씨가 읽히지 않았다.
   960px 아래에선 흐름에 되돌려 세로로 쌓는다. */
@media(max-width:960px){
  /* 그리드/플렉스 아이템의 기본 min-width 는 auto 라서,
     안쪽 내용(3칸 통계 카드 등)이 화면보다 넓으면 트랙이 늘어나
     히어로 전체가 가로로 삐져나간다. min-width:0 으로 줄어들 수 있게 한다. */
  .ml-hero-inner, .ml-hero-left, .ml-hero-right{min-width:0 !important;}
  .ml-hero-left{max-width:100% !important}

  .ml-hero-right{
    height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column;gap:10px;margin-top:24px;
  }
  .ml-float-card{
    position:static !important;
    top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
    width:100% !important;min-width:0 !important;transform:none !important;
  }
  .ml-float-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .ml-float-stats .num{font-size:20px !important}
  .ml-float-card .item-text{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;
  }
  .ml-float-badge{align-self:flex-start}
}

/* "무료 진단" 버튼이 좁은 폭에서 한 글자씩 세로로 쪼개지던 문제 */
.ml-diag-btn{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  min-width:max-content !important;
}
.ml-diag-box{display:flex !important;align-items:center;gap:8px}
.ml-diag-box input{min-width:0 !important;flex:1 1 auto !important}

@media(max-width:768px){
  .ml-hero{border-radius:16px !important}
  .ml-hero h1{letter-spacing:-.045em !important}
  .ml-card,.ml-tool-card{border-radius:14px !important}
}

@media(max-width:480px){
  /* 아주 좁은 화면에선 입력과 버튼을 위아래로 */
  .ml-diag-box{flex-wrap:wrap;border-radius:18px !important;padding:8px !important}
  .ml-diag-box input{flex:1 1 100% !important;text-align:center}
  .ml-diag-btn{flex:1 1 100% !important;justify-content:center}
}

/* ==========================================================
   11. 다크모드 보정 — 기존 [data-theme=dark] 위에 얹는다
   ========================================================== */
[data-theme="dark"]{
  --lx-paper:#0f0f16;
  --lx-line:#252533;
  --lx-line2:#1d1d28;
  --lx-muted:#8b909e;
  --lx-faint:#6b7080;
  --lx-v-l:#1b1630;
}
[data-theme="dark"] .ml-card,
[data-theme="dark"] .ml-tool-card,
[data-theme="dark"] .ml-engage-card,
[data-theme="dark"] .ml-guide-card{
  background:#16161f !important;border-color:#252533 !important;
}
[data-theme="dark"] .nav-main{background:rgba(15,15,22,.88) !important}
[data-theme="dark"] .ml-list li:hover{background:#1b1630 !important}

/* ── 커뮤니티 활력 섹션 (index.php 인라인 스타일 위에 얹는다)
      [data-theme] + class 라 인라인 <style> 의 단일 class 보다 우선순위가 높다 ── */
[data-theme="dark"] .cp-need,
[data-theme="dark"] .cp-box{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .cp-need-head,
[data-theme="dark"] .cp-need li{border-color:#1d1d28 !important}
[data-theme="dark"] .cp-need-head h2,
[data-theme="dark"] .cp-box h3,
[data-theme="dark"] .cp-tt,
[data-theme="dark"] .cp-mi-t b,
[data-theme="dark"] .cp-rank span,
[data-theme="dark"] .cp-clean b{color:#e8e8f2 !important}
[data-theme="dark"] .cp-need li a{color:#e8e8f2 !important}
[data-theme="dark"] .cp-need li:hover{background:#1b1630 !important}
[data-theme="dark"] .cp-bd{background:#241c3d !important;color:#c4b5fd !important}
[data-theme="dark"] .cp-meta,
[data-theme="dark"] .cp-rank em,
[data-theme="dark"] .cp-mi-n,
[data-theme="dark"] .cp-clean span{color:#7d8393 !important}
[data-theme="dark"] .cp-foot{background:#12121a !important;color:#8b909e !important;border-top:1px solid #1d1d28}
[data-theme="dark"] .cp-guest p{color:#8b909e !important}
[data-theme="dark"] .cp-bar{background:#252533 !important}
[data-theme="dark"] .cp-mi,
[data-theme="dark"] .cp-rank li{border-color:#1d1d28 !important}
[data-theme="dark"] .cp-rank b{background:#252533 !important;color:#8b909e !important}
[data-theme="dark"] .cp-rank li:nth-child(-n+3) b{background:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .cp-quick{background:#1c1c26 !important;border-color:#252533 !important;color:#e8e8f2 !important}
[data-theme="dark"] .cp-quick:hover{background:#1b1630 !important;border-color:#2f2452 !important}
[data-theme="dark"] .cp-reply{background:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .cp-count{background:#2e2011 !important;color:#fbbf24 !important}

/* ── 프로그램 카탈로그 ── */
[data-theme="dark"] .pg-card{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .pg-name{color:#e8e8f2 !important}
[data-theme="dark"] .pg-desc{color:#9aa0ad !important}
[data-theme="dark"] .pg-price{color:#e8e8f2 !important}
[data-theme="dark"] .pg-foot{border-color:#1d1d28 !important}
[data-theme="dark"] .pg-tab{background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important}
[data-theme="dark"] .pg-tab.on{background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .pg-go{background:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .pg-sub{background:linear-gradient(120deg,#1b1630,#16161f 62%) !important;border-color:#2f2452 !important}
[data-theme="dark"] .pg-sub h3,[data-theme="dark"] .pg-sub .price strong{color:#e8e8f2 !important}
[data-theme="dark"] .pg-sub p,[data-theme="dark"] .pg-sub .price span{color:#9aa0ad !important}
[data-theme="dark"] .pg-how{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .pg-how h3,[data-theme="dark"] .pg-step div strong{color:#e8e8f2 !important}
[data-theme="dark"] .pg-step div p{color:#9aa0ad !important}
[data-theme="dark"] .pg-step b{background:#e8e8f2 !important;color:#0c0c12 !important}

/* ============================================================
   ============================================================
   PART 2 — 전 페이지 공통 (2026-09-20)

   PART 1 은 메인(ml-*)·헤더·내비만 잡았다.
   도구·마켓몰·매칭·콘텐츠·글보기·마이페이지는 각자 다른 클래스 체계를 써서
   예전 스타일 그대로 남아 있었다. 여기서 공통 부품 단위로 전부 맞춘다.

   방식: 새 클래스를 만들지 않고 이미 쓰이는 클래스에 얹는다.
         (btn / card / form-* / badge / table / modal / post-* …)
   ============================================================
   ============================================================ */

/* ==========================================================
   P2-1. 버튼 — 전부 pill + 잉크 톤
   ========================================================== */
.btn,
button.btn,
a.btn,
input[type="submit"],
input[type="button"],
.tab-btn,
.filter-chip,
.category-tab,
.cat-sec-tab{
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
  font-family:inherit !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e),
             background .2s var(--lx-e), border-color .2s var(--lx-e), color .2s !important;
}

.btn{
  display:inline-flex !important;align-items:center;justify-content:center;gap:7px;
  padding:0 20px !important;min-height:42px !important;
  font-size:13.5px !important;border:1px solid transparent !important;
  cursor:pointer;white-space:nowrap;
}
.btn i{font-size:.92em}

.btn-primary,
input[type="submit"]{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
}
.btn-primary:hover,
input[type="submit"]:hover{
  transform:translateY(-2px);box-shadow:var(--lx-s3) !important;color:#fff !important;
}

.btn-secondary{
  background:var(--lx-v) !important;border-color:var(--lx-v) !important;color:#fff !important;
}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(139,92,246,.30) !important;color:#fff !important}

.btn-outline,
.btn-ghost{
  background:#fff !important;border-color:var(--lx-line) !important;color:var(--lx-sub) !important;
}
.btn-outline:hover,
.btn-ghost:hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;
  transform:translateY(-1px);box-shadow:var(--lx-s2) !important;
}

.btn-danger{
  background:#e5484d !important;border-color:#e5484d !important;color:#fff !important;
}
.btn-danger:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(229,72,77,.28) !important;color:#fff !important}

.btn-success{background:var(--lx-lime-d) !important;border-color:var(--lx-lime-d) !important;color:#fff !important}

.btn-sm{min-height:33px !important;padding:0 14px !important;font-size:12px !important}
.btn-lg{min-height:52px !important;padding:0 28px !important;font-size:14.5px !important}
.btn-block,.btn.full{width:100%}

/* 비활성 */
.btn:disabled,.btn.disabled,.btn[disabled]{
  background:var(--lx-line2) !important;border-color:var(--lx-line2) !important;
  color:var(--lx-faint) !important;transform:none !important;box-shadow:none !important;cursor:default;
}

/* ==========================================================
   P2-2. 카드 — 얇은 선 + 16px + 3단 그림자
   ========================================================== */
.card,
.tool-card,
.tool-card-sm,
.result-card,
.stat-card,
.sh-card,
.pmc-card,
.price-mobile-card,
.mypage-section,
.form-section,
.admin-panel,
.matching-wrap > .panel,
.content-card,
.guide-card,
.post-view{
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:16px !important;
  box-shadow:var(--lx-s1) !important;
  transition:transform .26s var(--lx-e), box-shadow .26s var(--lx-e), border-color .26s var(--lx-e) !important;
}

/* 누를 수 있는 카드만 떠오르게 — 정보 카드는 가만히 둔다 */
a.card:hover,
a.tool-card:hover,
.tool-card:hover,
.tool-card-sm:hover,
a.sh-card:hover,
.sh-card:hover,
a.result-card:hover,
a.guide-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--lx-s2) !important;
  border-color:var(--lx-v-b) !important;
}

.card-header,
.result-card-header,
.sh-head,
.panel-header{
  border-bottom:1px solid var(--lx-line2) !important;
  background:transparent !important;
  padding:16px 20px !important;
}
.card-body{padding:20px !important}
.card-title,
.card-header h2,.card-header h3,.card-header h4{
  font-weight:850 !important;letter-spacing:-.035em !important;margin:0 !important;
}

/* 도구 카드 아이콘 */
.tool-icon,.tool-icon-sm,.section-icon,.stat-icon,.sh-thumb-empty{
  border-radius:13px !important;
  box-shadow:var(--lx-s1);
}
.tool-icon-sm{border-radius:10px !important}

/* 상품 썸네일 */
.sh-thumb,.sh-thumb img{border-radius:12px !important;overflow:hidden}

/* ==========================================================
   P2-3. 페이지 머리 — 연보라 그라데이션 박스를 걷어낸다
   ========================================================== */
.page-header,
.tools-header,
.tools-section-header,
.tool-header,
.section-header{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--lx-line) !important;
  border-radius:0 !important;
  padding:6px 0 16px !important;
  margin-bottom:22px !important;
  text-align:left !important;
  box-shadow:none !important;
}
.page-header h1,
.tools-header h1,
.tool-header h1,
.section-header h1,
.page-header h2,
.tools-section-header h2{
  font-size:clamp(20px,2.4vw,27px) !important;
  font-weight:850 !important;
  letter-spacing:-.045em !important;
  margin:0 0 5px !important;
  text-align:left !important;
}
.page-header p,
.page-desc,
.tools-header p,
.section-desc,
.section-subtitle{
  color:var(--lx-muted) !important;
  font-size:13.5px !important;
  margin:0 !important;
  text-align:left !important;
}

/* 섹션 제목 줄 — 아이콘 + 제목 + 우측 설명 */
.tools-section-header{
  display:flex !important;align-items:center;gap:12px;flex-wrap:wrap;
}
.tools-section-header .section-desc{margin-left:auto !important;font-size:12px !important}

/* ==========================================================
   P2-4. 폼 — 초점 링 통일
   ========================================================== */
.form-input,
.form-control,
.form-select,
.form-textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="date"],
select,
textarea{
  border:1px solid var(--lx-line) !important;
  border-radius:11px !important;
  padding:11px 14px !important;
  font-size:13.5px !important;
  font-family:inherit !important;
  background:#fff !important;
  color:var(--lx-ink) !important;
  transition:border-color .2s var(--lx-e), box-shadow .2s var(--lx-e) !important;
}
.form-input:focus,
.form-control:focus,
.form-select:focus,
.form-textarea:focus,
input:focus,select:focus,textarea:focus{
  outline:0 !important;
  border-color:var(--lx-v) !important;
  box-shadow:0 0 0 4px rgba(139,92,246,.11) !important;
}
.form-input::placeholder,
.form-control::placeholder,
textarea::placeholder{color:var(--lx-faint) !important}

.form-label,.label,.pf-form-label{
  font-size:12.5px !important;font-weight:800 !important;
  letter-spacing:-.018em !important;color:var(--lx-sub) !important;
  margin-bottom:6px !important;display:block;
}
.form-label .required,.required{color:#e5484d !important;font-weight:800}
.form-text,.form-hint{font-size:11.5px !important;color:var(--lx-faint) !important;margin-top:5px !important}
.form-group,.pf-form-group{margin-bottom:16px !important}

/* 헤더 검색창은 PART 1 에서 pill 로 잡았으니 여기 규칙에서 뺀다 */
.search-form .search-input,
.search-form .search-select,
.ml-diag-box input{
  border:0 !important;box-shadow:none !important;border-radius:0 !important;background:transparent !important;
}

/* ==========================================================
   P2-5. 배지 · 칩 · 탭
   ========================================================== */
.badge,
.status-badge,
.tool-badge,
.eval-badge,
.badge-hot,
.badge-new{
  display:inline-flex;align-items:center;gap:4px;
  border-radius:999px !important;
  padding:3px 10px !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:-.005em !important;
  line-height:1.5;
}
.badge-hot{background:#fff1f0 !important;color:#c22b2b !important;border:1px solid #fbd5d2 !important}
.badge-new{background:var(--lx-lime-l) !important;color:var(--lx-lime-d) !important;border:1px solid rgba(76,152,0,.22) !important}
.tool-badge{background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;border:1px solid var(--lx-v-b) !important}

/* 칩/탭 */
.filter-chip,.category-tab,.cat-sec-tab,.tab-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 15px !important;
  border:1px solid var(--lx-line) !important;
  background:#fff !important;
  color:var(--lx-sub) !important;
  font-size:12.5px !important;font-weight:750 !important;
  cursor:pointer;
}
.filter-chip:hover,.category-tab:hover,.cat-sec-tab:hover,.tab-btn:hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;transform:translateY(-1px);
}
.filter-chip.active,.category-tab.active,.cat-sec-tab.active,.tab-btn.active{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
}
.filter-chip .count,.category-tab .count,.filter-chip span:last-child{
  background:var(--lx-line2);color:var(--lx-muted);border-radius:999px;
  padding:1px 7px;font-size:10.5px;font-weight:800;
}
.filter-chip.active .count,.category-tab.active .count,.filter-chip.active span:last-child{
  background:rgba(255,255,255,.2);color:#fff;
}

/* ==========================================================
   P2-6. 표
   ========================================================== */
.table-wrapper{
  border:1px solid var(--lx-line) !important;
  border-radius:14px !important;
  overflow:hidden auto;
  background:#fff;
}
.table-wrapper table,table.data-table,.admin-table{width:100%;border-collapse:collapse}
.table-wrapper th,table.data-table th,.admin-table th{
  background:#fafafb !important;
  font-size:12px !important;font-weight:850 !important;
  letter-spacing:.01em !important;color:var(--lx-muted) !important;
  padding:12px 14px !important;
  border-bottom:1px solid var(--lx-line) !important;
  text-align:left;
}
.table-wrapper td,table.data-table td,.admin-table td{
  padding:12px 14px !important;
  border-bottom:1px solid var(--lx-line2) !important;
  font-size:13px !important;
}
.table-wrapper tbody tr:last-child td{border-bottom:0 !important}
.table-wrapper tbody tr{transition:background .16s var(--lx-e)}
.table-wrapper tbody tr:hover{background:var(--lx-v-l) !important}
.tnum,.mono,.amount,.price,.stat-value,.num,.value{font-variant-numeric:tabular-nums}

/* ==========================================================
   P2-7. 통계 타일
   ========================================================== */
.stat-card{padding:18px 20px !important;display:flex;align-items:center;gap:13px}
.stat-value{font-size:22px !important;font-weight:850 !important;letter-spacing:-.045em !important;line-height:1.15}
.stat-label{font-size:11.5px !important;color:var(--lx-muted) !important;font-weight:650 !important}
.stat-icon{
  width:42px;height:42px;flex:none;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;
}

/* ==========================================================
   P2-8. 빈 상태 · 알림
   ========================================================== */
.empty-state,.no-data,.sh-empty,.ml-empty{
  text-align:center !important;
  padding:48px 22px !important;
  color:var(--lx-faint) !important;
  font-size:13.5px !important;
  background:#fff;
  border:1px dashed var(--lx-line) !important;
  border-radius:16px !important;
}
.empty-state i,.no-data i,.sh-empty i{font-size:26px;opacity:.4;display:block;margin-bottom:10px}
.empty-state h3,.no-data h3{font-size:15px !important;font-weight:850 !important;color:var(--lx-sub) !important;margin-bottom:6px !important}

.alert{
  border-radius:13px !important;
  padding:13px 16px !important;
  font-size:13px !important;font-weight:650 !important;
  border:1px solid transparent !important;
  display:flex;align-items:center;gap:9px;
}
.alert-success{background:var(--lx-lime-l) !important;border-color:rgba(76,152,0,.22) !important;color:#2f6300 !important}
.alert-info{background:var(--lx-v-l) !important;border-color:var(--lx-v-b) !important;color:var(--lx-v-d) !important}
.alert-warning{background:#fff7e8 !important;border-color:#f6dfb0 !important;color:#8a5a00 !important}
.alert-danger,.alert-error{background:#fff1f0 !important;border-color:#fbd5d2 !important;color:#b02622 !important}

/* ==========================================================
   P2-9. 모달
   ========================================================== */
.modal-content,.modal > .modal-content{
  border-radius:20px !important;
  border:1px solid var(--lx-line) !important;
  box-shadow:var(--lx-s3) !important;
  overflow:hidden;
}
.modal-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(12,12,18,.48) !important}
.modal-header{border-bottom:1px solid var(--lx-line2) !important;padding:18px 22px !important}
.modal-header h3,.modal-header h4{font-weight:850 !important;letter-spacing:-.035em !important;font-size:16px !important}
.modal-body{padding:20px 22px !important;font-size:13.5px}
.modal-footer{border-top:1px solid var(--lx-line2) !important;padding:14px 22px !important;gap:9px;display:flex;justify-content:flex-end}
.modal-close{border:0;background:transparent;color:var(--lx-faint);font-size:22px;cursor:pointer;line-height:1}
.modal-close:hover{color:var(--lx-ink)}

/* ==========================================================
   P2-10. 글보기 — 읽기 편한 본문
   ========================================================== */
.post-view{padding:32px 34px !important}
.post-header{border-bottom:1px solid var(--lx-line2) !important;padding-bottom:18px !important;margin-bottom:22px !important}
.post-title{
  font-size:clamp(19px,2.3vw,25px) !important;
  font-weight:850 !important;letter-spacing:-.045em !important;line-height:1.35 !important;
  margin-bottom:14px !important;
}
.post-category{
  display:inline-block;border-radius:999px !important;
  background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;
  padding:3px 11px !important;font-size:11px !important;font-weight:850 !important;
  margin-bottom:10px !important;
}
.post-meta,.post-info{font-size:12.5px !important;color:var(--lx-faint) !important}
.post-content{
  font-size:15px !important;
  line-height:1.85 !important;
  letter-spacing:-.011em !important;
  color:#26282f !important;
  word-break:keep-all;
}
.post-content p{margin-bottom:1.1em}
.post-content img{border-radius:12px;max-width:100%;height:auto}
.post-content a{color:var(--lx-v-d) !important;text-decoration:underline;text-underline-offset:3px}
.post-content blockquote{
  border-left:3px solid var(--lx-v-b);background:var(--lx-v-l);
  padding:12px 16px;border-radius:0 10px 10px 0;margin:1.2em 0;
}
.post-actions,.post-toolbar{
  display:flex;gap:9px;flex-wrap:wrap;
  padding-top:20px !important;margin-top:22px !important;
  border-top:1px solid var(--lx-line2) !important;
}
.post-navigation{
  border:1px solid var(--lx-line) !important;border-radius:14px !important;
  overflow:hidden;margin-top:20px !important;
}
.post-navigation a,.post-navigation > div{
  padding:13px 18px !important;font-size:13px !important;
  border-bottom:1px solid var(--lx-line2);transition:background .16s var(--lx-e);
}
.post-navigation a:hover{background:var(--lx-v-l) !important}
.post-navigation > *:last-child{border-bottom:0 !important}

/* 댓글 */
.comment-item,.comment-list li{
  border-bottom:1px solid var(--lx-line2) !important;
  padding:15px 0 !important;
}
.comment-item:last-child{border-bottom:0 !important}
.comment-content{font-size:13.5px !important;line-height:1.75 !important}
.comment-author{font-weight:800 !important;font-size:13px !important}
.comment-date{font-size:11.5px !important;color:var(--lx-faint) !important}

/* ==========================================================
   P2-11. 페이지네이션
   ========================================================== */
.pagination,.sh-pager,.paging{
  display:flex;gap:5px;justify-content:center;align-items:center;
  margin:26px 0 !important;flex-wrap:wrap;
}
.pagination a,.pagination span,
.sh-pager a,.sh-pager span,
.paging a,.paging span{
  min-width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--lx-line) !important;
  border-radius:9px !important;
  background:#fff !important;
  font-size:12.5px !important;font-weight:750 !important;
  color:var(--lx-sub) !important;
  transition:.18s var(--lx-e) !important;
  padding:0 9px;
}
.pagination a:hover,.sh-pager a:hover,.paging a:hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;transform:translateY(-1px);
}
.pagination .active,.pagination .current,
.sh-pager .active,.sh-pager .current,
.paging .active,.paging .current{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
}

/* ==========================================================
   P2-12. 사이드바
   ========================================================== */
.sidebar-widget,.sidebar > div,.widget,.login-box{
  border-radius:16px !important;
  border:1px solid var(--lx-line) !important;
  box-shadow:var(--lx-s1) !important;
}
.sidebar-widget h3,.widget h3,.widget-title{
  font-size:14px !important;font-weight:850 !important;letter-spacing:-.035em !important;
  padding-bottom:11px !important;border-bottom:1px solid var(--lx-line2) !important;
}

/* ==========================================================
   P2-13. 마켓몰 · 상품
   ========================================================== */
.sh-card{display:flex;flex-direction:column;overflow:hidden}
.sh-card .name{font-size:13.5px !important;font-weight:750 !important;letter-spacing:-.022em !important;line-height:1.5}
.sh-card .price{font-size:16px !important;font-weight:850 !important;letter-spacing:-.04em !important}
.sh-card .meta{font-size:11.5px !important;color:var(--lx-faint) !important}
.price-lock{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px !important;font-weight:750 !important;color:var(--lx-muted) !important;
}
.stock-low{background:#fff7e8 !important;color:#8a5a00 !important;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800}
.stock-out{background:#fff1f0 !important;color:#b02622 !important;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:800}
.sh-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* ==========================================================
   P2-14. 단가표 (pmc-*)
   ========================================================== */
.pmc-row{border-bottom:1px solid var(--lx-line2) !important;padding:11px 0 !important}
.pmc-label{font-size:12.5px !important;color:var(--lx-muted) !important;font-weight:650 !important}
.pmc-value{font-size:13.5px !important;font-weight:800 !important;font-variant-numeric:tabular-nums}
.pmc-title{font-size:15px !important;font-weight:850 !important;letter-spacing:-.035em !important}
.pmc-note,.price-note{font-size:11.5px !important;color:var(--lx-faint) !important}
.price-low{color:var(--lx-muted) !important}
.price-avg{font-weight:850 !important;color:var(--lx-ink) !important}
.price-high{color:var(--lx-muted) !important}
.price-separator{color:var(--lx-line) !important}

/* ==========================================================
   P2-15. 접근성 — 내부 페이지에도 초점 표시
   ========================================================== */
.btn:focus-visible,
.filter-chip:focus-visible,
.category-tab:focus-visible,
.tab-btn:focus-visible,
.pagination a:focus-visible{
  outline:2px solid var(--lx-v) !important;outline-offset:2px !important;
}

/* ==========================================================
   P2-16. 다크모드
   ========================================================== */
[data-theme="dark"] .card,
[data-theme="dark"] .tool-card,
[data-theme="dark"] .tool-card-sm,
[data-theme="dark"] .result-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .sh-card,
[data-theme="dark"] .pmc-card,
[data-theme="dark"] .price-mobile-card,
[data-theme="dark"] .mypage-section,
[data-theme="dark"] .form-section,
[data-theme="dark"] .post-view,
[data-theme="dark"] .table-wrapper,
[data-theme="dark"] .sidebar-widget,
[data-theme="dark"] .widget,
[data-theme="dark"] .login-box,
[data-theme="dark"] .modal-content{
  background:#16161f !important;border-color:#252533 !important;
}
[data-theme="dark"] .card-header,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .post-header,
[data-theme="dark"] .post-actions,
[data-theme="dark"] .post-toolbar,
[data-theme="dark"] .pmc-row,
[data-theme="dark"] .comment-item,
[data-theme="dark"] .sidebar-widget h3,
[data-theme="dark"] .widget h3{border-color:#1d1d28 !important}
[data-theme="dark"] .card-title,
[data-theme="dark"] .post-title,
[data-theme="dark"] .pmc-title,
[data-theme="dark"] .stat-value,
[data-theme="dark"] .page-header h1,
[data-theme="dark"] .tools-header h1,
[data-theme="dark"] .sh-card .name,
[data-theme="dark"] .sh-card .price,
[data-theme="dark"] .comment-author,
[data-theme="dark"] .price-avg{color:#e8e8f2 !important}
[data-theme="dark"] .post-content{color:#c8ccd6 !important}
[data-theme="dark"] .post-content blockquote{background:#1b1630;border-color:#3b2d63}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] select,
[data-theme="dark"] textarea{
  background:#1c1c26 !important;border-color:#252533 !important;color:#e8e8f2 !important;
}

[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .filter-chip,
[data-theme="dark"] .category-tab,
[data-theme="dark"] .cat-sec-tab,
[data-theme="dark"] .tab-btn,
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span,
[data-theme="dark"] .sh-pager a{
  background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important;
}
[data-theme="dark"] .btn-primary,
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] .filter-chip.active,
[data-theme="dark"] .category-tab.active,
[data-theme="dark"] .cat-sec-tab.active,
[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] .pagination .active,
[data-theme="dark"] .sh-pager .active{
  background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important;
}

[data-theme="dark"] .table-wrapper th{background:#12121a !important;border-color:#252533 !important;color:#8b909e !important}
[data-theme="dark"] .table-wrapper td{border-color:#1d1d28 !important}
[data-theme="dark"] .table-wrapper tbody tr:hover{background:#1b1630 !important}

[data-theme="dark"] .empty-state,
[data-theme="dark"] .no-data,
[data-theme="dark"] .sh-empty{background:#16161f !important;border-color:#252533 !important;color:#7d8393 !important}

[data-theme="dark"] .page-header,
[data-theme="dark"] .tools-header,
[data-theme="dark"] .tools-section-header,
[data-theme="dark"] .section-header{border-color:#252533 !important}

[data-theme="dark"] .post-navigation{border-color:#252533 !important}
[data-theme="dark"] .post-navigation a,
[data-theme="dark"] .post-navigation > div{border-color:#1d1d28 !important}
[data-theme="dark"] .post-navigation a:hover{background:#1b1630 !important}

/* ==========================================================
   P2-17. 모바일
   ========================================================== */
@media(max-width:768px){
  .post-view{padding:22px 18px !important}
  .card-body{padding:16px !important}
  .card-header,.sh-head{padding:14px 16px !important}
  .btn{min-height:40px !important;padding:0 16px !important}
  .btn-lg{min-height:46px !important;padding:0 20px !important}
  .table-wrapper{overflow-x:auto}
  .page-header h1,.tools-header h1{font-size:19px !important}
  .tools-section-header .section-desc{margin-left:0 !important;flex-basis:100%}
}

/* ============================================================
   ============================================================
   PART 3 — 퀄리티 (2026-09-20)

   PART 2 가 "톤을 맞추는" 작업이었다면 여기는 "읽기 좋게 만드는" 작업.

   문제였던 것
   1) 도구 카드가 가운데 정렬 + 68px 아이콘이라 한 장이 세로로 길고,
      넓은 화면에서 2개씩만 들어가 여백만 커 보였다. 훑어보기도 어렵다.
   2) 섹션 간격이 제각각이라 페이지가 덜그럭거렸다.
   3) 제목 위계(h1/h2/h3)가 크기로만 구분되고 자간·굵기가 안 잡혀 있었다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P3-1. 도구 카드 — 세로 → 가로형
   아이콘 왼쪽, 제목·설명 오른쪽. 한 장의 높이가 절반으로 줄고
   같은 폭에 더 많이 들어간다. 눈이 왼쪽 세로선을 따라 내려가며 읽는다.
   ========================================================== */
/* 마크업이 <a> 안에 [아이콘 div][배지 span][h3][p] 네 형제로 평평하게 놓여 있다.
   flex-direction:row 로 바꾸면 h3 와 p 까지 옆으로 서 버린다(실제로 그렇게 깨졌다).
   래퍼를 만들 수 없으니 grid 로 자리를 지정한다 —
   1열은 아이콘이 두 줄에 걸치고, 2열에 제목/설명이 쌓인다. */
.tool-card{
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:14px !important;
  row-gap:4px !important;
  align-items:start !important;
  align-content:start !important;
  text-align:left !important;
  padding:18px 20px !important;
  position:relative !important;
}
.tool-card .tool-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:44px !important;height:44px !important;
  border-radius:12px !important;
  font-size:17px !important;
  margin:0 !important;
  box-shadow:var(--lx-s1) !important;
}
.tool-card h3,
.tool-card .tool-name{
  grid-column:2 !important;grid-row:1 !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:-.032em !important;
  line-height:1.4 !important;
  margin:1px 0 0 !important;
  padding-right:44px !important;   /* 우상단 배지 자리 */
}
.tool-card p,
.tool-card .tool-desc{
  grid-column:2 !important;grid-row:2 !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
  color:var(--lx-muted) !important;
  margin:0 !important;
  word-break:keep-all;
}
/* 배지는 흐름에서 빼서 그리드 칸을 차지하지 않게 한다 */
.tool-card > .tool-badge,
.tool-card > .badge-hot,
.tool-card > .badge-new{
  position:absolute !important;
  top:14px !important;right:14px !important;
  margin:0 !important;grid-area:unset !important;
}



/* 그리드 밀도 — 본문 폭에 맞춰 자동으로 칸 수를 정한다 */
.tools-grid,
.tools-grid-2,
.tools-grid-sm{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(270px,1fr)) !important;
  gap:14px !important;
}
@media(max-width:560px){
  .tools-grid,.tools-grid-2,.tools-grid-sm{grid-template-columns:1fr !important}
}

/* 작은 도구 카드 */
.tool-card-sm{
  flex-direction:row !important;align-items:center !important;text-align:left !important;
  padding:13px 15px !important;gap:11px !important;
}
.tool-card-sm .tool-icon-sm{width:34px !important;height:34px !important;font-size:14px !important;margin:0 !important;flex:none}

/* ==========================================================
   P3-2. 섹션 리듬 — 간격을 하나로 통일
   ========================================================== */
.tools-section,
.ml-section,
.content-section,
section + section{
  margin-top:34px !important;
}
.tools-section:first-child,
.ml-section:first-child{margin-top:0 !important}

.tools-section-header,
.section-header{
  display:flex !important;align-items:center;gap:12px;
  padding:0 0 12px !important;margin:0 0 16px !important;
  border-bottom:1px solid var(--lx-line) !important;
}
.tools-section-header .section-icon,
.section-header .section-icon{
  width:34px !important;height:34px !important;
  border-radius:10px !important;font-size:14px !important;flex:none;
  display:flex;align-items:center;justify-content:center;
}
.tools-section-header h2,
.section-header h2{
  font-size:16.5px !important;font-weight:850 !important;
  letter-spacing:-.038em !important;margin:0 !important;line-height:1.3;
}
.tools-section-header .section-subtitle,
.section-header .section-subtitle{
  display:block;font-size:12px !important;color:var(--lx-muted) !important;
  font-weight:600 !important;margin-top:1px !important;
}

/* ==========================================================
   P3-3. 타이포 위계 — 크기만이 아니라 자간·굵기로 구분
   제목은 크고 좁게, 본문은 편안하게.
   ========================================================== */
.main-content h1,.content-area h1{letter-spacing:-.048em !important;font-weight:850 !important;line-height:1.22 !important}
.main-content h2,.content-area h2{letter-spacing:-.040em !important;font-weight:850 !important;line-height:1.28 !important}
.main-content h3,.content-area h3{letter-spacing:-.033em !important;font-weight:800 !important;line-height:1.34 !important}
.main-content h4,.content-area h4{letter-spacing:-.028em !important;font-weight:800 !important}
.main-content p,.content-area p{letter-spacing:-.013em}

/* 숫자는 어디서나 자리폭 고정 — 표·통계가 흔들리지 않게 */
.stat-value,.num,.value,.amount,.price,.count,.tnum,
td,.pmc-value,.ml-when,.cp-mi-n{font-variant-numeric:tabular-nums}

/* 긴 한글 제목이 어색하게 끊기지 않도록 */
h1,h2,h3,h4,.post-title,.card-title,.tool-card h3,.sh-card .name{word-break:keep-all}

/* ==========================================================
   P3-4. 본문 컨테이너 — 좌우 여백과 최대폭
   ========================================================== */
.main-content,.content-area{padding-top:22px !important}
.main-layout,.main-content{gap:24px}

/* 읽는 글은 너무 넓으면 눈이 줄을 놓친다 */
.post-content{max-width:74ch}

/* ==========================================================
   P3-5. 구분선·여백 정리
   ========================================================== */
hr{border:0 !important;border-top:1px solid var(--lx-line) !important;margin:22px 0 !important}
.divider{background:var(--lx-line) !important}

/* 카드 안 첫/마지막 요소의 군더더기 여백 제거 */
.card-body > *:first-child,.post-view > *:first-child{margin-top:0 !important}
.card-body > *:last-child,.post-view > *:last-child{margin-bottom:0 !important}

/* ==========================================================
   P3-6. 링크 — 본문 링크만 밑줄, 나머지는 색으로
   ========================================================== */
.post-content a:hover,.card-body a.inline-link:hover{color:var(--lx-v) !important}
a:not(.btn):not(.pill):not(.tool-card):not(.card):not(.sh-card){transition:color .16s var(--lx-e)}

/* ==========================================================
   P3-7. 이미지 · 아바타
   ========================================================== */
.avatar,.user-avatar,.profile-image,.author-avatar{
  border-radius:50% !important;object-fit:cover;
  border:1px solid var(--lx-line);
}
.thumb,.thumbnail,.post-image-item img{border-radius:12px !important;object-fit:cover}

/* ==========================================================
   P3-8. 스크롤바 — 데스크톱에서 덜 튀게
   ========================================================== */
@media(hover:hover){
  .table-wrapper::-webkit-scrollbar,
  .tab-content::-webkit-scrollbar,
  .nav-dropdown::-webkit-scrollbar{height:8px;width:8px}
  .table-wrapper::-webkit-scrollbar-thumb,
  .tab-content::-webkit-scrollbar-thumb,
  .nav-dropdown::-webkit-scrollbar-thumb{background:var(--lx-line);border-radius:99px}
  .table-wrapper::-webkit-scrollbar-thumb:hover,
  .tab-content::-webkit-scrollbar-thumb:hover{background:var(--lx-faint)}
  .table-wrapper::-webkit-scrollbar-track{background:transparent}
}

/* ==========================================================
   P3-9. 다크모드 보정
   ========================================================== */
[data-theme="dark"] .tool-card h3,
[data-theme="dark"] .tool-card strong,
[data-theme="dark"] .tools-section-header h2,
[data-theme="dark"] .section-header h2{color:#e8e8f2 !important}
[data-theme="dark"] .tool-card p,
[data-theme="dark"] .tools-section-header .section-subtitle{color:#9aa0ad !important}
[data-theme="dark"] hr,
[data-theme="dark"] .tools-section-header,
[data-theme="dark"] .section-header{border-color:#252533 !important}
[data-theme="dark"] .avatar,
[data-theme="dark"] .user-avatar{border-color:#252533}
[data-theme="dark"] .table-wrapper::-webkit-scrollbar-thumb{background:#2d2d3d}

/* ============================================================
   ============================================================
   PART 4 — 페이지 히어로 통일 + 잔여 톤 정리 (2026-09-20)

   문제
     각 페이지가 자기 <style> 안에 히어로를 따로 갖고 있었다.
     tool-page-header(16곳) / content-hub-hero / trend-hero / matching-hero
     / tools-hero / portfolio-hero / ref-hero / venue-hero …
     전부 연보라 그라데이션(#eef2ff→#ede9fe) + 가운데 정렬이라
     메인·프로그램 페이지의 딥 히어로와 따로 놀았다.

     페이지 <style> 이 lumex.css 보다 뒤에 오므로 !important 로 이긴다.

   방침
     메인(.ml-hero)·프로그램(.pg-hero)과 같은 레시피로 통일한다 —
     딥 배경 + 바이올렛 글로우 + 라임 미세 반사 + 상하 그라데이션.
   ============================================================
   ============================================================ */

/* ==========================================================
   P4-1. 모든 페이지 히어로 → 딥 잉크
   ========================================================== */
.tool-page-header,
.content-hub-hero,
.trend-hero,
.matching-hero,
.tools-hero,
.portfolio-hero,
.ref-hero,
.venue-hero,
.page-hero{
  position:relative !important;
  overflow:hidden !important;
  background:var(--lx-deep) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:22px !important;
  box-shadow:var(--lx-s3) !important;
  padding:38px 36px !important;
  margin:0 0 26px !important;
  text-align:left !important;
}

/* 페이지 자체 ::before 장식(원형 블러 등)을 우리 글로우로 덮는다 */
.tool-page-header::before,
.content-hub-hero::before,
.trend-hero::before,
.matching-hero::before,
.tools-hero::before,
.portfolio-hero::before,
.ref-hero::before,
.venue-hero::before,
.page-hero::before{
  content:'' !important;
  position:absolute !important;inset:0 !important;
  top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
  width:auto !important;height:auto !important;
  transform:none !important;
  border-radius:0 !important;
  opacity:1 !important;
  z-index:0 !important;pointer-events:none !important;
  background:
    radial-gradient(760px 420px at 78% 40%, rgba(139,92,246,.22), transparent 68%),
    radial-gradient(520px 340px at 8% 92%, rgba(185,255,102,.07), transparent 70%) !important;
}
.tool-page-header::after,
.content-hub-hero::after,
.trend-hero::after,
.matching-hero::after,
.tools-hero::after{
  content:'' !important;
  position:absolute !important;inset:0 !important;
  z-index:0 !important;pointer-events:none !important;
  background:linear-gradient(180deg, rgba(8,8,12,.45) 0%, transparent 26%, transparent 74%, rgba(8,8,12,.75) 100%) !important;
  transform:none !important;border-radius:0 !important;
}

/* 내용은 장식 위로 */
.tool-page-header > *,
.content-hub-hero > *,
.trend-hero > *,
.matching-hero > *,
.tools-hero > *,
.portfolio-hero > *,
.ref-hero > *,
.venue-hero > *,
.page-hero > *{position:relative;z-index:2}

.tool-page-header h1,
.content-hub-hero h1,
.trend-hero h1,
.matching-hero h1,
.tools-hero h1,
.portfolio-hero h1,
.page-hero h1,
.tool-page-header h2,
.content-hub-hero h2{
  color:#fff !important;
  font-size:clamp(23px,3.1vw,33px) !important;
  font-weight:850 !important;
  letter-spacing:-.052em !important;
  line-height:1.18 !important;
  margin:0 0 10px !important;
  text-align:left !important;
  justify-content:flex-start !important;
}
.tool-page-header p,
.content-hub-hero p,
.trend-hero p,
.matching-hero p,
.tools-hero p,
.portfolio-hero p,
.page-hero p,
.tool-page-header .tool-page-desc,
.tool-page-header .subtitle{
  color:rgba(232,232,245,.80) !important;
  font-size:14.5px !important;
  line-height:1.72 !important;
  max-width:640px;
  margin:0 !important;
  text-align:left !important;
}

/* 히어로 안의 작은 칩(최종 업데이트 등) */
.header-update-badge,
.tool-page-header .badge,
.matching-hero .badge,
.trend-hero .badge{
  display:inline-flex !important;align-items:center;gap:7px;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:rgba(255,255,255,.88) !important;
  border-radius:999px !important;
  padding:7px 15px !important;
  font-size:12px !important;font-weight:800 !important;
  margin-top:16px !important;
}

/* 히어로 안의 통계 — 매칭 페이지 등 */
.matching-hero .stat-value,
.trend-hero .stat-value,
.tool-page-header .stat-value{
  color:#fff !important;
  background:linear-gradient(180deg,#fff,#cbb9fb);
  -webkit-background-clip:text;background-clip:text;
}
.matching-hero .stat-label,
.trend-hero .stat-label{color:rgba(232,232,245,.62) !important}

/* 히어로 안의 버튼 */
.matching-hero .btn-primary,
.tool-page-header .btn-primary,
.content-hub-hero .btn-primary{
  background:var(--lx-lime) !important;border-color:var(--lx-lime) !important;color:#16240a !important;
}
.matching-hero .btn-primary:hover{box-shadow:0 14px 30px rgba(185,255,102,.34) !important;color:#16240a !important}
.matching-hero .btn-outline,
.matching-hero .btn-secondary,
.tool-page-header .btn-outline{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.2) !important;
  color:#fff !important;
}
.matching-hero .btn-outline:hover,
.matching-hero .btn-secondary:hover{background:rgba(255,255,255,.12) !important;color:#fff !important}

@media(max-width:640px){
  .tool-page-header,.content-hub-hero,.trend-hero,.matching-hero,
  .tools-hero,.portfolio-hero,.ref-hero,.venue-hero,.page-hero{
    padding:26px 20px !important;border-radius:16px !important;
  }
}

/* ==========================================================
   P4-2. 필터 탭 — 보라 그라데이션 → 잉크
   ========================================================== */
.filter-tab{
  border-radius:999px !important;
  border:1px solid var(--lx-line) !important;
  background:#fff !important;
  color:var(--lx-sub) !important;
  font-size:12.5px !important;font-weight:750 !important;
  padding:9px 16px !important;
  box-shadow:none !important;
  transition:.2s var(--lx-e) !important;
}
.filter-tab:hover{border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;transform:translateY(-1px)}
.filter-tab.active{
  background:var(--lx-ink) !important;
  border-color:var(--lx-ink) !important;
  color:#fff !important;
  box-shadow:var(--lx-s2) !important;
}

/* ==========================================================
   P4-3. 막대 그래프 — 형광 채도를 낮춰 표처럼 읽히게
   ========================================================== */
.chart-bar-track{
  background:var(--lx-line2) !important;
  border-radius:99px !important;
  height:8px !important;
  overflow:hidden;
}
.chart-bar-fill{
  border-radius:99px !important;
  height:100% !important;
  transition:width .7s var(--lx-e) !important;
  filter:saturate(.82);
}
.chart-bar-label{font-size:13px !important;font-weight:750 !important;letter-spacing:-.022em !important}
.chart-bar-group{margin-bottom:14px !important}
.chart-bar-group .amount,
.chart-bar-group .value{font-weight:850 !important;letter-spacing:-.03em !important}
.chart-subtitle{font-size:12.5px !important;color:var(--lx-muted) !important}
.chart-section{padding:22px 24px !important}

/* 카테고리 아이콘 — 원색 유지하되 살짝 낮춘다 */
.category-icon{border-radius:10px !important;filter:saturate(.88)}
.category-header{
  display:flex;align-items:center;gap:10px;
  padding-bottom:12px !important;margin-bottom:14px !important;
  border-bottom:1px solid var(--lx-line2) !important;
}
.category-header h2,.category-header h3{font-size:15.5px !important;font-weight:850 !important;letter-spacing:-.036em !important;margin:0 !important}
.category-count{
  margin-left:auto;background:var(--lx-line2) !important;color:var(--lx-muted) !important;
  border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;
}

/* ==========================================================
   P4-4. 안내 카드 · CTA 구역
   ========================================================== */
.notice-card,.disclaimer{
  background:#fafafb !important;
  border:1px solid var(--lx-line) !important;
  border-radius:14px !important;
  padding:16px 18px !important;
  font-size:12.5px !important;
  line-height:1.72 !important;
  color:var(--lx-sub) !important;
  box-shadow:none !important;
}
.notice-header{font-weight:850 !important;font-size:13px !important;margin-bottom:6px !important;display:flex;align-items:center;gap:7px}
.notice-icon{color:var(--lx-v) !important}
.notice-text{color:var(--lx-muted) !important}

.cta-section{
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:20px !important;
  padding:32px 30px !important;
  color:#fff !important;
  position:relative;overflow:hidden;
  box-shadow:var(--lx-s3) !important;
}
.cta-section::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 300px at 80% 30%, rgba(139,92,246,.22), transparent 70%);
}
.cta-section > *{position:relative;z-index:2}
.cta-section h2,.cta-section h3{color:#fff !important;font-weight:850 !important;letter-spacing:-.04em !important}
.cta-section p{color:rgba(232,232,245,.78) !important}
.cta-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--lx-lime) !important;color:#16240a !important;
  border:0 !important;border-radius:999px !important;
  padding:0 24px !important;min-height:46px !important;
  font-weight:850 !important;font-size:13.5px !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e) !important;
}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(185,255,102,.34) !important;color:#16240a !important}

/* ==========================================================
   P4-5. 라벨 묶음 (label-icon / label-text / label-value)
   ========================================================== */
.label-icon{color:var(--lx-v) !important}
.label-text{font-size:12.5px !important;color:var(--lx-muted) !important;font-weight:650 !important}
.label-value{font-weight:850 !important;letter-spacing:-.03em !important;font-variant-numeric:tabular-nums}

/* ==========================================================
   P4-6. 다크모드
   ========================================================== */
[data-theme="dark"] .filter-tab{background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important}
[data-theme="dark"] .filter-tab.active{background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .chart-bar-track{background:#252533 !important}
[data-theme="dark"] .chart-bar-label,
[data-theme="dark"] .category-header h2,
[data-theme="dark"] .category-header h3,
[data-theme="dark"] .label-value{color:#e8e8f2 !important}
[data-theme="dark"] .chart-section,
[data-theme="dark"] .notice-card,
[data-theme="dark"] .disclaimer{background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important}
[data-theme="dark"] .category-header{border-color:#1d1d28 !important}
[data-theme="dark"] .category-count{background:#252533 !important;color:#8b909e !important}

/* ============================================================
   ============================================================
   PART 5 — 긴 꼬리 페이지 마감 (2026-09-20)

   페이지마다 자기만의 클래스를 갖고 있다 —
   guide-card / case-card / badge-card / attendance-check-card /
   trend-card / bookmark-item / lottery-box …  전부 세면 수백 개다.

   하나씩 나열하는 대신 "이름 끝"으로 잡는다.
   한국 웹에서 흔한 작명 규칙(-card / -grid / -btn / -tab / -chip /
   -empty / -thumb / -header)을 그대로 쓰고 있어서 패턴이 잘 맞는다.

   이미 PART 1~4 에서 잡은 것(ml- / cp- / pg- / tool-)과 겹쳐도
   같은 값이라 충돌하지 않는다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P5-1. 이름이 -card 로 끝나는 모든 것
   ========================================================== */
:is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
:is([class$="-box"],[class*="-box "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
:is([class$="-item"],[class*="-item "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(li):not(.nav-item):not(.stat-item){
  border-radius:16px !important;
}
:is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  box-shadow:var(--lx-s1) !important;
  transition:transform .26s var(--lx-e), box-shadow .26s var(--lx-e), border-color .26s var(--lx-e) !important;
}
a:is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):hover,
:is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):has(> a):hover,
.guide-card:hover,.case-card:hover,.trend-card:hover,.badge-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--lx-s2) !important;
  border-color:var(--lx-v-b) !important;
}

/* 카드 안 제목/본문 */
:is([class$="-title"],[class*="-title "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.post-title):not(.card-title):not(.logo-title){
  font-weight:800 !important;
  letter-spacing:-.032em !important;
  line-height:1.42 !important;
  word-break:keep-all;
}
:is([class$="-excerpt"],[class*="-excerpt "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-desc"],[class*="-desc "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-summary"],[class*="-summary "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  font-size:12.8px !important;
  line-height:1.65 !important;
  color:var(--lx-muted) !important;
  word-break:keep-all;
}
:is([class$="-meta"],[class*="-meta "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-footer"],[class*="-footer "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.modal-footer):not(.site-footer){
  font-size:11.5px !important;
  color:var(--lx-faint) !important;
}

/* ==========================================================
   P5-2. -grid 로 끝나는 것 — 간격만 통일
   ========================================================== */
:is([class$="-grid"],[class*="-grid "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){gap:14px !important}

/* ==========================================================
   P5-3. -btn 으로 끝나는 것 → pill
   ========================================================== */
:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.search-btn):not(.modal-close):not(.banner-close){
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
  font-family:inherit !important;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e),
             background .2s, border-color .2s !important;
}
:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.search-btn):not(.modal-close):not(.banner-close):hover{
  transform:translateY(-1px);
}

/* 히어로 안 버튼 (matching 등 — hero-btn / hero-btn-primary / hero-btn-outline) */
.hero-btn{
  display:inline-flex !important;align-items:center;gap:8px;
  padding:0 22px !important;min-height:46px !important;
  font-size:13.5px !important;border:1px solid transparent !important;
}
.hero-btn-primary{
  background:var(--lx-lime) !important;border-color:var(--lx-lime) !important;color:#16240a !important;
}
.hero-btn-primary:hover{box-shadow:0 14px 30px rgba(185,255,102,.34) !important;color:#16240a !important}
.hero-btn-outline,.hero-btn-secondary{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.2) !important;
  color:#fff !important;
}
.hero-btn-outline:hover,.hero-btn-secondary:hover{
  background:rgba(255,255,255,.13) !important;color:#fff !important;
}

/* ==========================================================
   P5-4. -tab / -chip / -pill / -sort 로 끝나는 것
   ========================================================== */
:is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-pill"],[class*="-pill "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  border-radius:999px !important;
  font-weight:750 !important;
  font-size:12.5px !important;
  letter-spacing:-.018em !important;
  transition:.2s var(--lx-e) !important;
}
:is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active),:is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active){
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  color:var(--lx-sub) !important;
}
:is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):hover,:is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;transform:translateY(-1px);
}
:is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,:is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active{
  background:var(--lx-ink) !important;
  border:1px solid var(--lx-ink) !important;
  color:#fff !important;
  box-shadow:var(--lx-s1) !important;
}

/* 정렬 링크 (최신순/인기순/조회순) */
:is([class$="-sort"],[class*="-sort "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a,:is([class$="-sort-bar"],[class*="-sort-bar "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a{
  font-size:12.5px !important;font-weight:750 !important;
  color:var(--lx-faint) !important;padding:4px 9px;border-radius:8px;
}
:is([class$="-sort"],[class*="-sort "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a:hover,:is([class$="-sort-bar"],[class*="-sort-bar "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a:hover{color:var(--lx-ink) !important;background:var(--lx-line2) !important}
:is([class$="-sort"],[class*="-sort "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a.active,:is([class$="-sort-bar"],[class*="-sort-bar "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) a.active{color:var(--lx-ink) !important;font-weight:850 !important}

/* ==========================================================
   P5-5. 썸네일 · 플레이스홀더
   ========================================================== */
:is([class$="-thumb"],[class*="-thumb "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-thumbnail"],[class*="-thumbnail "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),[class*="-thumb-placeholder"]{
  border-radius:13px !important;
  overflow:hidden;
  background:var(--lx-v-l) !important;
}
:is([class$="-thumb"],[class*="-thumb "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) img,:is([class$="-thumbnail"],[class*="-thumbnail "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) img{
  width:100%;height:100%;object-fit:cover;display:block;
}
[class*="-thumb-placeholder"]{
  display:flex;align-items:center;justify-content:center;
  color:var(--lx-v-b) !important;font-size:28px;
}
:is([class$="-icon-wrap"],[class*="-icon-wrap "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-icon"],[class*="-icon "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.section-icon):not(.tool-icon):not(.stat-icon):not(.logo-icon){
  border-radius:11px !important;
}

/* ==========================================================
   P5-6. 빈 상태 · 안내
   ========================================================== */
:is([class$="-empty"],[class*="-empty "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-no-data"],[class*="-no-data "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-prompt"],[class*="-prompt "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  text-align:center !important;
  padding:44px 22px !important;
  color:var(--lx-faint) !important;
  font-size:13.5px !important;
  background:#fff !important;
  border:1px dashed var(--lx-line) !important;
  border-radius:16px !important;
}

/* ==========================================================
   P5-7. 페이지 머리 (-header 로 끝나는 것 중 페이지 제목 줄)
   ========================================================== */
:is([class$="-page-header"],[class*="-page-header "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
.guides-header,
.badge-page-header,
.trends-header,
.cases-header{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--lx-line) !important;
  border-radius:0 !important;
  padding:6px 0 16px !important;
  margin:0 0 20px !important;
  text-align:left !important;
  box-shadow:none !important;
}
:is([class$="-page-header"],[class*="-page-header "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) h1,
.guides-header h1,.badge-page-header h1{
  font-size:clamp(20px,2.4vw,27px) !important;
  font-weight:850 !important;letter-spacing:-.045em !important;
  margin:0 0 5px !important;text-align:left !important;
}
:is([class$="-page-header"],[class*="-page-header "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) p,
.guides-header p,.badge-page-header p{
  color:var(--lx-muted) !important;font-size:13.5px !important;
  margin:0 !important;text-align:left !important;
}
/* 단, PART 4 에서 딥 히어로로 만든 것들은 예외 */
.tool-page-header{
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:22px !important;
  padding:38px 36px !important;
  margin:0 0 26px !important;
}

/* ==========================================================
   P5-8. 딥 히어로 안의 통계 숫자 (.num / .label)
   matching-hero 등은 .hero-stat > .num/.label 구조다.
   ========================================================== */
.matching-hero .num,
.trend-hero .num,
.tools-hero .num,
.tool-page-header .num,
.content-hub-hero .num,
.hero-stats .num,
.hero-stat .num{
  color:#fff !important;
  font-size:24px !important;font-weight:850 !important;
  letter-spacing:-.05em !important;line-height:1.15 !important;
  background:linear-gradient(180deg,#fff,#cbb9fb) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  display:block;
}
.matching-hero .label,
.trend-hero .label,
.hero-stats .label,
.hero-stat .label{
  color:rgba(232,232,245,.62) !important;
  font-size:11.5px !important;font-weight:650 !important;
}
.hero-stats{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0 !important}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}

/* 히어로 안의 strong 강조 */
.matching-hero p strong,
.tool-page-header p strong,
.content-hub-hero p strong{color:var(--lx-lime) !important;font-weight:850}

/* ==========================================================
   P5-9. 단가표 금액 — 남아 있던 보라색 제거
   ========================================================== */
.chart-bar-group .amount,
.chart-bar-group .value,
.chart-bar-group :is([class$="-value"],[class*="-value "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
.pmc-value,.label-value,.price-avg{
  color:var(--lx-ink) !important;
}

/* ==========================================================
   P5-10. 검색 입력 묶음 (입력 + 버튼)
   ========================================================== */
/* 헤더 검색(.header-search)은 PART 1 에서 하나의 pill 묶음으로 이미 잡았다.
   여기 규칙이 걸리면 돋보기 버튼이 동그래져 버리므로 제외한다. */
:is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search){display:flex;gap:8px;align-items:center}
:is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) input{flex:1;min-width:0}
:is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) button,
:is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) .btn{
  border-radius:999px !important;
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
  min-height:42px !important;padding:0 20px !important;flex:none;
}

/* ==========================================================
   P5-11. 출석 달력
   ========================================================== */
.calendar-header{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:12px !important;margin-bottom:12px !important;
  border-bottom:1px solid var(--lx-line2) !important;
}
.calendar td,.calendar-body td{border-radius:9px !important;font-variant-numeric:tabular-nums}
.already-checked{color:var(--lx-lime-d) !important;font-weight:800 !important}

/* ==========================================================
   P5-12. 다크모드 — 패턴 규칙에도 동일 적용
   ========================================================== */
[data-theme="dark"] :is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] :is([class$="-empty"],[class*="-empty "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] :is([class$="-prompt"],[class*="-prompt "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  background:#16161f !important;border-color:#252533 !important;
}
[data-theme="dark"] :is([class$="-title"],[class*="-title "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.logo-title){color:#e8e8f2 !important}
[data-theme="dark"] :is([class$="-excerpt"],[class*="-excerpt "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] :is([class$="-desc"],[class*="-desc "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] :is([class$="-summary"],[class*="-summary "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){color:#9aa0ad !important}
[data-theme="dark"] :is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active),
[data-theme="dark"] :is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active){
  background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important;
}
[data-theme="dark"] :is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,
[data-theme="dark"] :is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active{
  background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important;
}
[data-theme="dark"] :is([class$="-thumb"],[class*="-thumb "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] [class*="-thumb-placeholder"]{background:#1b1630 !important}
[data-theme="dark"] :is([class$="-page-header"],[class*="-page-header "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] .guides-header,
[data-theme="dark"] .badge-page-header{border-color:#252533 !important}
[data-theme="dark"] :is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) button,
[data-theme="dark"] :is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) .btn{
  background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important;
}
[data-theme="dark"] .chart-bar-group .amount,
[data-theme="dark"] .pmc-value,
[data-theme="dark"] .label-value,
[data-theme="dark"] .price-avg{color:#e8e8f2 !important}
[data-theme="dark"] .calendar-header{border-color:#1d1d28 !important}

/* ============================================================
   ============================================================
   PART 6 — 마감 손질 (2026-09-20)

   PART 5 의 패턴 규칙이 모양은 잡았는데 색과 줄바꿈이 남았다.
     · .gf-btn / .cat-btn 처럼 "-btn 인데 실제로는 필터 칩"인 것들의
       활성 상태가 각 페이지 보라색(#6366f1)으로 남아 있었다
     · 아이콘 + 글자가 들어간 칩이 좁은 칸에서 두 줄로 쪼개졌다
   ============================================================
   ============================================================ */

/* ==========================================================
   P6-1. 필터 역할을 하는 -btn 들 — 활성색 통일 + 줄바꿈 금지
   ========================================================== */
:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.search-btn):not(.modal-close):not(.banner-close):not(.hero-btn):not(.cta-btn),
:is([class$="-tab"],[class*="-tab "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-chip"],[class*="-chip "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  white-space:nowrap !important;
  line-height:1.2;
}

/* 링크형 필터(-btn)가 활성일 때 */
a:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,
button:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,
:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active:not(.hero-btn):not(.cta-btn){
  background:var(--lx-ink) !important;
  border-color:var(--lx-ink) !important;
  color:#fff !important;
  box-shadow:var(--lx-s1) !important;
}
a:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn),
button:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn){
  border:1px solid var(--lx-line) !important;
  background:#fff !important;
  color:var(--lx-sub) !important;
  padding:8px 15px !important;
  font-size:12.5px !important;
}
a:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn):hover,
button:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn):hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;
}

/* 아이콘만 있는 원형 버튼(검색 등)은 정사각 비율 유지 */
:is([class$="-search"],[class*="-search "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.header-search) button{
  width:44px;min-width:44px;padding:0 !important;justify-content:center;
}

/* ==========================================================
   P6-2. 칩 묶음 간격
   ========================================================== */
:is([class$="-filters"],[class*="-filters "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-tabs"],[class*="-tabs "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-chips"],[class*="-chips "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  display:flex !important;gap:7px !important;flex-wrap:wrap;align-items:center;
  margin-bottom:16px !important;
}

/* ==========================================================
   P6-3. 카드 썸네일 영역 — 비어 보이던 높이를 줄인다
   ========================================================== */
:is([class$="-thumb"],[class*="-thumb "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),[class*="-thumb-placeholder"]{
  aspect-ratio:16 / 8.5;
  min-height:0 !important;
  max-height:190px;
}
:is([class$="-thumb"],[class*="-thumb "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) i,[class*="-thumb-placeholder"] i{font-size:26px !important;opacity:.45}

/* 카드 본문 패딩 */
.guide-body,.case-body,:is([class$="-body"],[class*="-body "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.card-body):not(.modal-body):not(.calendar-body){
  padding:16px 18px !important;
}
:is([class$="-cat"],[class*="-cat "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),:is([class$="-category"],[class*="-category "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){
  display:inline-block;border-radius:999px !important;
  background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;
  padding:3px 10px !important;font-size:10.5px !important;font-weight:850 !important;
  margin-bottom:9px !important;
}

/* ==========================================================
   P6-4. 다크모드
   ========================================================== */
[data-theme="dark"] a:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn),
[data-theme="dark"] button:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])):not(.active):not(.hero-btn):not(.cta-btn):not(.search-btn){
  background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important;
}
[data-theme="dark"] a:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,
[data-theme="dark"] button:is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active,
[data-theme="dark"] :is([class$="-btn"],[class*="-btn "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])).active:not(.hero-btn):not(.cta-btn){
  background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important;
}
[data-theme="dark"] :is([class$="-cat"],[class*="-cat "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])),
[data-theme="dark"] :is([class$="-category"],[class*="-category "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])){background:#241c3d !important;color:#c4b5fd !important}

/* ============================================================
   ============================================================
   PART 7 — 패턴 규칙 회귀 복구 (2026-09-20)

   무슨 일이 있었나
     PART 5/6 의 패턴 선택자를 [class$="-card"] 에서
     :is([class$="-card"],[class*="-card "]):not(:is([class^="ml-"],[class*=" ml-"],[class^="pg-"],[class*=" pg-"],[class^="cp-"],[class*=" cp-"],[class^="lx-"],[class*=" lx-"],[class^="prg-"],[class*=" prg-"],[class^="pv-"],[class*=" pv-"],[class^="col-"],[class*=" col-"],[class^="widget-"],[class*=" widget-"],[class^="board-"],[class*=" board-"],[class^="panel-"],[class*=" panel-"],[class^="admin-"],[class*=" admin-"],[class^="form-"],[class*=" form-"],[class^="table-"],[class*=" table-"],[class^="modal-"],[class*=" modal-"],[class^="nav-"],[class*=" nav-"],[class^="header-"],[class*=" header-"],[class^="footer-"],[class*=" footer-"],[class^="site-"],[class*=" site-"],[class^="main-"],[class*=" main-"],[class^="stat-"],[class*=" stat-"],[class^="lumex-"],[class*=" lumex-"],[class^="au-"],[class*=" au-"],[class^="bc-"],[class*=" bc-"],[class^="mx-"],[class*=" mx-"],[class^="sh-"],[class*=" sh-"],[class^="partners-"],[class*=" partners-"],[class^="benefits-"],[class*=" benefits-"],[class^="register-"],[class*=" register-"],[class^="auth-"],[class*=" auth-"],[class^="comment-"],[class*=" comment-"],[class^="post-"],[class*=" post-"],[class^="page-"],[class*=" page-"],[class*="fa-"],[class^="fa"])) 로 고치자
     클래스가 두 개인 요소까지 잡히기 시작했다.

     그 결과 class="ml-float-card ml-float-stats" 처럼
     "어두운 히어로 위에 얹힌 유리 카드"가 흰 카드로 바뀌어
     흰 글씨가 흰 배경에 묻혀 안 보이게 됐다.
     .ml-diag-btn 도 -btn 패턴에 걸려 라임색을 잃었다.

   고치는 방법
     88개 선택자에 일일이 :not() 을 붙이는 대신,
     맨 뒤에서 "어두운 영역 안쪽"만 되돌린다.
     같은 !important 라도 나중에 선언된 쪽이 이긴다.

   ★ 앞으로 패턴 규칙을 추가할 때는 이 블록이 항상 파일 맨 끝에 있어야 한다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P7-1. 어두운 영역 안에서는 패턴 규칙을 무력화
   ========================================================== */
.ml-hero [class*="-card"],
.pg-hero [class*="-card"],
.tool-page-header [class*="-card"],
.matching-hero [class*="-card"],
.trend-hero [class*="-card"],
.content-hub-hero [class*="-card"],
.cta-section [class*="-card"]{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  color:#fff !important;
}

/* 히어로 안 글자는 전부 밝게 */
.ml-hero [class*="-card"] *,
.pg-hero [class*="-card"] *,
.matching-hero [class*="-card"] *{color:inherit}

/* ==========================================================
   P7-2. 메인 히어로 요소 원복 (PART 1 의 의도 복원)
   ========================================================== */
.ml-float-card{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:16px !important;
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  color:#fff !important;
  transform:none !important;
}
.ml-float-card .label,
.ml-float-card .item-text,
.ml-float-card .text{color:rgba(232,232,245,.78) !important}
.ml-float-card strong{color:#fff !important}
.ml-float-stats .num{
  background:linear-gradient(180deg,#fff,#cbb9fb) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  font-weight:850 !important;letter-spacing:-.05em !important;
}
.ml-float-activity .head{color:var(--lx-lime) !important;font-weight:850 !important}
.ml-float-activity .live-dot{background:var(--lx-lime) !important;box-shadow:0 0 10px var(--lx-lime) !important}

/* 진단 버튼 — 라임 복원 */
.ml-diag-btn{
  background:var(--lx-lime) !important;
  border:0 !important;
  color:#16240a !important;
  border-radius:999px !important;
  font-weight:850 !important;
  padding:0 22px !important;min-height:44px !important;
  white-space:nowrap !important;
}
.ml-diag-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(185,255,102,.36) !important;color:#16240a !important}
.ml-diag-box{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
}
.ml-diag-box input{
  background:transparent !important;border:0 !important;box-shadow:none !important;
  color:#fff !important;
}
.ml-diag-box input::placeholder{color:rgba(255,255,255,.5) !important}

.ml-hero-badge{
  border:1px solid rgba(185,255,102,.28) !important;
  background:rgba(185,255,102,.07) !important;
  color:#dff7b6 !important;
}
.ml-hero-badge .dot{background:var(--lx-lime) !important;box-shadow:0 0 10px var(--lx-lime) !important}

/* 아바타 줄 */
.ml-avatars .ml-avatar{
  border-radius:50% !important;
  border:2px solid var(--lx-deep) !important;
}

/* ==========================================================
   P7-3. 프로그램 페이지 원복
   ========================================================== */
.pg-tab.on{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
}
.pg-tab:not(.on){
  background:#fff !important;border:1px solid var(--lx-line) !important;color:var(--lx-sub) !important;
}
.pg-cta{
  background:var(--lx-lime) !important;color:#16240a !important;border:0 !important;
  white-space:nowrap !important;
}
.pg-cta:hover{color:#16240a !important}
.pg-chip{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  color:#fff !important;
}
.pg-go{background:var(--lx-ink) !important;color:#fff !important}
.pg-card{transform:none}
.pg-card:hover{transform:translateY(-3px)}

/* ==========================================================
   P7-4. 커뮤니티 활력 위젯 원복
   ========================================================== */
.cp-get{
  background:var(--lx-lime) !important;color:#16240a !important;border:0 !important;
  white-space:nowrap !important;
}
.cp-get[disabled]{background:var(--lx-line2) !important;color:var(--lx-faint) !important}
.cp-reply{background:var(--lx-ink) !important;color:#fff !important;border:0 !important}
.cp-count{background:#fff4e6 !important;color:#b45309 !important;border:0 !important}
.cp-bd{background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;border:0 !important}
.cp-need,.cp-box{border-radius:16px !important}

/* ==========================================================
   P7-5. 헤더 안쪽 — 패턴이 건드리면 안 되는 것들
   ========================================================== */
.header-top .point-display{
  background:rgba(185,255,102,.13) !important;color:var(--lx-lime) !important;border:0 !important;
}
.btn-point-charge{
  background:var(--lx-lime) !important;color:#16240a !important;border:1px solid var(--lx-lime) !important;
}
.search-btn{
  background:var(--lx-ink) !important;color:#fff !important;border:0 !important;
  border-radius:0 !important;width:auto !important;min-width:0 !important;
}
.header-quick .btn-primary{background:var(--lx-ink) !important;color:#fff !important}
.dark-mode-toggle,.notification-bell,.header-icon-btn{border-radius:50% !important}

/* 토스트 */
.lx-toast{background:#fff !important}
.lx-toast-body a{background:transparent !important;border:0 !important}

/* ==========================================================
   P7-6. 다크모드에서도 동일 보장
   ========================================================== */
[data-theme="dark"] .ml-float-card{
  background:rgba(255,255,255,.055) !important;border-color:rgba(255,255,255,.12) !important;
}
[data-theme="dark"] .cp-get{background:var(--lx-lime) !important;color:#16240a !important}
[data-theme="dark"] .ml-diag-btn,
[data-theme="dark"] .pg-cta{background:var(--lx-lime) !important;color:#16240a !important}
[data-theme="dark"] .lx-toast{background:#16161f !important}

/* ============================================================
   ============================================================
   PART 8 — 인라인 스타일 잔재 정리 (2026-09-20)

   shop / matching / content / boards 등 40여 개 파일에
   style="background:#6366f1 …" 같은 인라인 버튼이 박혀 있다.
   파일을 전부 고치는 대신 속성 선택자로 잡는다.

   (작성자 !important 는 작성자 인라인 선언보다 우선한다 — 그래서 먹는다)
   ============================================================
   ============================================================ */

/* ==========================================================
   P8-1. 인라인 보라 버튼 → 잉크 pill
   ========================================================== */
a[style*="background:#6366f1"],
a[style*="background: #6366f1"],
a[style*="background:#4f46e5"],
a[style*="background: #4f46e5"],
a[style*="background:#7c3aed"],
a[style*="background: #7c3aed"],
button[style*="background:#6366f1"],
button[style*="background: #6366f1"],
button[style*="background:#4f46e5"],
button[style*="background:#7c3aed"]{
  background:var(--lx-ink) !important;
  border:1px solid var(--lx-ink) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
  display:inline-flex !important;align-items:center;gap:6px;
  white-space:nowrap;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e) !important;
}
a[style*="background:#6366f1"]:hover,
a[style*="background: #6366f1"]:hover,
a[style*="background:#4f46e5"]:hover,
a[style*="background:#7c3aed"]:hover,
button[style*="background:#6366f1"]:hover{
  transform:translateY(-1px);box-shadow:var(--lx-s2) !important;color:#fff !important;
}

/* 인라인 그라데이션 버튼도 같이 */
a[style*="linear-gradient(135deg,#6366f1"],
a[style*="linear-gradient(135deg, #6366f1"],
a[style*="linear-gradient(135deg,#4f46e5"]{
  background:var(--lx-ink) !important;border-radius:999px !important;color:#fff !important;
}

/* 인라인 보라 글자색 → 톤 맞춤 */
[style*="color:#6366f1"],[style*="color: #6366f1"],
[style*="color:#4f46e5"],[style*="color: #4f46e5"]{
  color:var(--lx-v-d) !important;
}

/* 인라인 연보라 배경(안내 박스) → 차분하게 */
[style*="background:#eef2ff"],[style*="background: #eef2ff"],
[style*="background:#f5f3ff"],[style*="background: #f5f3ff"]{
  background:var(--lx-v-l) !important;
}

/* ==========================================================
   P8-2. 썸네일 빈칸이 "빈 상태 박스"로 잡히던 문제
   .sh-thumb-empty / .guide-thumb-placeholder 처럼
   -empty 로 끝나지만 실제로는 이미지 자리인 것들.
   ========================================================== */
[class*="-thumb-empty"],
[class*="-thumb-placeholder"],
[class*="-image-empty"]{
  padding:0 !important;
  border:0 !important;
  border-radius:13px !important;
  /* 연보라 배경 + 연보라 글자였다. 대비 1.28 — 이모지가 안 보였다.
     이미지가 없을 때 쓰는 자리이므로 중립 회색으로 둔다. */
  background:#f2f3f6 !important;
  color:#6b7280 !important;
  display:flex !important;align-items:center;justify-content:center;
  aspect-ratio:1 !important;
  width:100%;
  font-size:30px !important;
}

/* 상품 카드 — 썸네일 높이를 한 줄로 맞춘다 */
.sh-card .sh-thumb,
.sh-card [class*="-thumb-empty"]{
  aspect-ratio:1 !important;max-height:none !important;
}

/* ==========================================================
   P8-3. 남은 각진 모서리 정리
   ========================================================== */
[style*="border-radius:8px"],[style*="border-radius: 8px"]{border-radius:11px !important}
[style*="border-radius:6px"],[style*="border-radius: 6px"]{border-radius:9px !important}

/* ==========================================================
   P8-4. 다크모드
   ========================================================== */
[data-theme="dark"] a[style*="background:#6366f1"],
[data-theme="dark"] a[style*="background: #6366f1"],
[data-theme="dark"] a[style*="background:#4f46e5"],
[data-theme="dark"] button[style*="background:#6366f1"]{
  background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important;
}
[data-theme="dark"] [style*="background:#eef2ff"],
[data-theme="dark"] [style*="background: #eef2ff"],
[data-theme="dark"] [style*="background:#f5f3ff"]{background:#1b1630 !important}
[data-theme="dark"] [class*="-thumb-empty"],
[data-theme="dark"] [class*="-thumb-placeholder"]{background:#1b1630 !important;color:#3b2d63 !important}

/* ============================================================
   ============================================================
   PART 9 — 시안의 "레이아웃 언어" 이식 (2026-09-20)

   앞서 PART 1~8 은 색과 모양만 맞췄다. 그래서 시안의 느낌이 안 났다.
   시안이 고급스러운 이유는 색이 아니라 아래 네 가지 구조다.

     1) 다크 밴드      한 섹션 전체가 #0a0a0c 로 깔리고 위쪽에 라임 글로우가 번진다
     2) 2단 섹션헤더    좌: 아이브로우 + 아주 큰 제목 / 우: 설명문. 밑선 기준 정렬
     3) 열별 액센트     카드 묶음마다 다른 색을 주고 상단 보더·아이콘·태그에 그 색을 쓴다
     4) 라임 = 주 CTA   포인트 색이 아니라 "가장 중요한 버튼"의 색

   실제 시안 수치를 그대로 옮겼다.
     .section-heading  grid 1.25fr .75fr / gap 80 / align-items:end / mb 54
     h2                clamp(36px,4.3vw,63px) / lh 1.06 / ls -.065em / w850
     p                 15.5px / lh 1.78 / w450 / ls -.015em
     .bsec::before     900x700 라임 radial, blur 56px, top -24% left 44%
   ============================================================
   ============================================================ */

/* ==========================================================
   P9-1. 다크 밴드
   ========================================================== */
.lx-band{
  position:relative;overflow:hidden;
  background:var(--lx-deep);
  color:#fff;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  padding:64px 56px;
  margin:0 0 30px;
}
.lx-band::before{
  content:"";position:absolute;top:-24%;left:44%;
  width:900px;height:700px;pointer-events:none;
  transform:translateX(-50%);
  background:radial-gradient(ellipse, rgba(185,255,102,.08), transparent 66%);
  filter:blur(56px);
}
/* 바이올렛 변주 — 커뮤니티 쪽 섹션에 쓴다 */
.lx-band.v::before{background:radial-gradient(ellipse, rgba(139,92,246,.16), transparent 66%)}
.lx-band > *{position:relative;z-index:2}

@media(max-width:760px){
  .lx-band{padding:40px 22px;border-radius:18px}
}

/* ==========================================================
   P9-2. 2단 섹션 헤더 — 시안 수치 그대로
   ========================================================== */
.lx-sechead{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:80px;
  align-items:end;
  margin-bottom:44px;
}
.lx-sechead h2{
  margin:17px 0 0;
  font-size:clamp(28px,3.6vw,50px);
  line-height:1.06;
  letter-spacing:-.065em;
  font-weight:850;
  word-break:keep-all;
}
.lx-sechead p{
  font-size:15px;
  line-height:1.78;
  font-weight:450;
  letter-spacing:-.015em;
  color:var(--lx-sub);
  margin:0;
  word-break:keep-all;
}
.lx-band .lx-sechead h2{color:#fff}
.lx-band .lx-sechead p{color:rgba(255,255,255,.48)}
.lx-band .lx-eyebrow{color:var(--lx-lime)}
.lx-band .lx-eyebrow i.dot{background:var(--lx-lime);box-shadow:0 0 10px var(--lx-lime)}

@media(max-width:900px){
  .lx-sechead{grid-template-columns:1fr;gap:16px;align-items:start;margin-bottom:30px}
  .lx-sechead h2{font-size:clamp(25px,6vw,34px)}
}

/* ==========================================================
   P9-3. 열별 액센트 — 시안 팔레트 그대로
   ========================================================== */
.c-lime  {--cl:#b9ff66;--cl-b:rgba(185,255,102,.32);--cl-bg:rgba(185,255,102,.10);--cl-s:rgba(185,255,102,.16)}
.c-mint  {--cl:#7ff0c0;--cl-b:rgba(127,240,192,.32);--cl-bg:rgba(127,240,192,.10);--cl-s:rgba(127,240,192,.16)}
.c-sky   {--cl:#7fdcf5;--cl-b:rgba(127,220,245,.32);--cl-bg:rgba(127,220,245,.10);--cl-s:rgba(127,220,245,.16)}
.c-blue  {--cl:#9fb8ff;--cl-b:rgba(159,184,255,.32);--cl-bg:rgba(159,184,255,.10);--cl-s:rgba(159,184,255,.16)}
.c-violet{--cl:#c7a8ff;--cl-b:rgba(199,168,255,.32);--cl-bg:rgba(199,168,255,.10);--cl-s:rgba(199,168,255,.16)}
.c-amber {--cl:#ffd479;--cl-b:rgba(255,212,121,.32);--cl-bg:rgba(255,212,121,.10);--cl-s:rgba(255,212,121,.16)}

/* ==========================================================
   P9-4. 다크 카드 — 상단 액센트 보더
   ========================================================== */
.lx-dcard{
  position:relative;
  background:#111114;
  border:1px solid rgba(255,255,255,.07);
  border-top:2px solid var(--cl, rgba(255,255,255,.18));
  border-radius:14px;
  padding:22px 20px 18px;
  display:flex;flex-direction:column;gap:9px;
  transition:transform .34s var(--lx-e), box-shadow .34s var(--lx-e), border-color .34s var(--lx-e);
}
.lx-dcard::after{
  content:"";position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;
  background:linear-gradient(180deg, var(--cl-bg, transparent), transparent);
  opacity:.9;
}
.lx-dcard > *{position:relative;z-index:2}
a.lx-dcard:hover,.lx-dcard.hoverable:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 46px rgba(0,0,0,.44);
  border-color:var(--cl-b, rgba(255,255,255,.2));
}
.lx-dcard-ico{
  width:38px;height:38px;border-radius:11px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--cl-bg,rgba(255,255,255,.07));
  border:1px solid var(--cl-b,rgba(255,255,255,.14));
  color:var(--cl,#fff);font-size:15px;
  margin-bottom:5px;
}
.lx-dcard h3,.lx-dcard .t{
  font-size:15px;font-weight:850;letter-spacing:-.035em;
  color:var(--cl,#fff);margin:0;line-height:1.35;word-break:keep-all;
}
.lx-dcard p,.lx-dcard .d{
  font-size:12.5px;line-height:1.62;color:rgba(255,255,255,.52);
  margin:0;word-break:keep-all;flex:1;
}
.lx-dcard .tag{
  align-self:flex-start;
  padding:4px 10px;border-radius:99px;
  background:var(--cl-s,rgba(255,255,255,.1));
  color:var(--cl,#fff);
  font-size:10px;font-weight:850;letter-spacing:-.005em;
}

/* 작은 하위 카드 (시안 하단 그리드) */
.lx-dsub{
  background:#0f0f12;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  padding:16px 16px;
  text-align:center;
  transition:border-color .3s var(--lx-e), transform .3s var(--lx-e);
}
a.lx-dsub:hover{border-color:var(--cl-b,rgba(255,255,255,.2));transform:translateY(-3px)}
.lx-dsub b{display:block;font-size:13px;font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:4px}
.lx-dsub span{display:block;font-size:11.5px;color:rgba(255,255,255,.45);line-height:1.5}
.lx-dsub em{
  display:block;margin-top:7px;font-style:normal;
  font-size:11px;font-weight:800;color:var(--cl,var(--lx-lime));letter-spacing:-.01em;
}

/* ==========================================================
   P9-5. 하단 CTA 바 (시안 .bfoot)
   ========================================================== */
.lx-ctabar{
  margin-top:24px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 30px;border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  position:relative;z-index:2;
}
.lx-ctabar h3{font-size:19px;font-weight:850;letter-spacing:-.04em;color:#fff;margin:0 0 5px}
.lx-ctabar p{font-size:13px;color:rgba(255,255,255,.5);margin:0;line-height:1.6}
.lx-ctabar .lx-pill-lime{flex:none}

/* 밝은 배경용 변주 */
.lx-ctabar.light{
  background:linear-gradient(120deg,var(--lx-v-l),#fff 62%);
  border:1px solid var(--lx-v-b);
}
.lx-ctabar.light h3{color:var(--lx-ink)}
.lx-ctabar.light p{color:var(--lx-muted)}

@media(max-width:620px){
  .lx-ctabar{padding:20px 18px;flex-direction:column;align-items:flex-start}
}

/* ==========================================================
   P9-6. 라임 = 주 CTA (시안의 .pill.primary)
   ========================================================== */
.lx-pill-lime,
.lx-pill-ghost,
.lx-pill-line{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:46px;padding:0 24px;border-radius:999px;
  font-size:13px;font-weight:850;letter-spacing:-.01em;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;font-family:inherit;
  transition:transform .22s var(--lx-e), box-shadow .22s var(--lx-e), background .2s;
}
.lx-pill-lime{background:var(--lx-lime);border-color:var(--lx-lime);color:#0b1304}
.lx-pill-lime:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(185,255,102,.34);color:#0b1304}
.lx-pill-ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#fff}
.lx-pill-ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);color:#fff}
.lx-pill-line{background:#fff;border-color:var(--lx-line);color:var(--lx-ink)}
.lx-pill-line:hover{border-color:var(--lx-ink);transform:translateY(-2px);box-shadow:var(--lx-s2)}
.lx-pill-lime.lg,.lx-pill-ghost.lg{min-height:54px;padding:0 30px;font-size:14px}
.lx-pill-lime svg,.lx-pill-ghost svg,
.lx-pill-lime i,.lx-pill-ghost i{transition:transform .22s var(--lx-e)}
.lx-pill-lime:hover i,.lx-pill-ghost:hover i{transform:translateX(3px)}

/* ==========================================================
   P9-7. 통계 줄 (시안 히어로 하단)
   ========================================================== */
.lx-stats{
  display:flex;flex-wrap:wrap;gap:46px;
  padding-top:26px;margin-top:26px;
  border-top:1px solid rgba(255,255,255,.12);
}
.lx-stats.on-light{border-top-color:var(--lx-line)}
.lx-stat b{
  display:block;font-size:30px;font-weight:850;letter-spacing:-.055em;line-height:1.1;
  color:#fff;font-variant-numeric:tabular-nums;
}
.lx-stats.on-light .lx-stat b{color:var(--lx-ink)}
.lx-stat span{
  display:block;margin-top:5px;
  font-size:9.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.lx-stats.on-light .lx-stat span{color:var(--lx-faint)}
@media(max-width:620px){.lx-stats{gap:26px}.lx-stat b{font-size:24px}}

/* ==========================================================
   P9-8. 밝은 카드 (시안 .card) — 큰 라운드·넉넉한 패딩
   ========================================================== */
.lx-lcard{
  background:#fff;border:1px solid var(--lx-line);border-radius:22px;
  padding:30px 28px 24px;
  display:flex;flex-direction:column;gap:12px;
  position:relative;overflow:hidden;
  box-shadow:var(--lx-s1);
  transition:transform .34s var(--lx-e), box-shadow .34s var(--lx-e), border-color .34s var(--lx-e);
}
a.lx-lcard:hover,.lx-lcard.hoverable:hover{
  transform:translateY(-6px);box-shadow:var(--lx-s3);border-color:var(--lx-v-b);
}
.lx-lcard-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;
  color:var(--lx-faint);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
}
.lx-lcard-top b{
  padding:5px 9px;border-radius:99px;
  background:var(--lx-lime-l);color:var(--lx-lime-d);font-size:9px;letter-spacing:0;
}
.lx-lcard h3{font-size:17px;font-weight:850;letter-spacing:-.04em;margin:0;line-height:1.35}
.lx-lcard p{font-size:13px;line-height:1.68;color:var(--lx-muted);margin:0;flex:1;word-break:keep-all}

/* ==========================================================
   P9-9. 다크 밴드 안에서는 밝은 톤 규칙을 무력화
   (PART 2/5 의 패턴 규칙이 흰 배경을 칠하지 못하게)
   ========================================================== */
.lx-band [class*="-card"]:not(.lx-dcard):not(.lx-lcard),
.lx-band .card,
.lx-band .stat-card{
  background:#111114 !important;
  border-color:rgba(255,255,255,.07) !important;
  color:#fff !important;
}
.lx-band h1,.lx-band h2,.lx-band h3,.lx-band h4,.lx-band strong{color:#fff}
.lx-band p,.lx-band span,.lx-band li{color:rgba(255,255,255,.55)}
.lx-band a:not(.lx-pill-lime):not(.lx-pill-ghost):not(.lx-dcard):not(.lx-dsub){color:#fff}
.lx-band .lx-dcard h3,.lx-band .lx-dcard .t{color:var(--cl,#fff)}
.lx-band .lx-dcard p{color:rgba(255,255,255,.52)}

/* ==========================================================
   P9-10. 다크모드에서 밝은 카드 보정
   ========================================================== */
[data-theme="dark"] .lx-lcard{background:#16161f;border-color:#252533}
[data-theme="dark"] .lx-lcard h3{color:#e8e8f2}
[data-theme="dark"] .lx-lcard p{color:#9aa0ad}
[data-theme="dark"] .lx-sechead h2{color:#e8e8f2}
[data-theme="dark"] .lx-sechead p{color:#9aa0ad}
[data-theme="dark"] .lx-pill-line{background:#16161f;border-color:#252533;color:#e8e8f2}
[data-theme="dark"] .lx-ctabar.light{
  background:linear-gradient(120deg,#1b1630,#16161f 62%);border-color:#2f2452;
}
[data-theme="dark"] .lx-ctabar.light h3{color:#e8e8f2}
[data-theme="dark"] .lx-stats.on-light{border-top-color:#252533}
[data-theme="dark"] .lx-stats.on-light .lx-stat b{color:#e8e8f2}

/* ============================================================
   ============================================================
   PART 10 — 다크 컴포넌트 강제 적용 (2026-09-20)

   PART 9 로 만든 컴포넌트가 화면에서 깨졌다. 원인 두 가지.

   1) style-clean.css 가
        h1,h2,h3,h4,h5,h6 { color: var(--mc-text) !important; }   ← #111827
      로 전체 제목을 어두운 색에 !important 로 못박아 뒀다.
      그래서 다크 밴드/슬라이더 안의 흰 제목이 전부 먹색으로 나왔다.
      (기존 .ml-hero 가 멀쩡했던 건 style-clean 에 .ml-hero h1 예외가
       이미 !important 로 들어 있었기 때문이다.)

   2) PART 2/5 의 패턴 규칙 [class*="-card"] 가 !important 로 흰 배경을 칠한다.
      새로 만든 .prg-card(다크 상품 카드)가 여기에 걸려 흰 카드가 됐고,
      흰 배경에 흰 글씨가 되어 내용이 안 보였다.

   → 다크 문맥에서는 !important 로 되받아친다.
     (명시도 싸움이 아니라 '나중 선언' 으로 이기기 위해 파일 맨 끝에 둔다)
   ============================================================
   ============================================================ */

/* ==========================================================
   P10-1. 다크 문맥의 제목 — style-clean 의 전역 !important 되받기
   ========================================================== */
.lx-band h1, .lx-band h2, .lx-band h3, .lx-band h4, .lx-band h5,
.lx-slider h1, .lx-slider h2, .lx-slider h3, .lx-slider h4,
.lx-ctabar:not(.light) h1, .lx-ctabar:not(.light) h2, .lx-ctabar:not(.light) h3,
.prg-hero h1, .prg-hero h2, .prg-hero h3,
.prg-allin h3, .prg-name, .prg-step strong,
.pv-head h1, .pv-head h2,
.tool-page-header h1, .tool-page-header h2,
.content-hub-hero h1, .content-hub-hero h2,
.trend-hero h1, .trend-hero h2,
.matching-hero h1, .matching-hero h2,
.tools-hero h1, .tools-hero h2,
.cta-section h1, .cta-section h2, .cta-section h3{
  color:#fff !important;
}

/* 그라데이션 글자는 색을 비워야 background-clip 이 보인다 */
.prg-hero h1 em,
.ml-hero h1 .grad,
.lx-band .grad{
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

/* 다크 문맥의 본문 */
.lx-band p, .lx-band li,
.prg-hero .lead, .prg-allin p, .prg-step p,
.pv-head .lead,
.lx-ctabar:not(.light) p{
  color:rgba(255,255,255,.58) !important;
}
.lx-slide h3{color:#fff !important}
.lx-slide p{color:rgba(232,232,245,.76) !important}

/* ==========================================================
   P10-2. 다크 카드 — 패턴 규칙의 흰 배경 되받기
   ========================================================== */
.prg-card,
.lx-dcard{
  background:#111114 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-top:2px solid var(--cl, rgba(255,255,255,.18)) !important;
  border-radius:16px !important;
  box-shadow:none !important;
}
.prg-card:hover,
a.lx-dcard:hover{
  box-shadow:0 22px 46px rgba(0,0,0,.45) !important;
  border-color:var(--cl-b, rgba(255,255,255,.22)) !important;
}
.prg-desc, .lx-dcard p{color:rgba(255,255,255,.5) !important}
.prg-price{color:#fff !important}
.prg-foot{border-top:1px solid rgba(255,255,255,.08) !important}

/* 카드 안 분류 라벨 — 패턴이 보라 pill 로 늘려놓은 것을 되돌린다 */
.prg-cat{
  display:inline-block !important;
  background:transparent !important;
  color:var(--cl,#fff) !important;
  padding:0 !important;margin:0 !important;
  border:0 !important;border-radius:0 !important;
  font-size:9px !important;font-weight:850 !important;
  letter-spacing:.12em !important;text-transform:uppercase;
  opacity:.85;
}

/* 상태 배지 */
.prg-badge{border:0 !important}
.prg-badge.ok{background:var(--cl-s,rgba(185,255,102,.16)) !important;color:var(--cl,#b9ff66) !important}
.prg-badge.soon,.prg-badge.mt{background:rgba(255,255,255,.08) !important;color:rgba(255,255,255,.55) !important}

/* 카드 안 "자세히" 버튼 */
.prg-go{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
}
.prg-card:hover .prg-go{
  background:var(--lx-lime) !important;border-color:var(--lx-lime) !important;color:#0b1304 !important;
}

/* ==========================================================
   P10-3. 지갑 카드 · 구독 박스 · CTA 바
   ========================================================== */
.prg-wallet,
.prg-allin,
.lx-ctabar:not(.light){
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:none !important;
}
.prg-wallet .sub,.prg-wallet-note{color:rgba(255,255,255,.5) !important}
.prg-wallet .pt{color:transparent !important;-webkit-text-fill-color:transparent !important}
.prg-allin-price strong{color:#fff !important}
.prg-allin-price .per{color:rgba(255,255,255,.5) !important}
.prg-allin-price del{color:rgba(255,255,255,.34) !important}
.prg-save{background:rgba(185,255,102,.16) !important;color:#b9ff66 !important;border:0 !important}

/* 필터 탭 — 밝은 배경에 있으므로 패턴 규칙과 값이 같지만 명시적으로 */
.prg-tab{background:#fff !important;border:1px solid var(--lx-line) !important;color:var(--lx-sub) !important}
.prg-tab.on{background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important}

/* ==========================================================
   P10-4. 상세 페이지
   ========================================================== */
.pv-head{
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-top:3px solid var(--cl,rgba(255,255,255,.2)) !important;
}
.pv-chip{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.14) !important;color:rgba(255,255,255,.82) !important}
.pv-chip.ok{background:var(--cl-s,rgba(185,255,102,.16)) !important;color:var(--cl,#b9ff66) !important}
.pv-cat{color:var(--cl,#fff) !important;background:transparent !important;padding:0 !important}
.pv-buy{background:#fff !important;border:1px solid var(--lx-line) !important}
.pv-buy-price{color:var(--lx-ink) !important}

/* ==========================================================
   P10-5. 슬라이더 — 패턴 규칙이 건드리지 못하게
   ========================================================== */
.lx-slider,.lx-slide,.lx-slide-in{background:transparent !important;border:0 !important;box-shadow:none !important}
.lx-slider{background:var(--lx-deep) !important;border:1px solid rgba(255,255,255,.06) !important}
.lx-slide-badge{background:rgba(255,255,255,.09) !important;border:1px solid rgba(255,255,255,.16) !important;color:rgba(255,255,255,.92) !important}
.lx-slide-b1{background:#b9ff66 !important;border:0 !important;color:#16240a !important}
.lx-slide-b2{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.2) !important;color:#fff !important}
.lx-slide-art{
  background:rgba(var(--lx-slide-rgb),.16) !important;
  border:1px solid rgba(var(--lx-slide-rgb),.30) !important;
  color:rgba(255,255,255,.88) !important;
}
.lx-slider-nav{background:rgba(12,12,18,.45) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important}
.lx-slider-dots button{background:rgba(255,255,255,.28) !important;border:0 !important}
.lx-slider-dots button.on{background:#b9ff66 !important}

/* ==========================================================
   P10-6. 제휴사 카드
   ========================================================== */
.prg-partner{background:#fff !important;border:1px solid var(--lx-line) !important}
.prg-partner-logo{background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;border:0 !important}
.prg-partner-txt b{color:var(--lx-ink) !important}
.prg-partner-txt span{color:var(--lx-muted) !important}
.prg-partner-txt em{color:var(--lx-lime-d) !important}

/* ==========================================================
   P10-7. 다크모드
   ========================================================== */
[data-theme="dark"] .prg-tab{background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important}
[data-theme="dark"] .prg-tab.on{background:#e8e8f2 !important;border-color:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .prg-partner{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .prg-partner-txt b{color:#e8e8f2 !important}
[data-theme="dark"] .pv-buy{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .pv-buy-price{color:#e8e8f2 !important}

/* ============================================================
   ============================================================
   PART 11 — 가독성 · 안 보이는 글자 (2026-09-20)

   자동 대비 검사기(_contrast_audit.html)를 만들어 전 페이지를 훑었다.
   WCAG 명도 대비 3 미만을 "사실상 안 읽힘"으로 잡았고, 나온 것들을 고친다.

   [대비 1.00 — 완전히 안 보임]
     .footer-stats-bar  흰 배경 + 흰 숫자
     원인: style-clean.css(2026-05) 가 밝은 상태바 3종을
           `.live-status-bar, .stats-bar, .footer-stats-bar` 로 묶어
           흰 배경을 !important 로 칠했다. 그런데 이 바는 어두운 푸터 안에 있다.
           2026-05 부터 푸터 방문자/회원 숫자가 안 보이는 상태였다.

   [대비 2.4~2.6 — 읽히긴 하나 눈에 부담]
     본문 보조 텍스트에 #9ca3af / #94a3b8 이 널리 쓰인다.
     작은 글자 기준 WCAG AA 는 4.5 이므로 토큰을 한 단계 진하게 조정한다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P11-1. 푸터 통계 — 어두운 푸터 위로 되돌린다
   ========================================================== */
.site-footer .footer-stats-bar,
footer .footer-stats-bar{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:16px 0 !important;
}
.site-footer .footer-stats-bar .stat-item,
footer .footer-stats-bar .stat-item{color:rgba(255,255,255,.62) !important}
.site-footer .footer-stats-bar .stat-item strong,
footer .footer-stats-bar .stat-item strong{color:#fff !important}
.site-footer .footer-stats-bar .stat-item i,
footer .footer-stats-bar .stat-item i{color:var(--lx-lime) !important}

/* 같은 이유로 푸터 안의 다른 밝은 박스들도 정리 */
.site-footer .stats-bar,
.site-footer .live-status-bar,
footer .stats-bar,
footer .live-status-bar{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:none !important;
}

/* 푸터 전반 가독성 */
.site-footer, footer.site-footer{color:rgba(255,255,255,.62) !important}
.site-footer a{color:rgba(255,255,255,.72) !important}
.site-footer a:hover{color:#fff !important}
.site-footer h3,.site-footer h4,.site-footer strong,
.site-footer .footer-nav-column h4{color:#fff !important}
.site-footer .footer-business,
.site-footer .footer-bottom{color:rgba(255,255,255,.44) !important}

/* ==========================================================
   P11-2. 보조 텍스트 톤 — 한 단계 진하게
   기존 --lx-muted #757a87 (4.6:1) 는 통과.
   --lx-faint #9aa0ad 는 2.6:1 이라 작은 글자에 쓰면 안 된다.
   ========================================================== */
:root{
  --lx-faint:#8b909e;   /* 2.6 → 3.5. 날짜·보조 라벨용 */
  --lx-meta:#6b7280;    /* 4.8. 본문 안 메타 텍스트용 */
}

/* 게시판 날짜·조회수처럼 "읽어야 하는 작은 글자" */
.ml-when,.cp-meta,.post-meta,.post-info,
.comment-date,.board-list-table td,
[class$="-meta"],[class$="-date"],
.footer-stats-bar .stat-item{
  color:var(--lx-meta) !important;
}
.site-footer .footer-stats-bar .stat-item{color:rgba(255,255,255,.62) !important}

/* 자주 쓰이는 흐린 회색 직접 지정을 끌어올린다 */
[style*="color:#9ca3af"],[style*="color: #9ca3af"],
[style*="color:#94a3b8"],[style*="color: #94a3b8"],
[style*="color:#cbd5e1"],[style*="color: #cbd5e1"]{
  color:var(--lx-meta) !important;
}
/* 어두운 배경 위에서는 반대로 밝게 */
.lx-band [style*="color:#9ca3af"],
.lx-band [style*="color:#94a3b8"],
.site-footer [style*="color:#9ca3af"],
.site-footer [style*="color:#94a3b8"],
.prg-hero [style*="color:#9ca3af"]{
  color:rgba(255,255,255,.62) !important;
}

/* ==========================================================
   P11-3. FAQ 검색창 — 아이콘이 placeholder 위에 겹쳐 있었다
   ========================================================== */
.faq-search,[class$="-search"]:not(.header-search){position:relative}
.faq-search input,
[class$="-search"]:not(.header-search) input[type="text"],
[class$="-search"]:not(.header-search) input[type="search"]{
  padding-left:40px !important;
}
.faq-search > i,
[class$="-search"]:not(.header-search) > i{
  position:absolute;left:15px;top:50%;transform:translateY(-50%);
  color:var(--lx-faint);pointer-events:none;font-size:13px;z-index:2;
}

/* ==========================================================
   P11-4. 다크모드에서의 대비
   ========================================================== */
[data-theme="dark"]{
  --lx-faint:#7d8393;
  --lx-meta:#9aa0ad;
}
[data-theme="dark"] .ml-when,
[data-theme="dark"] .post-meta,
[data-theme="dark"] .comment-date,
[data-theme="dark"] [class$="-meta"],
[data-theme="dark"] [class$="-date"]{color:#9aa0ad !important}

/* ============================================================
   ============================================================
   PART 12 — 명시도 되찾기 + 잔여 대비 (2026-09-20)

   자동 검사 2차에서 남은 것들. 원인이 둘 다 "명시도 싸움" 이다.

   1) .tool-page-header 가 투명해져 다크 히어로가 사라졌다
      PART 5 의 패턴 규칙
        :is([class$="-page-header"],…):not(:is(…))   → 명시도 (0,2,0)
      가 뒤에 쓴
        .tool-page-header                             → 명시도 (0,1,0)
      를 이긴다. 순서가 아니라 명시도가 결정한다.
      → 클래스를 두 번 겹쳐 (0,2,0) 으로 맞추고 나중 선언으로 이긴다.

   2) .ad-widget(사이드바 광고 문의)이 흰 배경 + 흰 글씨
      style.css   .ad-widget      { background: linear-gradient(...) !important }
      style-clean .sidebar-widget { background: var(--mc-surface)    !important }
      둘 다 !important 인데 style-clean 이 뒤에 로드돼 흰색이 이긴다.
      마크업이 class="sidebar-widget ad-widget" 라 둘 다 적용된다.
      2026-05 이후 이 위젯은 계속 안 보이는 상태였다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P12-1. 페이지 히어로 — 다크 복구
   ========================================================== */
.tool-page-header.tool-page-header,
.content-hub-hero.content-hub-hero,
.trend-hero.trend-hero,
.matching-hero.matching-hero,
.tools-hero.tools-hero,
.portfolio-hero.portfolio-hero,
.ref-hero.ref-hero,
.venue-hero.venue-hero{
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:22px !important;
  padding:38px 36px !important;
  margin:0 0 26px !important;
  box-shadow:var(--lx-s3) !important;
}
@media(max-width:640px){
  .tool-page-header.tool-page-header,
  .content-hub-hero.content-hub-hero,
  .trend-hero.trend-hero,
  .matching-hero.matching-hero{padding:26px 20px !important;border-radius:16px !important}
}

/* ==========================================================
   P12-2. 사이드바 광고 위젯 — 그라데이션 되살리기
   ========================================================== */
.sidebar-widget.ad-widget,
.widget.ad-widget,
.ad-widget.ad-widget{
  background:linear-gradient(140deg, #1a1630 0%, #2a1f56 55%, #1d1a38 100%) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:var(--lx-s2) !important;
}
.ad-widget .ad-content{background:transparent !important}
.ad-widget h3,.ad-widget h4,.ad-widget strong{color:#fff !important}
.ad-widget p{color:rgba(255,255,255,.66) !important}
.ad-widget .ad-positions li{color:rgba(255,255,255,.72) !important;font-size:12.5px !important}
.ad-widget .ad-positions li i{color:var(--lx-lime) !important}
.ad-widget .ad-icon{
  background:rgba(185,255,102,.14) !important;
  border:1px solid rgba(185,255,102,.26) !important;
  color:var(--lx-lime) !important;
}
.ad-widget .btn,.ad-widget .btn-primary{
  background:var(--lx-lime) !important;
  border-color:var(--lx-lime) !important;
  color:#16240a !important;
}
.ad-widget .btn:hover{color:#16240a !important}
.ad-widget .ad-badge{
  background:rgba(255,255,255,.12) !important;color:#fff !important;border:0 !important;
}

/* 같은 사고를 막기 위해 — 어두운 의도의 사이드바 위젯 모음 */
.sidebar-widget.lumex-widget-wrap,
.lumex-widget-wrap.lumex-widget-wrap{
  background:linear-gradient(145deg,#0f172a,#1a2332) !important;
  border:1px solid rgba(99,102,241,.18) !important;
}
.lumex-widget-wrap h3,.lumex-widget-wrap h4,.lumex-widget-wrap strong{color:#fff !important}
.lumex-widget-footer span{color:rgba(255,255,255,.55) !important}
.lumex-svc-item{color:rgba(255,255,255,.82) !important}
.lumex-brand-text span{color:#a5b4fc !important}

/* ==========================================================
   P12-3. 남은 대비 — 상태 배지
   ========================================================== */
.badge-recruiting,.status-recruiting,
[class*="모집"],
.badge.green,.badge-green{
  color:#1d7a4f !important;               /* #10b981 → 진하게 */
}
.badge-closed,.status-closed,.badge.gray{
  color:var(--lx-meta) !important;        /* #94a3b8 → 진하게 */
}
.deadline,.dday,[class$="-deadline"]{color:var(--lx-meta) !important}

/* 진한 배경 위 보라 pill 안의 흐린 글씨 */
[style*="background:#7761f4"] *,
[style*="background:#6366f1"] *,
.filter-tab.active *,
.prg-tab.on *{color:#fff !important}

/* ==========================================================
   P12-4. 다크모드
   ========================================================== */
[data-theme="dark"] .sidebar-widget.ad-widget{
  background:linear-gradient(140deg,#16132c,#241d4a 55%,#181630 100%) !important;
}

/* ============================================================
   PART 13 — 흐린 회색 일괄 조정 (2026-09-20)

   자동 검사 3차에서 남은 건 "안 보임" 이 아니라 "읽기 힘듦" 이었다.
   본문 보조 텍스트에 아래 세 값이 사이트 전반에 흩어져 있다.
       #9ca3af (2.54)  #94a3b8 (2.56)  #cbd5e1 (1.4)
   작은 글자 WCAG AA 기준은 4.5 이므로 한 단계씩 끌어올린다.

   밝은 배경에서만 올리고, 어두운 배경 위에서는 원래대로 밝게 둔다.
   (같은 회색이 다크 푸터에선 잘 읽히기 때문)
   ============================================================ */

:root{ --lx-meta:#6b7280; }        /* 4.8:1 — 날짜·조회수·보조 라벨 */

/* 밝은 배경 위의 흐린 회색 → 진하게 */
body:not([data-theme="dark"]) [style*="color:#9ca3af"],
body:not([data-theme="dark"]) [style*="color: #9ca3af"],
body:not([data-theme="dark"]) [style*="color:#94a3b8"],
body:not([data-theme="dark"]) [style*="color: #94a3b8"],
body:not([data-theme="dark"]) [style*="color:#cbd5e1"],
body:not([data-theme="dark"]) [style*="color: #cbd5e1"]{
  color:var(--lx-meta) !important;
}

/* 사이드바 로그인 박스의 보조 링크들 */
.login-box a:not(.btn):not(.btn-primary),
.sidebar-widget a:not(.btn):not(.btn-primary):not([class*="lumex-"]),
.login-links a,
.sns-login-label,
.widget .more,.ml-more,
[class$="-sort"] a:not(.active),
[class$="-sort-bar"] a:not(.active){
  color:var(--lx-meta) !important;
}

/* 게시판 날짜·메타 */
.ml-when,.cp-meta,.post-meta,.post-info,.comment-date,
[class$="-meta"],[class$="-date"],[class$="-time"],
.board-list-table .date,.board-list-table .hit{
  color:var(--lx-meta) !important;
}

/* 상태 배지 — 옅은 배경 위 옅은 글씨 조합 정리 */
.badge-success,.status-open,.state-open,
[class*="모집중"]{background:var(--lx-lime-l) !important;color:#1d7a4f !important}
.badge-secondary,.status-closed,.state-closed{
  background:var(--lx-line2) !important;color:var(--lx-meta) !important;
}

/* 보라 배경 pill 안의 글씨는 항상 흰색 */
.filter-tab.active,.filter-tab.active *,
.prg-tab.on,.prg-tab.on *,
[class$="-btn"].active,[class$="-btn"].active *,
[class$="-tab"].active,[class$="-tab"].active *,
[class$="-chip"].active,[class$="-chip"].active *{
  color:#fff !important;
}
[data-theme="dark"] .filter-tab.active,[data-theme="dark"] .filter-tab.active *,
[data-theme="dark"] .prg-tab.on,[data-theme="dark"] .prg-tab.on *,
[data-theme="dark"] [class$="-btn"].active,[data-theme="dark"] [class$="-btn"].active *,
[data-theme="dark"] [class$="-tab"].active,[data-theme="dark"] [class$="-tab"].active *{
  color:#0c0c12 !important;
}

/* 어두운 영역에서는 되돌린다 */
.lx-band [class$="-meta"],.lx-band [class$="-date"],
.site-footer [class$="-meta"],.site-footer [class$="-date"],
.prg-hero [class$="-meta"],
.lx-band .ml-when,.site-footer .ml-when{
  color:rgba(255,255,255,.58) !important;
}
[data-theme="dark"] .ml-when,
[data-theme="dark"] [class$="-meta"],
[data-theme="dark"] [class$="-date"],
[data-theme="dark"] .login-box a:not(.btn),
[data-theme="dark"] .sidebar-widget a:not(.btn){color:#9aa0ad !important}

/* ============================================================
   PART 14 — 메인 페이지 리듬 (2026-09-20)

   시안이 평평하지 않은 이유는 색이 아니라 "리듬" 이다.
     · 섹션 사이 간격이 크다 (54px 급)
     · 섹션마다 아이브로우 + 아주 큰 제목이 먼저 온다
     · 어두운 밴드가 한 번씩 끼어들어 호흡을 끊는다

   메인 섹션 헤더를 .lx-sechead 로 바꿨으니 여기서 간격과 크기를 맞춘다.
   ============================================================ */

/* 섹션 간 호흡 */
.ml-main .ml-section{margin-top:56px !important}
.ml-main .ml-section:first-of-type{margin-top:26px !important}

/* 메인의 섹션 헤더 — 우측 설명 안의 더보기 링크를 아래로 떨군다 */
.ml-main .lx-sechead{margin-bottom:26px}
.ml-main .lx-sechead p{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.ml-main .lx-sechead p .ml-more{align-self:flex-start}

/* 메인 헤드라인은 본문 폭 기준으로 한 단계 작게 (시안보다 정보가 많은 화면이라) */
.ml-main .lx-sechead h2{font-size:clamp(26px,3.1vw,40px)}

@media(max-width:900px){
  .ml-main .ml-section{margin-top:38px !important}
  .ml-main .lx-sechead h2{font-size:clamp(23px,5.4vw,30px)}
}

/* 도구 카드 묶음 — 시안처럼 카드 간격을 좁혀 덩어리로 보이게 */
.ml-tools-grid{gap:14px !important}

/* 슬라이더가 히어로 바로 아래 오므로 간격 정리 */
.ml-hero + .lx-slider{margin-top:22px}

/* 파트너 섹션 — 시안의 하단 CTA 바 톤으로 */
.business-partners-section .partners-header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--lx-line);
}
.business-partners-section .partners-title{display:flex;align-items:center;gap:11px}
.business-partners-section .partners-title h2{
  font-size:19px !important;font-weight:850 !important;letter-spacing:-.04em !important;margin:0 !important;
}
.business-partners-section .partners-subtitle{font-size:12.5px;color:var(--lx-muted)}
.business-partners-section .partners-icon{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--lx-v-l);color:var(--lx-v-d);font-size:14px;flex:none;
}
.business-partners-section .partners-inquiry{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:999px;border:1px solid var(--lx-line);
  background:#fff;font-size:12.5px;font-weight:800;color:var(--lx-sub);
  transition:.22s var(--lx-e);
}
.business-partners-section .partners-inquiry:hover{
  border-color:var(--lx-ink);color:var(--lx-ink);transform:translateY(-1px);box-shadow:var(--lx-s2);
}
.partner-card{
  border-radius:14px !important;border:1px solid var(--lx-line) !important;
  background:#fff !important;box-shadow:var(--lx-s1) !important;
  transition:transform .28s var(--lx-e),box-shadow .28s var(--lx-e),border-color .28s var(--lx-e) !important;
}
.partner-card:hover{transform:translateY(-3px);box-shadow:var(--lx-s2) !important;border-color:var(--lx-v-b) !important}

[data-theme="dark"] .business-partners-section .partners-header{border-color:#252533}
[data-theme="dark"] .business-partners-section .partners-inquiry,
[data-theme="dark"] .partner-card{background:#16161f !important;border-color:#252533 !important;color:#9aa0ad !important}
[data-theme="dark"] .business-partners-section .partners-title h2{color:#e8e8f2 !important}

/* ============================================================
   PART 15 — 메인 잔여 요소 마감 (2026-09-20)

   실제 marketslab.net 을 열어보니 위쪽(히어로·슬라이더·도구)은 바뀌었는데
   아래쪽 카드 묶음들이 예전 그대로였다.
     · .ml-card-head   작은 제목 + 파란 아이콘(#2563eb)
     · .ml-section-head h2 i  역시 파란 아이콘
     · 순위 숫자 배지, 게시판 칸, 가이드 카드
   위와 아래가 다른 사이트처럼 보이던 원인.
   ============================================================ */

/* ── 카드 머리 ─────────────────────────────────────────── */
.ml-card-head{
  padding:16px 20px 13px !important;
  border-bottom:1px solid var(--lx-line2) !important;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.ml-card-head h3{
  font-size:15px !important;font-weight:850 !important;
  letter-spacing:-.038em !important;margin:0 !important;
  display:flex;align-items:center;gap:8px;
}
/* 파란 아이콘 → 잉크. 시안은 제목 옆 아이콘을 튀게 쓰지 않는다 */
.ml-card-head h3 i,
.ml-section-head h2 i{
  color:var(--lx-ink) !important;
  font-size:12.5px !important;
  opacity:.5;
}
.ml-card-head .ml-more{
  font-size:11.5px !important;color:var(--lx-muted) !important;
  padding:5px 11px !important;
}

/* ── 순위 숫자 배지 ────────────────────────────────────── */
.ml-tag{
  min-width:20px;height:20px;border-radius:50% !important;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10.5px !important;font-weight:850 !important;
  background:var(--lx-line2) !important;color:var(--lx-muted) !important;
  flex:none;padding:0 !important;
}
.ml-list li:nth-child(-n+3) .ml-tag{
  background:var(--lx-ink) !important;color:#fff !important;
}

/* ── 리스트 행 ─────────────────────────────────────────── */
.ml-list li{padding:11px 20px !important}
.ml-list li:hover{padding-left:24px !important}
.ml-title-text{font-size:13.5px !important;font-weight:650 !important;letter-spacing:-.024em !important}
.ml-when{font-size:11.5px !important}

/* ── 게시판 칸 ─────────────────────────────────────────── */
.ml-boards-grid{gap:14px !important}
.ml-board-card,.ml-boards-grid > *{
  border-radius:16px !important;
  border:1px solid var(--lx-line) !important;
  background:#fff !important;
  box-shadow:var(--lx-s1) !important;
  transition:transform .28s var(--lx-e),box-shadow .28s var(--lx-e),border-color .28s var(--lx-e) !important;
}
.ml-boards-grid > *:hover{
  transform:translateY(-3px);box-shadow:var(--lx-s2) !important;border-color:var(--lx-v-b) !important;
}

/* ── 가이드 카드 ───────────────────────────────────────── */
.ml-guide-grid{gap:14px !important}
.ml-guide-card{border-radius:16px !important;padding:0 !important;overflow:hidden}
.ml-guide-card h3{
  font-size:14.5px !important;font-weight:800 !important;
  letter-spacing:-.032em !important;line-height:1.45 !important;word-break:keep-all;
}
.ml-guide-meta{font-size:11.5px !important;color:var(--lx-meta) !important}

/* ── 도구 카드 (메인) ──────────────────────────────────── */
.ml-tool-card{
  border-radius:16px !important;padding:20px 16px !important;
}
.ml-tool-card h3,.ml-tool-card .ml-tool-name{
  font-size:13.5px !important;font-weight:800 !important;letter-spacing:-.03em !important;
}
.ml-tool-card p,.ml-tool-card .ml-tool-desc{font-size:11.5px !important;color:var(--lx-meta) !important}
.ml-tool-icon{border-radius:13px !important}

/* ── 더보기 링크 통일 ──────────────────────────────────── */
.ml-more{
  border-radius:999px !important;
  font-size:11.5px !important;font-weight:800 !important;
  border:1px solid var(--lx-line) !important;background:#fff !important;
  color:var(--lx-muted) !important;padding:6px 13px !important;
  display:inline-flex !important;align-items:center;gap:5px;white-space:nowrap;
}
.ml-more:hover{
  border-color:var(--lx-ink) !important;color:var(--lx-ink) !important;
  transform:translateY(-1px);box-shadow:var(--lx-s2) !important;
}

/* ── 아직 남아 있던 파란색(#2563eb) 잔재 ───────────────── */
.ml-main [style*="background:#2563eb"],
.ml-main [style*="background: #2563eb"]{background:var(--lx-ink) !important;color:#fff !important}
.ml-main [style*="color:#2563eb"],
.ml-main [style*="color: #2563eb"]{color:var(--lx-v-d) !important}

/* ── 다크모드 ──────────────────────────────────────────── */
[data-theme="dark"] .ml-card-head{border-color:#1d1d28 !important}
[data-theme="dark"] .ml-card-head h3{color:#e8e8f2 !important}
[data-theme="dark"] .ml-card-head h3 i,
[data-theme="dark"] .ml-section-head h2 i{color:#e8e8f2 !important}
[data-theme="dark"] .ml-tag{background:#252533 !important;color:#8b909e !important}
[data-theme="dark"] .ml-list li:nth-child(-n+3) .ml-tag{background:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .ml-more,
[data-theme="dark"] .ml-boards-grid > *,
[data-theme="dark"] .ml-guide-card{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .ml-guide-card h3{color:#e8e8f2 !important}

/* ============================================================
   PART 16 — PART 15 회귀 수정 + 파트너 중복 헤더 (2026-09-20)

   PART 15 에서 .ml-tag 를 "순위 숫자" 로 보고 20px 원형으로 만들었는데,
   최신글 목록은 같은 클래스를 "게시판 이름표"(마케팅정보/홍보·거래)로 쓴다.
   그래서 긴 한글이 20px 원 안에 뭉개져 까만 덩어리로 보였다.
   → index.php 에서 .ml-rank / .ml-bd 로 역할을 나눴고, 여기서 각각 칠한다.
   ============================================================ */

/* 공통값 초기화 — PART 15 의 원형 강제를 푼다 */
.ml-tag{
  min-width:0 !important;height:auto !important;
  border-radius:999px !important;
  padding:3px 9px !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  font-size:10.5px !important;font-weight:850 !important;
  white-space:nowrap;flex:none;
  background:var(--lx-line2) !important;color:var(--lx-muted) !important;
}
/* PART 15 의 nth-child 규칙 무력화 */
.ml-list li:nth-child(-n+3) .ml-tag{background:var(--lx-line2) !important;color:var(--lx-muted) !important}

/* 순위 숫자 — 여기서만 원형 */
.ml-tag.ml-rank{
  width:20px !important;min-width:20px !important;height:20px !important;
  padding:0 !important;border-radius:50% !important;
  font-variant-numeric:tabular-nums;
}
.ml-list li .ml-tag.ml-rank.top,
.ml-tag.ml-rank.top{background:var(--lx-ink) !important;color:#fff !important}

/* 게시판 이름표 — 보라 pill */
.ml-tag.ml-bd{
  background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;
  max-width:88px;overflow:hidden;text-overflow:ellipsis;display:inline-block !important;
}

/* ── 파트너 섹션 내부 헤더 중복 제거 ──────────────────────
   바깥에 "● PARTNERS / 함께하는 곳들" 시안 헤더를 새로 붙였는데
   파트너 컴포넌트가 자기 헤더("파트너 / 마케팅랩과 함께하는 파트너사")를
   또 그려서 제목이 두 번 나온다. 안쪽 제목만 숨기고 입점 문의 버튼은 남긴다. */
.ml-main .business-partners-section .partners-header{
  border-bottom:0 !important;padding-bottom:0 !important;margin-bottom:14px !important;
  justify-content:flex-end !important;
}
.ml-main .business-partners-section .partners-title{display:none !important}

/* 파트너 카드 안쪽 정리 */
.partner-card{padding:0 !important;overflow:hidden}
.partner-card .partner-cat,
.partner-card [class*="-cat"]{font-size:10px !important}
.partner-card [class$="-name"],
.partner-card h3,.partner-card h4{
  font-size:14px !important;font-weight:850 !important;letter-spacing:-.032em !important;
}
.partner-card p{font-size:12px !important;color:var(--lx-meta) !important;line-height:1.6 !important}
.partner-card .partner-link,
.partner-card [class$="-link"],
.partner-card a[class*="자세히"]{
  font-size:11.5px !important;font-weight:800 !important;color:var(--lx-v-d) !important;
}

[data-theme="dark"] .ml-tag{background:#252533 !important;color:#8b909e !important}
[data-theme="dark"] .ml-tag.ml-rank.top{background:#e8e8f2 !important;color:#0c0c12 !important}
[data-theme="dark"] .ml-tag.ml-bd{background:#241c3d !important;color:#c4b5fd !important}

/* ============================================================
   ============================================================
   PART 17 — 팔레트 강제 통합 (2026-09-20)

   실제로 칠해진 색을 전부 세어 봤다 (_color_audit.html).
   결과: 113가지.

     회색 계열 7종      #94a3b8 #9ca3af #6b7280 #757a87 #8b909e #5b606d #64748b
     연회색 7종         #e4e5ec #e5e7eb #e2e8f0 #eff0f5 #f1f5f9 #f8fafc #f9fafb
     먹색 3종           #111827 #1e293b #0f172a
     아이콘 그라데이션   #667eea #764ba2 #10b981 #059669 #ec4899 #f43f5e
                        #f59e0b #d97706 #06b6d4 #ef4444 #8b5cf6 #64748b …

   같은 뜻인데 색이 다르니 페이지마다 다른 사이트처럼 보인다.
   여기서 "뜻이 같으면 색도 같게" 강제로 묶는다.

   ── 최종 팔레트 ────────────────────────────────────────
     먹      #0c0c12      본문/제목/주요 버튼
     서브    #5b606d      보조 문장
     메타    #6b7280      날짜·조회수
     페인트  #8b909e      가장 약한 라벨
     선      #e4e5ec / #eff0f5
     면      #ffffff / #f6f6f9
     라임    #b9ff66      주 CTA · 살아있는 신호
     액센트 6 lime / mint / sky / blue / violet / amber
             — 시안의 5색 + amber. 아이콘·분류 구분에만 쓴다.
   ── 아이콘 표현 방식 ───────────────────────────────────
     원색 그라데이션 + 흰 글리프  →  옅은 틴트 + 같은 색 글리프 + 얇은 테두리
     (시안 .lx-dcard-ico 방식. 화면이 조용해지고 카드가 살아난다)
   ============================================================
   ============================================================ */

:root{
  /* 액센트 6 — 글리프용 진한 값 */
  --a-lime:#4c9800;  --a-lime-bg:#f1fce1;  --a-lime-bd:#d5efae;
  --a-mint:#0f8a63;  --a-mint-bg:#e7f8f1;  --a-mint-bd:#b8e6d5;
  --a-sky:#0d7ea3;   --a-sky-bg:#e6f5fb;   --a-sky-bd:#b3e0f0;
  --a-blue:#3f5bd9;  --a-blue-bg:#eceffd;  --a-blue-bd:#c4cff7;
  --a-violet:#6d28d9;--a-violet-bg:#f4f0ff;--a-violet-bd:#ddd2fb;
  --a-amber:#a86a00; --a-amber-bg:#fff4e2;  --a-amber-bd:#f6dcb3;
  --a-rose:#c22b52;  --a-rose-bg:#fff0f3;   --a-rose-bd:#fbd0da;
}

/* ==========================================================
   P17-1. 회색 통합 — 7종 → 3종
   ========================================================== */
[style*="#94a3b8"],[style*="#9ca3af"],[style*="#64748b"]{color:var(--lx-meta) !important}
[style*="#6b7280"],[style*="#757a87"]{color:var(--lx-meta) !important}
[style*="#8b909e"]{color:var(--lx-faint) !important}
[style*="#111827"],[style*="#1e293b"],[style*="#0f172a"]{color:var(--lx-ink) !important}

/* 연회색 면/선 통합 */
[style*="background:#f8fafc"],[style*="background: #f8fafc"],
[style*="background:#f9fafb"],[style*="background: #f9fafb"],
[style*="background:#f1f5f9"],[style*="background: #f1f5f9"]{background:#fafafb !important}
[style*="border:1px solid #e2e8f0"],[style*="border: 1px solid #e2e8f0"],
[style*="border:1px solid #e5e7eb"],[style*="border: 1px solid #e5e7eb"]{border-color:var(--lx-line) !important}

/* ==========================================================
   P17-2. 아이콘 칩 — 원색 그라데이션을 틴트로
   기존 마크업이 style="background: linear-gradient(135deg, #A, #B)" 형태라
   포함된 색으로 어느 계열인지 판별해 틴트를 덮어쓴다.
   ========================================================== */
.ml-tool-icon,.tool-icon,.tool-icon-sm,.tool-sm-icon,
.section-icon,.stat-icon,.ml-board-icon,.partner-icon,
.category-icon,.exp-icon,.badge-icon-wrap,.guide-thumb,
.ml-engage-card > div:first-child,
.item-icon,.noti-icon{
  background:var(--a-violet-bg) !important;
  border:1px solid var(--a-violet-bd) !important;
  color:var(--a-violet) !important;
  box-shadow:none !important;
}
.ml-tool-icon i,.tool-icon i,.tool-icon-sm i,.tool-sm-icon i,
.section-icon i,.stat-icon i,.ml-board-icon i,.partner-icon i,
.category-icon i,.exp-icon i,.item-icon i,.noti-icon i,
.ml-engage-card > div:first-child i{
  color:inherit !important;
}

/* 계열별 재지정 — 인라인 그라데이션에 들어 있는 색으로 판별 */
[style*="#10b981"],[style*="#059669"],[style*="#22c55e"],[style*="#16a34a"],[style*="#34d399"]{
  background:var(--a-mint-bg) !important;border-color:var(--a-mint-bd) !important;color:var(--a-mint) !important;
}
[style*="#06b6d4"],[style*="#0891b2"],[style*="#22d3ee"],[style*="#0ea5e9"]{
  background:var(--a-sky-bg) !important;border-color:var(--a-sky-bd) !important;color:var(--a-sky) !important;
}
[style*="#2563eb"],[style*="#6366f1"],[style*="#667eea"],[style*="#4f46e5"],[style*="#3b82f6"]{
  background:var(--a-blue-bg) !important;border-color:var(--a-blue-bd) !important;color:var(--a-blue) !important;
}
[style*="#8b5cf6"],[style*="#764ba2"],[style*="#7c3aed"],[style*="#a855f7"],[style*="#c084fc"]{
  background:var(--a-violet-bg) !important;border-color:var(--a-violet-bd) !important;color:var(--a-violet) !important;
}
[style*="#f59e0b"],[style*="#d97706"],[style*="#fbbf24"],[style*="#f97316"]{
  background:var(--a-amber-bg) !important;border-color:var(--a-amber-bd) !important;color:var(--a-amber) !important;
}
[style*="#ec4899"],[style*="#f43f5e"],[style*="#e11d48"],[style*="#ef4444"],[style*="#dc2626"],[style*="#db2777"]{
  background:var(--a-rose-bg) !important;border-color:var(--a-rose-bd) !important;color:var(--a-rose) !important;
}
[style*="#475569"],[style*="#334155"]{
  background:#f2f3f5 !important;border-color:var(--lx-line) !important;color:var(--lx-sub) !important;
}

/* 위 규칙은 "버튼"에는 적용하면 안 된다 — 글자가 안 읽힌다.
   버튼류는 PART 8/13 에서 이미 잉크 pill 로 잡았으므로 되돌린다. */
a[style*="background:#6366f1"],a[style*="background: #6366f1"],
a[style*="background:#4f46e5"],a[style*="background:#7c3aed"],
button[style*="background:#6366f1"],button[style*="background:#4f46e5"]{
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
}
.btn[style],.btn-primary[style],.cta-btn[style]{color:#fff !important}

/* ==========================================================
   P17-3. 어두운 영역은 제외 (틴트가 먹으면 안 된다)
   ========================================================== */
.lx-band [style*="#8b5cf6"],.lx-band [style*="#6366f1"],
.ml-hero [style*="#8b5cf6"],.ml-hero [style*="#6366f1"],
.prg-hero [style*="#8b5cf6"],
.lx-slider [style*="#8b5cf6"],.lx-slider [style*="#6366f1"],
.site-footer [style*="#6366f1"],.site-footer [style*="#8b5cf6"],
.ad-widget [style*="#6366f1"],
.lumex-widget-wrap [style*="#6366f1"]{
  background:transparent !important;border:0 !important;color:inherit !important;
}
/* 히어로 아바타 줄은 원래 색색이 맞다 (사람 얼굴 대용) */
.ml-avatars .ml-avatar{
  border:2px solid var(--lx-deep) !important;color:#fff !important;
}

/* ==========================================================
   P17-4. 로고 — 인디고 그라데이션을 브랜드 톤으로
   ========================================================== */
.logo-icon img,.logo-icon{border-radius:11px !important}

/* ==========================================================
   P17-5. 배지 계열 통합
   ========================================================== */
.ml-tool-tag,.tool-badge,.badge-new,.exp-badge,.partner-badge,
[class$="-badge"]:not(.prg-badge):not(.pv-chip){
  border-radius:999px !important;
  font-size:10px !important;font-weight:850 !important;
  padding:3px 9px !important;border:1px solid transparent !important;
}
.ml-tool-tag.new,.badge-new,[class$="-badge"].new{
  background:var(--a-lime-bg) !important;color:var(--a-lime) !important;border-color:var(--a-lime-bd) !important;
}
.badge-hot,[class$="-badge"].hot,.ml-tool-tag.hot{
  background:var(--a-rose-bg) !important;color:var(--a-rose) !important;border-color:var(--a-rose-bd) !important;
}
.exp-badge,.partner-badge,[class$="-badge"]:not(.new):not(.hot):not(.prg-badge){
  background:var(--a-violet-bg) !important;color:var(--a-violet) !important;border-color:var(--a-violet-bd) !important;
}

/* ==========================================================
   P17-6. 카카오 플로팅 버튼 — 유일하게 원색을 남긴다
   (브랜드 규정색이라 바꾸면 안 됨)
   ========================================================== */
.kakao-channel-float,.kakao-channel-float *{
  background:#fee500 !important;color:#191600 !important;border:0 !important;
}

/* ==========================================================
   P17-7. 다크모드
   ========================================================== */
[data-theme="dark"]{
  --a-lime-bg:#1b2610;  --a-lime-bd:#2f4419;
  --a-mint-bg:#0f241c;  --a-mint-bd:#1b3d31;
  --a-sky-bg:#0d2029;   --a-sky-bd:#17384a;
  --a-blue-bg:#141a33;  --a-blue-bd:#22305c;
  --a-violet-bg:#1b1630;--a-violet-bd:#2f2452;
  --a-amber-bg:#2a1f0d; --a-amber-bd:#4a3717;
  --a-rose-bg:#2a1219;  --a-rose-bd:#4a1f2c;
  --a-lime:#8bd450; --a-mint:#4fd1a5; --a-sky:#5cc6e8;
  --a-blue:#8ea4f5; --a-violet:#c4b5fd; --a-amber:#f0b45c; --a-rose:#f08098;
}

/* ============================================================
   ============================================================
   PART 18 — 토큰 재정의로 팔레트 통일 (2026-09-20)

   PART 17 은 인라인 style 만 잡아서 113 → 111 밖에 안 줄었다.
   나머지 색은 CSS 파일 안의 변수와 직접 선언에서 나온다.

     style.css      --primary-color #6366f1 / --text-* 4종 / --bg-* 3종
     features.css   --primary-color #6366f1 / --text-* 3종 / --bg-* 5종
     style-clean    --mc-primary #2563eb / --mc-text-* 3종 / --mc-bg …

   같은 뜻의 토큰이 세 벌로 따로 존재한다. 각자 다른 값이라 화면이 안 맞는다.
   lumex.css 가 마지막에 로드되므로, 여기서 세 벌 전부를 한 팔레트로 덮는다.
   → 토큰을 쓰는 모든 규칙이 자동으로 같은 색이 된다.
   ============================================================
   ============================================================ */

:root{
  /* ── style.css 계열 ───────────────────────────── */
  --primary-color:  #0c0c12;      /* 주요 버튼·강조 = 잉크 */
  --primary-hover:  #000;
  --primary-light:  #f4f0ff;
  --primary-dark:   #0c0c12;
  --secondary-color:#5b606d;
  --secondary-hover:#0c0c12;
  --success-color:  #4c9800;
  --danger-color:   #c22b52;
  --warning-color:  #a86a00;
  --info-color:     #3f5bd9;
  --text-primary:   #0c0c12;
  --text-secondary: #5b606d;
  --text-muted:     #6b7280;
  --text-light:     #8b909e;
  --bg-body:        #f6f6f9;
  --bg-white:       #ffffff;
  --bg-light:       #fafafb;

  /* ── features.css 계열 ────────────────────────── */
  --bg-primary:     #ffffff;
  --bg-secondary:   #fafafb;
  --bg-tertiary:    #f2f3f6;
  --bg-card:        #ffffff;
  --bg-hover:       #f4f0ff;
  --border-color:   #e4e5ec;
  --border-light:   #eff0f5;
  --shadow-sm:      0 1px 2px rgba(12,12,18,.05);
  --shadow-md:      0 6px 18px rgba(12,12,18,.07);
  --shadow-lg:      0 24px 52px rgba(12,12,18,.13);

  /* ── style-clean.css 계열 ─────────────────────── */
  --mc-primary:      #0c0c12;
  --mc-primary-hover:#000;
  --mc-primary-soft: #f4f0ff;
  --mc-primary-tint: #ddd2fb;
  --mc-text:         #0c0c12;
  --mc-text-2:       #5b606d;
  --mc-text-3:       #8b909e;
  --mc-bg:           #f6f6f9;
  --mc-surface:      #ffffff;
  --mc-border:       #e4e5ec;
  --mc-border-soft:  #eff0f5;
  --mc-radius:       11px;
  --mc-radius-lg:    16px;
  --mc-shadow:       0 1px 2px rgba(12,12,18,.05);
  --mc-shadow-md:    0 6px 18px rgba(12,12,18,.07);
}

/* ==========================================================
   P18-1. 토큰을 안 쓰고 직접 박아 둔 색들
   ========================================================== */

/* 로고 — 인디고 텍스트를 잉크로 */
.logo-title{color:var(--lx-ink) !important;letter-spacing:-.055em !important}
.logo-subtitle{color:var(--lx-faint) !important}

/* 푸터 안 아이콘들 (인디고 → 라임) */
.site-footer .footer-logo i,
.site-footer .footer-nav-column h4 i,
.site-footer .footer-stats-bar .stat-item i{color:var(--lx-lime) !important}

/* 도구 페이지 제목/보조 — #64748b 직접 선언 */
.tools-section-header h2,.tools-header h1,.section-header h2,
.tool-card h3,.tool-card-sm h3{color:var(--lx-ink) !important}
.section-desc,.section-subtitle,.tools-header p{color:var(--lx-meta) !important}

/* 회색 잔재 — 자주 나오는 클래스 단위 */
.more,.ml-more,.when,.ml-when,.info-item,.meta,.date,.count,
.guides-sort a,.sort a,.page-desc{color:var(--lx-meta) !important}

/* 표면 통일 */
.breadcrumb-wrapper,.breadcrumb{background:#fafafb !important;border-bottom:1px solid var(--lx-line) !important}
.dark-mode-toggle,.header-icon-btn,.notification-bell{
  background:#f2f3f6 !important;border:1px solid var(--lx-line) !important;color:var(--lx-sub) !important;
}
.dark-mode-toggle:hover,.header-icon-btn:hover,.notification-bell:hover{
  background:var(--lx-v-l) !important;border-color:var(--lx-v-b) !important;color:var(--lx-v-d) !important;
}

.logo-icon,.logo-icon img{background:transparent !important;border:0 !important}

/* 2026-09-20 제거: [class*="gradient"] 에 보라 그라데이션을 강제하던 규칙.
   클래스 이름에 'gradient' 가 들어가기만 하면 무엇이든 보라로 덮어써서
   포트폴리오 썸네일(.gradient-blog / .gradient-youtube / .gradient-seo …)과
   트렌드 카드가 전부 같은 보라색이 됐다. 각 카테고리 색이 무의미해졌다.
   원래 목적(남은 인디고 정리)은 소스 파일 팔레트를 직접 정리해서 해결했으므로
   이 규칙은 더 필요 없다. */

/* ==========================================================
   P18-2. 다크모드 토큰
   ========================================================== */
[data-theme="dark"]{
  --primary-color:#e8e8f2; --primary-hover:#fff;
  --text-primary:#e8e8f2; --text-secondary:#9aa0ad; --text-muted:#8b909e; --text-light:#7d8393;
  --bg-body:#0f0f16; --bg-white:#16161f; --bg-light:#12121a;
  --bg-primary:#16161f; --bg-secondary:#12121a; --bg-tertiary:#1c1c26;
  --bg-card:#16161f; --bg-hover:#1b1630;
  --border-color:#252533; --border-light:#1d1d28;
  --mc-primary:#e8e8f2; --mc-text:#e8e8f2; --mc-text-2:#9aa0ad; --mc-text-3:#7d8393;
  --mc-bg:#0f0f16; --mc-surface:#16161f; --mc-border:#252533; --mc-border-soft:#1d1d28;
}
[data-theme="dark"] .logo-title{color:#e8e8f2 !important}
[data-theme="dark"] .breadcrumb-wrapper,[data-theme="dark"] .breadcrumb{background:#12121a !important;border-color:#252533 !important}
[data-theme="dark"] .dark-mode-toggle,
[data-theme="dark"] .header-icon-btn,
[data-theme="dark"] .notification-bell{background:#1c1c26 !important;border-color:#252533 !important;color:#9aa0ad !important}

/* ============================================================
   ============================================================
   PART 19 — PART 15/17 회귀 수정 (2026-09-20)

   실제 화면을 확대해 보니 두 섹션이 깨져 있었다. 둘 다 내가 낸 사고다.

   1) 가이드 카드
      PART 15 에서 "카드 위에 썸네일이 있겠지" 하고 padding:0 을 줬는데
      이 카드에는 썸네일이 없다(분류 pill + 제목 + 요약 + 메타뿐).
      그래서 내용이 카드 모서리에 붙고 위쪽에 빈 띠가 생겼다.

   2) 파트너 섹션
      바깥에 "함께하는 곳들" 헤더를 새로 붙이고 안쪽 제목을 숨겼더니,
      제목이 빠진 빈 헤더 줄만 높이를 차지해 카드 위로 큰 공백이 남았다.

   3) 분류 pill 이 카드마다 위치가 달라 높이가 들쭉날쭉했다.
   ============================================================
   ============================================================ */

/* ==========================================================
   P19-1. 가이드 카드 — 정상 복구
   ========================================================== */
.ml-guide-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
.ml-guide-card{
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:16px !important;
  padding:20px 20px 16px !important;      /* PART 15 의 padding:0 취소 */
  display:flex !important;flex-direction:column;gap:9px;
  box-shadow:var(--lx-s1) !important;
  overflow:visible !important;
  height:100%;
}
.ml-guide-card:hover{
  transform:translateY(-3px);box-shadow:var(--lx-s2) !important;border-color:var(--lx-v-b) !important;
}
.ml-guide-cat{
  align-self:flex-start !important;
  background:var(--a-violet-bg) !important;
  color:var(--a-violet) !important;
  border:1px solid var(--a-violet-bd) !important;
  border-radius:999px !important;
  padding:3px 10px !important;
  font-size:10.5px !important;font-weight:850 !important;
  margin:0 0 2px !important;
}
.ml-guide-card h3{
  font-size:14.5px !important;font-weight:800 !important;
  letter-spacing:-.032em !important;line-height:1.45 !important;
  margin:0 !important;color:var(--lx-ink) !important;word-break:keep-all;
}
.ml-guide-card p{
  font-size:12.5px !important;line-height:1.65 !important;
  color:var(--lx-meta) !important;margin:0 !important;flex:1;word-break:keep-all;
}
.ml-guide-meta{
  display:flex;gap:12px;align-items:center;
  padding-top:11px !important;margin-top:2px !important;
  border-top:1px solid var(--lx-line2) !important;
  font-size:11.5px !important;color:var(--lx-faint) !important;
}
.ml-guide-meta i{opacity:.6;margin-right:3px}

/* ==========================================================
   P19-2. 파트너 섹션 — 빈 헤더 줄 제거
   ========================================================== */
.ml-main .business-partners-section{margin:0 !important}
.ml-main .business-partners-section .partners-header{
  display:none !important;          /* 바깥 lx-sechead 가 이미 역할을 한다 */
}
.ml-main .partners-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
.ml-main .partner-card{
  display:flex !important;flex-direction:column;
  background:#fff !important;
  border:1px solid var(--lx-line) !important;
  border-radius:16px !important;
  padding:0 !important;overflow:hidden;
  box-shadow:var(--lx-s1) !important;
  height:100%;
}
.ml-main .partner-card:hover{
  transform:translateY(-3px);box-shadow:var(--lx-s2) !important;border-color:var(--lx-v-b) !important;
}
/* 카드 머리 — 분류 + 혜택 */
.ml-main .partner-card-header{
  display:flex !important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  background:#fafafb !important;
  border-bottom:1px solid var(--lx-line2) !important;
  padding:10px 14px !important;
  min-height:42px;
}
.ml-main .partner-category,
.ml-main .partner-badge{
  border-radius:999px !important;
  padding:3px 9px !important;
  font-size:10px !important;font-weight:850 !important;
  border:1px solid transparent !important;
  white-space:nowrap;
}
.ml-main .partner-category{background:var(--a-violet-bg) !important;color:var(--a-violet) !important;border-color:var(--a-violet-bd) !important}
.ml-main .partner-badge{background:var(--a-lime-bg) !important;color:var(--a-lime) !important;border-color:var(--a-lime-bd) !important}

/* 로고 — 크기를 하나로 */
.ml-main .partner-card .partner-logo,
.ml-main .partner-card-body{
  padding:16px 14px 12px !important;
  display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;
}
.ml-main .partner-card img{
  max-width:130px;max-height:46px;width:auto;height:auto;object-fit:contain;
  border-radius:8px;
}
.ml-main .partner-card h3,
.ml-main .partner-card .partner-name{
  font-size:13.5px !important;font-weight:850 !important;letter-spacing:-.032em !important;
  margin:0 !important;text-align:center;color:var(--lx-ink) !important;
}
.ml-main .partner-card p,
.ml-main .partner-card .partner-desc{
  font-size:11.5px !important;line-height:1.6 !important;color:var(--lx-meta) !important;
  margin:0 !important;text-align:center;word-break:keep-all;flex:1;
}
.ml-main .partner-card-footer{
  border-top:1px solid var(--lx-line2) !important;
  background:#fafafb !important;
  padding:10px 14px !important;text-align:center;
}
.ml-main .partner-card-footer a,
.ml-main .partner-link-text{
  font-size:11.5px !important;font-weight:800 !important;color:var(--lx-v-d) !important;
}

/* ==========================================================
   P19-3. 카드 높이 균일화 — 그리드 안 카드는 전부 stretch
   ========================================================== */
.ml-guide-grid > *,
.ml-main .partners-grid > *,
.ml-tools-grid > *,
.ml-boards-grid > *,
.prg-grid > *{height:100%}

/* ==========================================================
   P19-4. 다크모드
   ========================================================== */
[data-theme="dark"] .ml-guide-card,
[data-theme="dark"] .ml-main .partner-card{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .ml-guide-card h3,
[data-theme="dark"] .ml-main .partner-card h3{color:#e8e8f2 !important}
[data-theme="dark"] .ml-guide-card p,
[data-theme="dark"] .ml-main .partner-card p{color:#9aa0ad !important}
[data-theme="dark"] .ml-guide-meta{border-color:#1d1d28 !important}
[data-theme="dark"] .ml-main .partner-card-header,
[data-theme="dark"] .ml-main .partner-card-footer{background:#12121a !important;border-color:#1d1d28 !important}

/* 파트너 섹션 바깥 흰 패널 제거 — 카드가 이미 카드라 이중 테두리가 된다 */
.ml-main .business-partners-section{
  background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;
}

/* ============================================================
   PART 20 — 최종 회귀 수정 (2026-09-20)

   자동 대비 검사 최종 라운드에서 나온 3건. 전부 내가 만든 사고다.

   1) 상단바 방문자 숫자가 사라졌다
      PART 18 에서 --mc-text 를 먹색(#0c0c12)으로 바꿨는데,
      헤더 상단바 배경도 같은 먹색이라 숫자가 배경에 묻혔다.
      (대비 1.00 — 완전히 안 보임)

   2) 밝은 구간의 아이브로우가 형광 라임이라 안 읽힌다
      .mx-eb 를 라임으로 못박았더니 밝은 밴드에서도 라임이 됐다.
      어두운 데선 라임, 밝은 데선 진한 라임(#4c9800)이어야 한다.

   3) 마켓몰 브랜드 라벨(#cbd5e1)이 흰 배경에 거의 안 보인다
   ============================================================ */

/* ── 1) 상단 유틸 바 ─────────────────────────────────── */
.header-top,.header-top *{color:rgba(255,255,255,.66) !important}
.header-top strong,
.header-top .visitor-count strong,
.header-top .today-date strong{color:#fff !important}
.header-top a:hover{color:#fff !important}
.header-top .point-display{color:var(--lx-lime) !important}
.header-top .point-display *{color:var(--lx-lime) !important}
.header-top .btn-point-charge,
.header-top .btn-point-charge *{color:#16240a !important}
.header-top i{color:rgba(255,255,255,.5) !important}
.header-top .visitor-count i,.header-top .today-date i{color:rgba(255,255,255,.42) !important}

/* ── 2) 아이브로우 — 배경에 따라 ──────────────────────── */
.mx-eb{color:var(--lx-lime-d) !important}
.mx-eb i{background:var(--lx-lime-d) !important;box-shadow:0 0 8px rgba(76,152,0,.5) !important}
.mx-dark .mx-eb,.lx-band .mx-eb,.prg-hero .mx-eb{color:var(--lx-lime) !important}
.mx-dark .mx-eb i,.lx-band .mx-eb i{
  background:var(--lx-lime) !important;box-shadow:0 0 10px var(--lx-lime) !important;
}
/* lx-eyebrow 도 같은 규칙.
   2026-09-20: 기본값을 보라(--lx-v-d)에서 진한 라임으로 바꿨다.
   사이트 액센트가 라임인데 여기만 보라였고,
   어두운 면 목록에 .au-brand(로그인·회원가입 브랜드 패널)가 빠져 있어서
   그 위에서 보라 글자가 대비 2.78 로 떨어져 있었다. */
.lx-eyebrow{color:var(--lx-lime-d) !important}
.lx-eyebrow.live{color:var(--lx-lime-d) !important}
.mx-dark .lx-eyebrow,.lx-band .lx-eyebrow,.prg-hero .lx-eyebrow,
.pv-head .lx-eyebrow,.tool-page-header .lx-eyebrow,
.au-brand .lx-eyebrow,[class*="-dark"] .lx-eyebrow{color:var(--lx-lime) !important}
.mx-dark .lx-eyebrow i.dot,.lx-band .lx-eyebrow i.dot,.prg-hero .lx-eyebrow i.dot,
.au-brand .lx-eyebrow i.dot{
  background:var(--lx-lime) !important;box-shadow:0 0 10px var(--lx-lime) !important;
}
.lx-eyebrow i.dot{background:var(--lx-lime-d) !important;box-shadow:0 0 8px rgba(76,152,0,.45) !important}

/* ── 3) 옅은 브랜드 라벨 ─────────────────────────────── */
.sh-card .brand,.sh-card .meta,
[class$="-brand"],[class$="-vendor"]{color:var(--lx-meta) !important}
[style*="color:#cbd5e1"],[style*="color: #cbd5e1"],
[style*="color:#e2e8f0"],[style*="color: #e2e8f0"]{color:var(--lx-meta) !important}
.site-footer [style*="color:#cbd5e1"],
.mx-dark [style*="color:#cbd5e1"]{color:rgba(255,255,255,.6) !important}

/* ── 다크모드 ────────────────────────────────────────── */
[data-theme="dark"] .header-top,[data-theme="dark"] .header-top *{color:rgba(255,255,255,.66) !important}
[data-theme="dark"] .header-top strong{color:#fff !important}

/* 마켓몰 상품 카드 — 자체 <style> 의 옅은 회색(#cbd5e1/#94a3b8) 보정 */
.sh-info .sku,.sh-info .cat{color:var(--lx-meta) !important;font-size:11px !important}
.sh-info .name{color:var(--lx-ink) !important;font-weight:750 !important;letter-spacing:-.024em !important}
.sh-info .price{color:var(--lx-ink) !important;letter-spacing:-.04em !important}
.sh-info .price small{color:var(--lx-meta) !important}
[data-theme="dark"] .sh-info .name,[data-theme="dark"] .sh-info .price{color:#e8e8f2 !important}

/* 주황 배지 위 흰 글씨는 대비가 모자란다(2.1:1). 글씨를 진하게. */
[class*="boost"],[class*="특별"],.badge-warning,.badge-amber,
[style*="background:#f59e0b"],[style*="background: #f59e0b"],
[style*="background:#e78b09"],[style*="background:#d97706"]{
  color:#3d2600 !important;
}
[class*="boost"] *,.badge-warning *{color:#3d2600 !important}

/* 프로그램 페이지 하단 주석 — 한 단계 진하게 */
.prg-wrap > p{color:var(--lx-meta) !important}

/* ============================================================
   PART 21 — 글보기 모바일 가로넘침 (2026-09-20)

   모바일 자동검사(admin/mobile_audit.html) 결과 17개 페이지 중
   /boards/view.php 만 390px 에서 446px 로 넘쳤다.
   원인: 본문이 nl2br 로 들어가는데 데이터랩 리포트처럼
        긴 표(공백 정렬)나 URL 이 있으면 줄바꿈이 안 된다.
   ============================================================ */
.post-content{
  overflow-wrap:anywhere;
  word-break:break-word;
  max-width:100%;
}
.post-content img,.post-content video,.post-content iframe{max-width:100% !important;height:auto}
.post-content table{display:block;overflow-x:auto;max-width:100%}
.post-content pre{overflow-x:auto;max-width:100%;white-space:pre-wrap;word-break:break-all}
.post-view,.post-header,.post-title{max-width:100%;overflow-wrap:anywhere}
.post-title{word-break:keep-all}

@media(max-width:700px){
  /* 표 형태 본문(데이터랩 리포트)은 가로 스크롤 박스로 */
  .post-content{font-size:14px !important;line-height:1.8 !important}
  .post-view{padding:20px 16px !important}
  .post-actions,.post-toolbar{gap:7px}
  .post-actions .btn,.post-toolbar .btn{flex:1 1 auto;min-height:38px !important;font-size:12.5px !important}
  .comment-item{padding:13px 0 !important}
}

/* ============================================================
   PART 22 — 회원가입 · 관리자 (2026-09-20)

   회원가입: 동의 절차가 법적으로 중요한 부분이라 마크업은 손대지 않고
            보이는 것만 로그인 화면과 같은 톤으로 맞춘다.
            (좌측 보라 그라데이션 패널 → 딥 다크 + 라임 체크)
   관리자:  42개 페이지를 하나씩 고칠 수 없으니 공통 클래스
            (admin-wrapper / admin-panel / admin-table / stat-card …)를 한 번에 잡는다.
   ============================================================ */

/* ── 회원가입 ───────────────────────────────────────── */
.auth-container.register-page{
  background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;
}
.register-page .auth-box,
.register-page .auth-box-wide{
  background:#fff !important;border:1px solid var(--lx-line) !important;
  border-radius:22px !important;box-shadow:var(--lx-s2) !important;
  padding:38px 36px !important;
}
.register-page h1,.register-page h2{
  font-size:24px !important;font-weight:850 !important;letter-spacing:-.05em !important;
  color:var(--lx-ink) !important;
}
.register-subtitle{color:var(--lx-muted) !important;font-size:13.5px !important}

.register-benefits{
  position:relative;overflow:hidden;
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:22px !important;
  padding:34px 30px !important;
  box-shadow:var(--lx-s3) !important;
}
.register-benefits::before{
  content:"";position:absolute;top:-22%;left:44%;width:620px;height:520px;pointer-events:none;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(139,92,246,.24),transparent 66%);filter:blur(48px);
}
.register-benefits > *{position:relative;z-index:2}
.benefits-header{
  display:flex;align-items:center;gap:10px;
  padding-bottom:16px !important;margin-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.benefits-header h3,.benefits-header h2,.register-benefits h3{
  font-size:17px !important;font-weight:850 !important;letter-spacing:-.042em !important;
  color:#fff !important;margin:0 !important;
}
.benefits-header i{color:var(--lx-lime) !important;font-size:16px !important}
.benefits-grid{display:flex !important;flex-direction:column;gap:2px !important}
.benefit-item{
  display:flex !important;align-items:flex-start;gap:12px;
  background:transparent !important;border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  border-radius:0 !important;padding:13px 0 !important;box-shadow:none !important;
}
.benefit-item:last-child{border-bottom:0 !important}
.benefit-icon{
  width:32px !important;height:32px !important;flex:none;border-radius:10px !important;
  background:rgba(185,255,102,.13) !important;
  border:1px solid rgba(185,255,102,.24) !important;
  color:var(--lx-lime) !important;font-size:13px !important;
  display:flex;align-items:center;justify-content:center;
}
.benefit-icon i{color:var(--lx-lime) !important}
.benefit-text strong,.benefit-item strong,.benefit-item b{
  display:block;font-size:13.5px !important;font-weight:850 !important;
  letter-spacing:-.028em !important;color:#fff !important;margin-bottom:3px !important;
}
.benefit-text span,.benefit-text p,.benefit-item p{
  font-size:12px !important;color:rgba(255,255,255,.52) !important;line-height:1.6 !important;
}

.register-page fieldset,
.register-page .agree-box,
.register-page .terms-box{
  border:1px solid var(--lx-line) !important;border-radius:14px !important;
  padding:18px 20px !important;background:#fafafb !important;
}
.register-page .form-check,
.register-page label.checkbox-label{
  display:flex !important;align-items:flex-start !important;gap:9px !important;
  padding:7px 0 !important;font-size:13px !important;line-height:1.6;
}
.register-page input[type="checkbox"]{
  -webkit-appearance:checkbox !important;appearance:checkbox !important;
  width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;
  accent-color:var(--lx-ink) !important;margin:1px 0 0 !important;flex:none !important;cursor:pointer;
}
.register-page a[href*="terms"],.register-page a[href*="privacy"],
.register-page .view-terms{color:var(--lx-v-d) !important;font-weight:700 !important;font-size:12px !important}

/* ── 관리자 ─────────────────────────────────────────── */
.admin-body,.admin-wrapper{background:var(--lx-paper) !important}
.admin-header{background:var(--lx-ink) !important;border-bottom:0 !important;box-shadow:var(--lx-s2) !important}
.admin-header,.admin-header *{color:rgba(255,255,255,.72) !important}
.admin-header h1,.admin-header h2,.admin-header strong,.admin-user strong{color:#fff !important}
.admin-header a:hover{color:#fff !important}

.admin-panel,.panel,.admin-card{
  background:#fff !important;border:1px solid var(--lx-line) !important;
  border-radius:18px !important;box-shadow:var(--lx-s1) !important;overflow:hidden;
}
.panel-header,.admin-panel > h2,.admin-panel > h3{
  background:transparent !important;
  border-bottom:1px solid var(--lx-line2) !important;
  padding:17px 22px !important;margin:0 !important;
  font-size:15px !important;font-weight:850 !important;letter-spacing:-.038em !important;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.panel-header i{opacity:.5;font-size:13px}
.panel-highlight{border-color:var(--lx-v-b) !important}

.admin-grid{display:grid;gap:16px}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th{
  background:#fafafb !important;font-size:12px !important;font-weight:850 !important;
  color:var(--lx-muted) !important;padding:12px 14px !important;
  border-bottom:1px solid var(--lx-line) !important;text-align:left;
}
.admin-table td{
  padding:12px 14px !important;border-bottom:1px solid var(--lx-line2) !important;
  font-size:13px !important;
}
.admin-table tbody tr:hover{background:var(--lx-v-l) !important}
.admin-table tbody tr:last-child td{border-bottom:0 !important}

.admin-alert,.alert-info,.alert-warning{
  border-radius:13px !important;padding:13px 16px !important;
  font-size:13px !important;font-weight:650 !important;
}
.alert-link{color:var(--lx-v-d) !important;font-weight:800 !important}

.admin-nav,.admin-sidebar,.admin-menu{
  background:#fff !important;border:1px solid var(--lx-line) !important;border-radius:18px !important;
}
.admin-nav a,.admin-sidebar a,.admin-menu a{
  display:flex;align-items:center;gap:9px;
  padding:10px 14px !important;border-radius:10px !important;
  font-size:13px !important;font-weight:700 !important;color:var(--lx-sub) !important;
  transition:.16s var(--lx-e);
}
.admin-nav a:hover,.admin-sidebar a:hover,.admin-menu a:hover{
  background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;
}
.admin-nav a.active,.admin-sidebar a.active,.admin-menu a.active{
  background:var(--lx-ink) !important;color:#fff !important;
}

.admin-content .stat-card,.admin-main .stat-card{border-radius:18px !important;padding:20px 22px !important}
.admin-content .stat-icon,.admin-main .stat-icon{width:44px;height:44px;border-radius:13px !important}
.admin-content .stat-info b,.admin-content .stat-value{
  font-size:24px !important;font-weight:850 !important;letter-spacing:-.05em !important;
}

@media(max-width:820px){
  .register-page .auth-box,.register-page .auth-box-wide{padding:26px 20px !important}
  .register-benefits{padding:24px 20px !important}
  .panel-header{padding:14px 16px !important}
  .admin-table th,.admin-table td{padding:10px 11px !important;font-size:12px !important}
}

[data-theme="dark"] .register-page .auth-box,
[data-theme="dark"] .register-page .auth-box-wide,
[data-theme="dark"] .admin-panel,
[data-theme="dark"] .admin-nav,
[data-theme="dark"] .admin-sidebar{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .admin-body,[data-theme="dark"] .admin-wrapper{background:#0f0f16 !important}
[data-theme="dark"] .admin-table th{background:#12121a !important;border-color:#252533 !important}
[data-theme="dark"] .admin-table td{border-color:#1d1d28 !important}
[data-theme="dark"] .register-page fieldset,
[data-theme="dark"] .register-page .agree-box{background:#12121a !important;border-color:#252533 !important}

/* ============================================================
   PART 23 — 푸터 / 내비 톤 통일 (2026-09-20)

   실서버에서 확인해 보니 푸터만 남색(#0f172a)이고
   히어로·다크밴드·상단바는 잉크(#0a0a10 / #0c0c12)였다.
   같은 페이지 안에서 검정이 두 종류라 "각각 논다" 는 인상을 준다.
   푸터를 잉크로 맞추고, 액센트는 라임으로 통일한다.
   ============================================================ */
.site-footer,footer.site-footer{
  background:var(--lx-deep) !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}
.site-footer .footer-top,
.site-footer .footer-business,
.site-footer .footer-bottom,
.site-footer .footer-copyright{background:transparent !important}
.site-footer .footer-nav-column h4,
.site-footer .footer-logo{
  font-size:12.5px !important;font-weight:850 !important;letter-spacing:-.02em !important;
  color:#fff !important;
}
.site-footer .footer-nav-column ul li a{
  font-size:12.5px !important;color:rgba(255,255,255,.62) !important;
  transition:color .16s var(--lx-e);
}
.site-footer .footer-nav-column ul li a:hover{color:#fff !important}
.site-footer .footer-description{
  font-size:12.5px !important;line-height:1.8 !important;color:rgba(255,255,255,.5) !important;
}
.site-footer .footer-business,
.site-footer .footer-business *{
  font-size:11.5px !important;color:rgba(255,255,255,.44) !important;
}
.site-footer .footer-business strong{color:rgba(255,255,255,.72) !important;font-weight:800 !important}
.site-footer hr,
.site-footer .footer-divider{border-color:rgba(255,255,255,.09) !important}
.site-footer .footer-links-bottom a{color:rgba(255,255,255,.55) !important;font-size:11.5px !important}
.site-footer .footer-links-bottom a:hover{color:#fff !important}
/* 개인정보처리방침은 법적으로 구분 표시 */
.site-footer a[href*="privacy"]{color:#fff !important;font-weight:850 !important}

/* 내비 — 상단바(잉크) / 헤더(흰) / 내비(유리) 세 층의 경계를 얇게 */
.nav-main{border-top:0 !important}
.header-main{border-bottom:1px solid var(--lx-line2) !important}

[data-theme="dark"] .site-footer,[data-theme="dark"] footer.site-footer{
  background:#08080d !important;border-top-color:#1d1d28 !important;
}

/* 본문 래퍼의 하단 여백 제거 — 마지막 다크 섹션과 다크 푸터를 잇는다 */
body .site-main,body main.mx{padding-bottom:0 !important;margin-bottom:0 !important}
.mx + .site-footer,.mx + footer{margin-top:0 !important;border-top:0 !important}

/* header.php 가 <main class="site-main"> 을 열고 footer.php 가 닫는다.
   그 패딩 때문에 마지막 다크 섹션과 다크 푸터 사이에 흰 띠가 생겼다.
   본문이 .mx(풀블리드 밴드 레이아웃)일 때만 아래 여백을 없앤다. */
.site-main:has(> .mx){padding-bottom:0 !important;background:var(--lx-paper) !important}
.site-main > .mx{margin-bottom:0}

/* 푸터의 margin-top:60px 이 마지막 다크 섹션과 다크 푸터 사이에
   흰 띠를 만들고 있었다(본문 끝 5680 / 푸터 시작 5740).
   두 다크 덩어리를 붙여 하나로 읽히게 한다. */
.site-footer,footer.site-footer{margin-top:0 !important}
.site-main{padding-bottom:0 !important}

/* ============================================================
   ============================================================
   PART 24 — 사이드바 전면 정리 (2026-09-20)

   문제 (blog-checker 등 본문이 짧은 도구 페이지에서 특히 심했다)
     · 위젯이 13개라 사이드바만 한없이 길고 왼쪽이 텅 빈다
     · 위젯마다 헤더 모양·간격·모서리가 제각각
     · LUMEX 위젯 두 개가 남색 그라데이션이라 사이트 톤과 따로 논다
     · 같은 내용(LUMEX 배너 + LUMEX GROUP 목록)이 두 번 나온다

   방침
     위젯을 임의로 지우지 않는다(운영 판단 영역). 대신
     ① 전부 같은 모양으로 맞추고  ② 밀도를 높여 길이를 줄이고
     ③ 다크 위젯을 잉크+라임으로 통일하고  ④ 첫 위젯을 따라오게 한다.
   ============================================================
   ============================================================ */

/* ── 공통 틀 ────────────────────────────────────────── */
.sidebar .sidebar-widget,
.right-sidebar .sidebar-widget,
aside .sidebar-widget{
  background:#fff;
  border:1px solid var(--lx-line) !important;
  border-radius:16px !important;
  box-shadow:var(--lx-s1) !important;
  overflow:hidden;
  margin-bottom:12px !important;
}
.sidebar-widget .widget-header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 16px 11px !important;
  border-bottom:1px solid var(--lx-line2) !important;
  background:transparent !important;
}
.sidebar-widget .widget-header h3,
.sidebar-widget .widget-header h4,
.sidebar-widget .widget-header > span:first-child{
  font-size:13px !important;font-weight:850 !important;letter-spacing:-.035em !important;
  margin:0 !important;display:flex;align-items:center;gap:7px;color:var(--lx-ink) !important;
}
.sidebar-widget .widget-header i{font-size:11.5px !important;opacity:.45;color:var(--lx-ink) !important}
.sidebar-widget .widget-header a{
  font-size:11px !important;font-weight:800 !important;color:var(--lx-meta) !important;
}
.sidebar-widget .widget-body{padding:12px 16px !important}
.sidebar-widget .widget-body > p{font-size:12.5px !important;color:var(--lx-meta) !important;margin:0}

/* 목록형 위젯 — 행 간격을 좁혀 길이를 줄인다 */
.sidebar-widget ul{list-style:none;margin:0;padding:0}
.sidebar-widget .widget-body ul li,
.sidebar-widget ul.popular-list li,
.sidebar-widget ul.ranked-list li{
  padding:8px 0 !important;
  border-bottom:1px solid var(--lx-line2) !important;
  font-size:12.5px !important;
}
.sidebar-widget ul li:last-child{border-bottom:0 !important}
.sidebar-widget ul li a{
  display:flex;align-items:center;gap:8px;color:var(--lx-sub) !important;
  overflow:hidden;
}
.sidebar-widget ul li a:hover{color:var(--lx-ink) !important}
.sidebar-widget .rank,
.sidebar-widget .num{
  flex:none;width:18px;height:18px;border-radius:50%;
  background:var(--lx-line2) !important;color:var(--lx-muted) !important;
  font-size:10px !important;font-weight:850 !important;
  display:flex;align-items:center;justify-content:center;
}
.sidebar-widget ul li:nth-child(-n+3) .rank,
.sidebar-widget ul li:nth-child(-n+3) .num{background:var(--lx-ink) !important;color:#fff !important}
.sidebar-widget .cmt,
.sidebar-widget .count{flex:none;font-size:10.5px !important;color:#c22b52 !important;font-weight:800}

/* 도구 목록 위젯 */
.tools-widget .widget-body a,
.tools-widget li a{
  display:flex !important;align-items:center;gap:10px;
  padding:9px 0 !important;font-size:12.5px !important;font-weight:700 !important;
}
.tools-widget .tool-sm-icon,
.tools-widget [class*="icon"]{
  width:28px !important;height:28px !important;border-radius:9px !important;
  font-size:12px !important;flex:none;
}

/* ── 다크 위젯 — 잉크 + 라임으로 통일 ───────────────── */
.lumex-widget-wrap{
  background:var(--lx-deep) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
}
.lumex-widget-header{
  padding:14px 16px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.lumex-brand-text strong{color:#fff !important;font-size:13px !important;letter-spacing:-.02em !important}
.lumex-brand-text span{color:var(--lx-lime) !important;font-size:9.5px !important;
  font-weight:850 !important;letter-spacing:.1em !important;text-transform:uppercase}
.lumex-header-logo{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:11px !important;width:38px !important;height:38px !important;padding:6px !important;
}
.lumex-services-list{padding:6px !important;max-height:none !important}
.lumex-svc-item{
  padding:9px 10px !important;border-radius:10px !important;
  color:rgba(255,255,255,.86) !important;
}
.lumex-svc-item:hover{background:rgba(185,255,102,.08) !important;transform:none !important}
.lumex-svc-item strong,.lumex-svc-item b{color:#fff !important;font-size:12.5px !important;font-weight:800 !important}
.lumex-svc-item span,.lumex-svc-desc{color:rgba(255,255,255,.45) !important;font-size:10.5px !important}
.lumex-svc-icon{
  width:26px !important;height:26px !important;border-radius:8px !important;
  background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.1) !important;
  color:var(--lx-lime) !important;font-size:11px !important;
}
.lumex-svc-arrow{color:rgba(255,255,255,.28) !important;font-size:10px !important}
.lumex-widget-footer{
  padding:11px 16px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
}
.lumex-widget-footer span{color:rgba(255,255,255,.5) !important;font-size:10.5px !important}

/* 사이드바 배너(LUMEX GROUP 카드) */
.sidebar-banner{border:0 !important;background:transparent !important;box-shadow:none !important}
.sidebar-banner > a,.sidebar-banner .banner-placeholder{
  display:block;border-radius:16px !important;overflow:hidden;
  border:1px solid rgba(255,255,255,.08) !important;
}
/* loading="lazy" 배너가 높이 0 으로 접히던 문제.
   아직 안 불러온 이미지는 고유 비율이 없어 height:auto 가 0px 이 되고,
   자리가 0 이면 화면에 들어와도 lazy 가 안 풀려 영영 안 보인다.
   (SNS LABS 배너가 실제로 이 상태였다)
   aspect-ratio 의 auto 키워드: 고유 비율이 있으면 그걸 쓰고,
   없을 때만 8/5 를 쓴다. 광고주가 올린 다른 비율 PNG 는 안 건드린다. */
.sidebar-banner img{
  width:100%;height:auto;display:block;border-radius:16px;
  aspect-ratio:auto 8 / 5;background:#0c0c12;
}

/* 첫 위젯 sticky 는 시도했다가 되돌렸다.
   위젯이 13개라 뒤 내용이 sticky 위젯 아래로 지나가며 겹쳐 보였다.
   길이 문제는 밀도(행 간격·패딩)를 줄이는 쪽으로만 해결한다. */
.sidebar > .sidebar-widget:first-child,
.right-sidebar > .sidebar-widget:first-child{position:static !important}

/* ── 다크모드 ───────────────────────────────────────── */
[data-theme="dark"] .sidebar .sidebar-widget,
[data-theme="dark"] aside .sidebar-widget{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .sidebar-widget .widget-header{border-color:#1d1d28 !important}
[data-theme="dark"] .sidebar-widget .widget-header h3,
[data-theme="dark"] .sidebar-widget .widget-header h4{color:#e8e8f2 !important}
[data-theme="dark"] .sidebar-widget ul li{border-color:#1d1d28 !important}
[data-theme="dark"] .sidebar-widget ul li a{color:#9aa0ad !important}

/* ============================================================
   PART 25 — 마지막 대비 1건 (2026-09-20)
   트렌드 페이지 '특별' 배지가 주황(#f59e0b) 위 흰 글씨라 2.15:1.
   작은 글자 AA 기준(4.5) 미달이라 글자를 진하게 바꾼다.
   ============================================================ */
.trend-card-badge.special,
.trend-card-badge.special *,
.badge.special,.badge-special{
  background:#ffe9c2 !important;color:#7a4c00 !important;border:1px solid #f4d7a1 !important;
}
[data-theme="dark"] .trend-card-badge.special,
[data-theme="dark"] .badge-special{
  background:#33240c !important;color:#f0b45c !important;border-color:#4a3717 !important;
}

/* ============================================================
   ============================================================
   PART 26 — 게시판 목록 전면 정리 (2026-09-20)

   구인구직·자유게시판 등 모든 게시판이 깨져 있었다. 원인은 내 규칙이다.

     <th class="col-category">분류</th>
     → PART 6 의 `[class$="-category"]` 가 "분류 배지" 인 줄 알고
       보라 pill 로 만들어 버렸다. 표 머리글이 알약이 됐다.

   같은 이유로 col-num / col-date / col-view 등 표의 열 클래스가
   여기저기 패턴 규칙에 걸려 정렬과 폭이 무너졌다.
   → 열 클래스(col-*)는 패턴 규칙에서 전부 빼고, 표를 제대로 다시 잡는다.
   ============================================================
   ============================================================ */

/* ── 1) 표의 열 클래스는 배지가 아니다 ───────────────── */
th[class^="col-"],td[class^="col-"],
.col-num,.col-category,.col-title,.col-writer,.col-date,.col-view,.col-like{
  display:table-cell !important;
  background:transparent !important;
  color:inherit !important;
  border:0 !important;
  border-radius:0 !important;
  padding:12px 10px !important;
  margin:0 !important;
  font-size:13px !important;
  font-weight:inherit !important;
  letter-spacing:-.02em !important;
  white-space:normal;
}

/* ── 2) 게시판 표 ────────────────────────────────────── */
.board-table{
  width:100%;border-collapse:collapse;table-layout:fixed;
  background:#fff;border:1px solid var(--lx-line) !important;
  border-radius:16px !important;overflow:hidden;
  box-shadow:var(--lx-s1) !important;
}
.board-table thead th{
  background:#fafafb !important;
  font-size:12px !important;font-weight:850 !important;
  color:var(--lx-muted) !important;
  border-bottom:1px solid var(--lx-line) !important;
  padding:12px 10px !important;text-align:center;white-space:nowrap;
}
.board-table thead th.col-title{text-align:left}
.board-table tbody td{
  border-bottom:1px solid var(--lx-line2) !important;
  vertical-align:middle;text-align:center;
  color:var(--lx-sub) !important;
}
.board-table tbody tr:last-child td{border-bottom:0 !important}
.board-table tbody tr{transition:background .16s var(--lx-e)}
.board-table tbody tr:hover{background:var(--lx-v-l) !important}

/* 열 폭 — 날짜가 3줄로 쪼개지던 문제 해결 */
.board-table .col-num     {width:62px}
.board-table .col-category{width:86px}
.board-table .col-title   {width:auto;text-align:left !important}
.board-table .col-writer  {width:120px}
.board-table .col-date    {width:104px;white-space:nowrap !important;
                           font-variant-numeric:tabular-nums;font-size:11.5px !important;
                           color:var(--lx-meta) !important}
.board-table .col-view,
.board-table .col-like    {width:62px;font-variant-numeric:tabular-nums;
                           font-size:12px !important;color:var(--lx-meta) !important}
.board-table .col-num     {font-variant-numeric:tabular-nums;font-size:12px !important;
                           color:var(--lx-faint) !important}

/* 제목 줄 */
.board-table .col-title a{
  font-size:13.8px !important;font-weight:700 !important;
  letter-spacing:-.024em !important;color:var(--lx-ink) !important;
  display:inline-block;max-width:100%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;
}
.board-table .col-title a:hover{color:var(--lx-v-d) !important}
.board-table .board-desc{
  display:block;margin-top:4px;
  font-size:12px !important;color:var(--lx-meta) !important;line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.comment-count{
  display:inline-block;margin-left:5px;
  font-size:11.5px !important;font-weight:850 !important;color:#c22b52 !important;
}
.icon-secret{color:var(--lx-faint) !important;font-size:11px;margin-right:4px}

/* ── 3) 분류 배지 (진짜 배지) ────────────────────────── */
.badge-category{
  display:inline-block !important;
  padding:3px 9px !important;border-radius:999px !important;
  font-size:10.5px !important;font-weight:850 !important;
  letter-spacing:-.01em !important;line-height:1.5;
  background:var(--lx-v-l) !important;color:var(--lx-v-d) !important;
  border:1px solid var(--lx-v-b) !important;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.badge-notice{background:#fff1f0 !important;color:#b02622 !important;border-color:#fbd5d2 !important}
.badge-new{background:var(--lx-lime-l) !important;color:var(--lx-lime-d) !important;
  border-color:rgba(76,152,0,.22) !important;padding:2px 6px !important;font-size:9.5px !important}
.badge-boost{background:#ffe9c2 !important;color:#7a4c00 !important;border-color:#f4d7a1 !important}
.boost-row{background:#fffdf7 !important}
.boost-row:hover{background:#fff8ea !important}

/* ── 4) 게시판 머리 · 도구줄 ─────────────────────────── */
.board-header{
  display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  border-bottom:1px solid var(--lx-line) !important;
  border-radius:0 !important;padding:4px 0 15px !important;margin:0 0 18px !important;
}
.board-header h1,.board-header h2{
  font-size:clamp(20px,2.3vw,26px) !important;font-weight:850 !important;
  letter-spacing:-.045em !important;margin:0 !important;color:var(--lx-ink) !important;
}
.board-header .board-desc{
  display:block;margin:0 !important;font-size:13px !important;
  color:var(--lx-muted) !important;white-space:normal;text-align:right;
}
.board-toolbar,.board-toolbar-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin:0 0 14px !important;background:transparent !important;border:0 !important;padding:0 !important;
}
.board-toolbar form,.board-toolbar .search-group{display:flex;gap:7px;align-items:center}
.board-toolbar select,.board-toolbar input[type="text"]{
  min-height:38px !important;border-radius:999px !important;
  padding:0 15px !important;font-size:12.5px !important;
}
.btn-search{
  min-height:38px !important;border-radius:999px !important;padding:0 18px !important;
  background:var(--lx-ink) !important;border-color:var(--lx-ink) !important;color:#fff !important;
  font-size:12.5px !important;font-weight:800 !important;
}

/* 채널 칩 */
.channel-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.channel-chips a{
  padding:7px 14px;border-radius:999px;border:1px solid var(--lx-line);
  background:#fff;font-size:12.5px;font-weight:750;color:var(--lx-sub);
  transition:.2s var(--lx-e);white-space:nowrap;
}
.channel-chips a:hover{border-color:var(--lx-ink);color:var(--lx-ink);transform:translateY(-1px)}
.channel-chips a.active{background:var(--lx-ink);border-color:var(--lx-ink);color:#fff}

.board-notice-banner{
  border-radius:14px !important;padding:13px 16px !important;
  background:var(--lx-v-l) !important;border:1px solid var(--lx-v-b) !important;
  font-size:13px !important;color:var(--lx-v-d) !important;margin-bottom:14px !important;
}

/* ── 5) 모바일 — 표를 카드처럼 ───────────────────────── */
@media(max-width:760px){
  .board-table{table-layout:auto}
  .board-table .col-num,
  .board-table .col-writer,
  .board-table .col-view,
  .board-table .col-like,
  .board-table thead{display:none !important}
  .board-table,.board-table tbody,.board-table tr{display:block;width:100%}
  .board-table tbody tr{
    border-bottom:1px solid var(--lx-line2);padding:12px 14px;
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  }
  .board-table tbody td{
    display:block !important;border:0 !important;padding:0 !important;text-align:left !important;
  }
  .board-table .col-category{width:auto;flex:none}
  .board-table .col-title{flex:1 1 100%;order:2}
  .board-table .col-title a{white-space:normal;line-height:1.5}
  .board-table .col-date{width:auto;flex:none;order:3;margin-left:auto}
}

/* ── 6) 다크모드 ─────────────────────────────────────── */
[data-theme="dark"] .board-table{background:#16161f !important;border-color:#252533 !important}
[data-theme="dark"] .board-table thead th{background:#12121a !important;border-color:#252533 !important}
[data-theme="dark"] .board-table tbody td{border-color:#1d1d28 !important}
[data-theme="dark"] .board-table tbody tr:hover{background:#1b1630 !important}
[data-theme="dark"] .board-table .col-title a{color:#e8e8f2 !important}
[data-theme="dark"] .board-header{border-color:#252533 !important}
[data-theme="dark"] .board-header h1{color:#e8e8f2 !important}
[data-theme="dark"] .channel-chips a{background:#16161f;border-color:#252533;color:#9aa0ad}
[data-theme="dark"] .channel-chips a.active{background:#e8e8f2;border-color:#e8e8f2;color:#0c0c12}
[data-theme="dark"] .boost-row{background:#1c1811 !important}

/* ============================================================
   PART 27 — 사이드바 제휴 위젯 · 광고문의 (2026-09-20)

   제휴 위젯은 하드코딩 8곳 → business_partners DB 연동으로 바꿨다.
   관리자에서 제휴사를 추가하면 사이드바에 바로 나온다.
   광고문의는 "노출 규모를 먼저 보이고 지면을 나열" 하는 구성으로 재작성.
   ============================================================ */

/* ── 제휴 위젯 ──────────────────────────────────────── */
.lumex-svc-icon{
  overflow:hidden;flex:none;
  width:28px !important;height:28px !important;border-radius:8px !important;
  background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.1) !important;
  color:var(--lx-lime) !important;font-size:11px !important;
  display:flex;align-items:center;justify-content:center;
}
.lumex-svc-icon img{width:100%;height:100%;object-fit:contain;padding:3px;
  filter:grayscale(1) brightness(2.2);opacity:.85}
.lumex-svc-item:hover .lumex-svc-icon img{filter:none;opacity:1}
.lumex-svc-info{min-width:0;flex:1}
.lumex-svc-info strong{
  display:block;font-size:12.5px !important;font-weight:800 !important;color:#fff !important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lumex-svc-info span{
  display:block;font-size:10.5px !important;color:rgba(255,255,255,.45) !important;
  margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lumex-svc-perk{
  flex:none;font-style:normal;font-size:9.5px;font-weight:850;
  color:var(--lx-lime);background:rgba(185,255,102,.13);
  border:1px solid rgba(185,255,102,.22);border-radius:999px;padding:3px 7px;
  white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis;
}
.lumex-widget-footer{
  display:flex !important;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 16px !important;border-top:1px solid rgba(255,255,255,.08) !important;
  transition:background .18s var(--lx-e);
}
.lumex-widget-footer:hover{background:rgba(185,255,102,.07)}
.lumex-widget-footer span{color:rgba(255,255,255,.6) !important;font-size:11px !important;font-weight:750}
.lumex-widget-footer .tel{
  color:var(--lx-lime) !important;font-weight:850 !important;font-variant-numeric:tabular-nums;
}
.lumex-widget-footer i{color:var(--lx-lime) !important;margin-right:5px}

/* ── 광고 문의 ──────────────────────────────────────── */
.sidebar-widget.ad-widget{
  background:linear-gradient(150deg,#141020 0%,#241c44 55%,#16132c 100%) !important;
  border:1px solid rgba(139,92,246,.26) !important;
  border-radius:16px !important;overflow:hidden;
}
.ad-widget .ad-content{padding:20px 18px 18px !important;text-align:left !important}
.ad-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lx-lime) !important;margin-bottom:10px;
}
.ad-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--lx-lime);
  box-shadow:0 0 8px var(--lx-lime);display:inline-block}
.ad-widget h4{
  font-size:16px !important;font-weight:850 !important;letter-spacing:-.042em !important;
  line-height:1.32 !important;color:#fff !important;margin:0 0 14px !important;
}
.ad-reach{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:14px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;overflow:hidden;
}
.ad-reach > div{background:#181430;padding:11px 10px;text-align:center}
.ad-reach b{display:block;font-size:17px;font-weight:850;letter-spacing:-.05em;
  color:#fff !important;font-variant-numeric:tabular-nums;line-height:1.15}
.ad-reach span{display:block;margin-top:3px;font-size:9.5px;font-weight:800;
  letter-spacing:.06em;color:rgba(255,255,255,.44) !important}
.ad-widget .ad-positions{list-style:none;margin:0 0 15px !important;padding:0 !important}
.ad-widget .ad-positions li{
  display:flex;align-items:center;gap:8px;
  padding:6px 0 !important;font-size:11.8px !important;
  color:rgba(255,255,255,.74) !important;border:0 !important;
}
.ad-widget .ad-positions li i{color:var(--lx-lime) !important;font-size:9px}
.ad-cta{
  display:flex;align-items:center;justify-content:center;gap:7px;
  width:100%;min-height:42px;border-radius:999px;
  background:var(--lx-lime) !important;color:#16240a !important;
  font-size:12.5px;font-weight:850;letter-spacing:-.018em;
  transition:transform .22s var(--lx-e),box-shadow .22s var(--lx-e);
}
.ad-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(185,255,102,.32);
  color:#16240a !important}
.ad-cta i{transition:transform .22s var(--lx-e)}
.ad-cta:hover i{transform:translateX(3px)}
.ad-note{
  margin:11px 0 0 !important;font-size:10.5px !important;line-height:1.6 !important;
  color:rgba(255,255,255,.42) !important;text-align:center;
}

[data-theme="dark"] .ad-reach > div{background:#141028}

/* ══════════════════════════════════════════════════════════
   PART 28 — 게시판 목록 하단 블록 (.bf-*)
   사이드바가 본문보다 2,000px 이상 길어 왼쪽에 큰 흰 여백이 남던 문제.
   여백을 없애는 대신 읽을 거리로 채운다.
   ══════════════════════════════════════════════════════════ */
.bf-wrap{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-top:28px;
}
.bf-col{
  background:#fff;border:1px solid var(--lx-line,#e4e5ec);border-radius:16px;
  padding:16px 18px 10px;min-width:0;
}
.bf-col-wide{grid-column:1 / -1}

.bf-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.bf-h strong{font-size:14px;font-weight:800;color:var(--lx-ink,#0c0c12);letter-spacing:-.3px}
.bf-sub{font-size:11px;color:#6b7280;font-weight:600}

.bf-list{list-style:none;margin:0;padding:0}
.bf-row{border-top:1px solid #f1f2f6}
.bf-row:first-child{border-top:0}
.bf-row > a{
  display:block;padding:9px 2px;text-decoration:none;min-width:0;
  transition:background .16s var(--lx-e,ease);border-radius:8px;
}
.bf-row > a:hover{background:#f7f8fb}
.bf-txt{
  display:block;font-size:13px;font-weight:600;color:#23242c;line-height:1.45;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.bf-row > a:hover .bf-txt{color:var(--lx-ink,#0c0c12)}
.bf-when{display:block;margin-top:3px;font-size:11px;color:#6b7280;font-weight:500}

.bf-boards{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:8px}
.bf-b{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 12px;border-radius:999px;
  background:#f4f5f8;border:1px solid #e8e9f0;
  font-size:12.5px;font-weight:700;color:#3a3b45;text-decoration:none;
  transition:all .16s var(--lx-e,ease);
}
.bf-b:hover{background:var(--lx-ink,#0c0c12);border-color:var(--lx-ink,#0c0c12);color:#fff}
.bf-cnt{
  font-style:normal;font-size:10.5px;font-weight:800;
  color:#6b7280;font-variant-numeric:tabular-nums;
}
.bf-b:hover .bf-cnt{color:var(--lx-lime,#b9ff66)}

@media (max-width:640px){
  .bf-wrap{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .bf-col{padding:14px 15px 8px;border-radius:14px}
}

[data-theme="dark"] .bf-col{background:#16161f;border-color:#252533}
[data-theme="dark"] .bf-h strong{color:#e9eaf0}
[data-theme="dark"] .bf-row{border-color:#1f1f2a}
[data-theme="dark"] .bf-row > a:hover{background:#1c1c26}
[data-theme="dark"] .bf-txt{color:#d4d6df}
[data-theme="dark"] .bf-b{background:#1c1c26;border-color:#2a2a38;color:#c8cad3}

/* 사이드바 꼬리 위젯(랭킹·통계·광고문의)을 본문 아래 가로 3단으로.
   좁은 레일 맨 밑은 아무도 안 보는 자리였다. 본문 폭이면 광고문의도 눈에 들어온다. */
.bf-band{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;margin-top:14px;align-items:start;
}
.bf-band > .sidebar-widget{margin:0 !important;min-width:0}
.bf-band > .sidebar-widget.ad-widget{grid-column:auto}
@media (max-width:900px){ .bf-band{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .bf-band{grid-template-columns:1fr;gap:12px} }

/* 제휴 로고가 안 보이던 문제.
   두 가지가 겹쳐 있었다.
   1) 업체 로고는 대부분 가로형 워드마크다(888x455, 501x149 …).
      28px 정사각에 contain 하면 높이 9px 짜리 실선이 되어
      사이드바에서는 빈 회색 칸처럼 보였다. 실제로 그렇게 보였다.
   2) 흰 실루엣으로 통일하려 했더니 더 나빠졌다.
      올라온 PNG 6개 중 5개가 배경이 뚫려 있지 않은 불투명 사각형이라
      (회색/남색/파랑/검정/흰색) 통째로 흰 덩어리가 됐다.
   그래서 필터를 걷고, 흰 칩 위에 로고를 원본 그대로 올린다.
   배경이 어두운 로고도 자기 색을 유지한 채 읽힌다. */
.lumex-svc-icon.has-logo{
  width:54px !important;height:28px !important;border-radius:5px !important;
  background:#fff !important;border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;padding:2px 3px !important;
}
.lumex-svc-icon.has-logo img{
  width:100%;height:100%;object-fit:contain;padding:0;
  filter:none !important;opacity:.92;
  transition:opacity .18s var(--lx-e,ease);
}
.lumex-svc-item:hover .lumex-svc-icon.has-logo img{filter:none !important;opacity:1}

/* 단가표 변동 표시 — price_item_history 에 이전 값이 있을 때만 나온다 */
.price-move{
  font-style:normal;font-size:10.5px;font-weight:800;margin-left:6px;
  padding:1px 5px;border-radius:5px;white-space:nowrap;letter-spacing:-.2px;
}
.price-move.up{background:#fdeceb;color:#b0342c}
.price-move.down{background:#eaf7f0;color:#0f7a4d}
[data-theme="dark"] .price-move.up{background:#2a1b1a;color:#ff9e96}
[data-theme="dark"] .price-move.down{background:#16261e;color:#7ff0c0}
.header-update-badge .hub-sep{opacity:.45;margin:0 2px}
/* 이 배지는 어두운 헤더 위에 얹힌다.
   경고색으로 #b0342c 를 쓰니 대비가 2.67 밖에 안 나와 안 읽혔다.
   어두운 바탕에서는 밝은 쪽으로 가야 한다. */
.header-update-badge.is-stale{border-color:rgba(255,180,172,.35) !important}
.header-update-badge .hub-stale{color:#ffb4ac;font-weight:800}
.header-update-badge .hub-edit{
  margin-left:8px;padding:2px 9px;border-radius:999px;
  background:var(--lx-ink,#0c0c12);color:var(--lx-lime,#b9ff66) !important;
  font-size:10.5px;font-weight:800;text-decoration:none;
}
.header-update-badge .hub-edit:hover{opacity:.85}

/* ── .search-form 클래스 충돌 ────────────────────────────
   같은 클래스가 두 군데에 쓰인다.
     1) includes/header.php — 헤더 상단의 검색 알약
     2) tools/place_rank.php, smartstore_rank.php — 페이지 안의 일반 검색 폼
   알약 규칙(display:flex / border-radius:999px / overflow:hidden)이
   2번까지 먹으면서 내부 .search-row 가 내용 너비로 쪼그라들고
   검색 버튼이 폼 밖으로 687px 튀어나가 있었다.
   .search-box 안에 든 폼은 알약이 아니라 일반 폼으로 되돌린다. */
.search-box > .search-form,
.search-box .search-form{
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
.search-box .search-form .search-row{width:100%}

/* style.css 의 .search-box button{position:absolute;right:12px;transform:...} 은
   헤더 옆 작은 아이콘 검색창을 위한 규칙이다.
   도구 페이지(place_rank / smartstore_rank)의 큰 검색 패널도 .search-box 를 쓰는데,
   그쪽 제출 버튼까지 절대배치가 걸려 폼 밖으로 12px 나가 있었다.
   행 안에 든 버튼은 일반 흐름으로 되돌린다. */
.search-box .search-row button,
.search-box .search-row .btn{
  position:static !important;
  transform:none !important;
  right:auto !important;
  top:auto !important;
}

/* ── 도구 페이지 헤더 평탄화의 뒤처리 ────────────────────
   위(PART 2)에서 .tool-header 의 컬러 밴드를 걷어 transparent 로 만든다.
   그런데 페이지 쪽 CSS 는 밴드가 있다는 전제로 .tool-header{color:#fff} 를 두고 있다.
   제목은 style-clean.css 의 h1~h6 규칙이 먹색으로 덮어줘서 살아남았지만
   설명 <p> 는 그대로 흰색이라 흰 배경에 얹혀 아예 안 보였다(대비 1.08).
   place_rank / smartstore_rank 등 도구 페이지 전체가 같은 상태였다. */
.tool-header,
.tools-header,
.tools-section-header,
.section-header{color:var(--lx-ink) !important}

.tool-header p,
.tool-header .tool-info p,
.tools-header p,
.tools-section-header p{color:var(--lx-muted) !important;opacity:1 !important}

/* 밴드가 사라졌으니 반투명 흰 아이콘 칩도 안 보인다. 잉크 칩으로 바꾼다. */
.tool-header .tool-icon{
  background:var(--lx-ink) !important;
  color:var(--lx-lime) !important;
  width:56px !important;height:56px !important;font-size:24px !important;
  border-radius:14px !important;
}