/* konan(global.thekoreantoday.com) + kt(thekoreantoday.com, WP 멀티사이트 41 블로그) — site theme: DARK overlay (2026-10-29, F 묶음).
   ORIGINAL look = LIGHT (GeneratePress 3.6.1 + generate-style-inline-css :root 토큰 7 + 카테고리 색 14, 두 사이트 완전 동일 — 한 파일로 둘 다).
   Loads LAST in <head> (mu-plugin wia-site-theme.php, wp_head 우선순위 1 이라 실제로는 사이트 CSS 보다 **앞**에 나온다 — 그래서 모든 규칙을
   html[data-theme="dark"] 로 감싸 특이성으로 이긴다; 토큰은 :root 보다 특이성이 높은 html[data-theme] 로 덮는다).
   Engine sets <html data-theme="light|dark"> before first paint. Every rule is scoped to html[data-theme="dark"] → light = 0 px difference.
   color-scheme 는 엔진이 세팅 — 여기 없음. Live files untouched.

   같은 셸을 그리는 것(둘 다): 테마 header.php(GP 훅) + functions.php(모바일 언어 버튼·PC 언어 li JS·wp_head 9999 CSS) + pwa-install.css +
   kt-ai-modal.css + mu-plugins(kt-article-layout·kt-wiacode-notice·wia-wiaverse-promo, kt 만 wia-home-lang-grid·kt-wiacode-footer·kt-press-banners·
   kt-fab-stack) + wia.live kt-language-modal.js(모달 CSS 는 그 JS 안 문자열).
   조사표가 "헤더는 라이트 사진" 이라 했지만 실측(header_image.jpg 평균 휘도 47/255, 두 사이트 같은 파일)은 **어두운 사진 + 흰 글자 로고**(PNG
   투명, 글자 #e0e0e0·청록 #00a0a0) → 헤더·로고는 손대지 않는다. 메뉴바(.main-navigation)도 원본부터 어둡다(#343a40).

   GP 토큰 의미 → 다크 값(명도 사다리를 뒤집되, "배경에도 글자에도 쓰이는" 토큰은 아래 §헤더/§버튼에서 개별로 다시 못 박는다):
   ┌──────────────┬──────────┬──────────┬─────────────────────────────────────────────────────────────────────┐
   │ token        │ light    │ DARK     │ 쓰임 / 대비(페이지 #121212 · 컨테이너 #1a1b1f 기준)                    │
   ├──────────────┼──────────┼──────────┼─────────────────────────────────────────────────────────────────────┤
   │ --contrast   │ #1f2024  │ #f1f3f7  │ 가장 진한 글자·검색모달 글자 (16.9:1)  ※footer-widgets 배경에도 → 개별 │
   │ --contrast-2 │ #343a40  │ #dfe3ea  │ 링크·h1·입력글자 (14:1)   ※메뉴바 배경·버튼 배경에도 → 개별 고정      │
   │ --contrast-3 │ #5e5e69  │ #c3c8d2  │ 본문·h2~h5·제목링크 (11.1:1 / 10.2:1)                                 │
   │ --contrast-4 │ #a0a1ad  │ #8e95a5  │ 메타·hover (5.6:1 on card)                                            │
   │ --contrast-5 │ #b5b7bf  │ #a9b0bd  │ 메뉴 글자 on 메뉴바 #2b3038 (6.0:1) · 입력 테두리 on #22242b (7.2:1)  │
   │ --base       │ #f2f2f2  │ #22242b  │ 밝은 면: 사이드바 위젯·입력 배경·구분선   ※nav hover 글자에도 → 개별   │
   │ --base-2     │ #ffffff  │ #1a1b1f  │ 컨테이너(.inside-article·.site-main·사이드바)·검색모달                 │
   │ (page bg)    │ base-2   │ #121212  │ body 는 토큰 대신 직접 — 컨테이너보다 한 단 어둡게. theme-color 와 같음 │
   │ (nav bg)     │ #343a40  │ #2b3038  │ .main-navigation·드롭다운·슬라이드아웃                                  │
   │ (fill)       │ contrast-2 │ #2f3545 │ 버튼·Read more·페이지네이션 (흰 글자 12:1), hover #3b4256              │
   │ 카테고리 14색  │ 그대로   │ 그대로   │ 칩 배경(흰 글자) — 유지. 섹션 h2 에 하드코딩된 5색만 밝힘(§홈)          │
   └──────────────┴──────────┴──────────┴─────────────────────────────────────────────────────────────────────┘
   ※ 사진 카드(.gb-query-loop-item > article[style*="--background-image"]) 는 원본부터 "검은 그라디언트 + 흰 글자"(--contrast·--base-2 를 색
   으로 씀) — 토큰이 뒤집히면 흰 그라디언트에 검은 글자가 되므로 리터럴로 다시 어둡게 고정한다(§사진 카드). */

/* ===== 1. 토큰 ===== */
html[data-theme="dark"] {
  --contrast: #f1f3f7;
  --contrast-2: #dfe3ea;
  --contrast-3: #c3c8d2;
  --contrast-4: #8e95a5;
  --contrast-5: #a9b0bd;
  --base: #22242b;
  --base-2: #1a1b1f;
  --gp-search-modal-overlay-bg-color: rgba(0, 0, 0, .6);  /* was rgba(0,0,0,.2) — 어두운 페이지 위에선 모달이 안 떠 보인다 */
  /* overlay-only */
  --kt-page: #121212;
  --kt-nav: #2b3038;
  --kt-nav-2: #3c4350;
  --kt-fill: #2f3545;
  --kt-fill-hover: #3b4256;
  --kt-line: #2a2d3d;
  --kt-input-line: #a9b0bd;
  --kt-text: #e9ecf2;
  --kt-muted: #a3abbd;
}
html[data-theme="dark"] body { background-color: var(--kt-page); color: var(--contrast-3); }
/* kt-article-layout 가 body 배경 그림을 이미 끈다(background-image:none !important) — 그대로 */
html[data-theme="dark"] .site,
html[data-theme="dark"] .box-shadow { box-shadow: 0 0 20px -10px rgba(0, 0, 0, .8); }

/* ===== 2. 헤더 · 메뉴바 (원본이 이미 어둡다 — 토큰 역전으로 밝아지는 곳만 되돌린다) ===== */
/* .site-header: 어두운 사진 배경 + 흰 로고 → 손대지 않음 */
html[data-theme="dark"] .main-navigation,
html[data-theme="dark"] .main-navigation ul ul,
html[data-theme="dark"] .main-navigation.toggled .main-nav > ul,
html[data-theme="dark"] .slideout-navigation { background-color: var(--kt-nav); }
html[data-theme="dark"] .main-navigation .main-nav ul li a,
html[data-theme="dark"] .main-navigation .menu-toggle,
html[data-theme="dark"] .main-navigation .menu-bar-items { color: var(--contrast-5); }
/* GP 원본 hover 글자 = var(--base)(흰색) → 다크 토큰에선 #22242b 가 돼 메뉴바에 묻힌다 */
html[data-theme="dark"] .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
html[data-theme="dark"] .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
html[data-theme="dark"] .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
html[data-theme="dark"] .main-navigation .menu-bar-item:hover > a,
html[data-theme="dark"] .main-navigation .menu-bar-item.sfHover > a { color: #fff; background-color: var(--kt-nav); }
html[data-theme="dark"] .main-navigation .main-nav ul li[class*="current-menu-"] > a { color: #fff; background-color: var(--kt-nav-2); }
html[data-theme="dark"] .main-navigation .main-nav ul ul li a { color: var(--contrast-5); }          /* 드롭다운: contrast-4 는 4.3:1 */
html[data-theme="dark"] .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a,
html[data-theme="dark"] .main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a,
html[data-theme="dark"] .main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a,
html[data-theme="dark"] .main-navigation .main-nav ul ul li[class*="current-menu-"] > a { color: #fff; }
html[data-theme="dark"] .main-navigation ul ul { box-shadow: 0 6px 18px rgba(0, 0, 0, .6); }
html[data-theme="dark"] .navigation-search input[type="search"],
html[data-theme="dark"] .navigation-search input[type="search"]:active,
html[data-theme="dark"] .navigation-search input[type="search"]:focus,
html[data-theme="dark"] .main-navigation .main-nav ul li.search-item.active > a,
html[data-theme="dark"] .main-navigation .menu-bar-items .search-item.active > a { color: #fff; background-color: var(--kt-nav-2); }
html[data-theme="dark"] .sticky-enabled .main-navigation.is_stuck { box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .8); }
/* 언어 버튼(PC li #kt-lang-menu-btn 54px · 폰 .kt-mobile-lang-btn 36px): 보라 그라디언트+흰 글자, 양 테마 공통 → 그대로 */
/* 슬라이드아웃(gp-premium offside): 배경은 위 .slideout-navigation, 글자는 토큰 */
html[data-theme="dark"] .slideout-navigation .slideout-menu li { border-color: var(--kt-line); }
html[data-theme="dark"] .slideout-overlay { background-color: rgba(0, 0, 0, .85); }
/* 검색 모달(GP): 배경 var(--base-2)·글자 var(--contrast) 토큰으로 이미 다크 — 테두리만 */
html[data-theme="dark"] .search-modal-form { box-shadow: 0 24px 60px rgba(0, 0, 0, .7); border: 1px solid var(--kt-line); }

/* ===== 3. 본문 컨테이너 · 글 · 링크 (대부분 토큰) ===== */
html[data-theme="dark"] .separate-containers .inside-article,
html[data-theme="dark"] .separate-containers .comments-area,
html[data-theme="dark"] .separate-containers .page-header,
html[data-theme="dark"] .separate-containers .paging-navigation,
html[data-theme="dark"] .inside-page-header,
html[data-theme="dark"] .archive .site-main,
html[data-theme="dark"] .sidebar.is-right-sidebar { background-color: var(--base-2); }
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .entry-content p,
html[data-theme="dark"] .entry-content li,
html[data-theme="dark"] .entry-content td { color: var(--contrast-3); }
html[data-theme="dark"] .entry-content a { color: var(--contrast-2); text-decoration-color: var(--contrast-4); }
html[data-theme="dark"] .entry-content a:hover { color: #fff; }
html[data-theme="dark"] h1 { color: var(--contrast); }
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 { color: var(--contrast-2); }
/* GP main.min.css 의 rgba(0,0,0,…) 선·면 — 검정 반투명은 어두운 바탕에서 사라진다 */
html[data-theme="dark"] pre { background: rgba(255, 255, 255, .06); color: var(--kt-text); }
html[data-theme="dark"] code { background: rgba(255, 255, 255, .08); }
html[data-theme="dark"] blockquote { border-left-color: rgba(255, 255, 255, .18); color: var(--contrast-3); }
html[data-theme="dark"] table,
html[data-theme="dark"] td,
html[data-theme="dark"] th { border-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"] hr { background-color: rgba(255, 255, 255, .14); }
html[data-theme="dark"] abbr,
html[data-theme="dark"] acronym { border-bottom-color: var(--contrast-4); }
html[data-theme="dark"] .body_img_caption { color: var(--kt-muted); }     /* kt-responsive-mobile-fix: #666 (3.4:1) */
html[data-theme="dark"] .wp-block-gallery figcaption { background: rgba(0, 0, 0, .7); color: #fff; }
html[data-theme="dark"] .screen-reader-text:focus { background-color: var(--base-2); color: #9fbbea; }
html[data-theme="dark"] ::placeholder { color: var(--contrast-4); opacity: 1; }
/* 기사 끝 "📰 기사 원문 보기"(인라인 민트 그라디언트 + 흰 글자) · 공유 아이콘(.korea-sns, 배경 이미지) · 위아북 VR 박스(보라 그라디언트) — 그대로 */

/* ===== 4. 버튼 · 입력 ===== */
/* GP: button{color:var(--base-2);background:var(--contrast-2)} → 역전 토큰이면 "밝은 버튼 + 어두운 글자". 뉴스 사이트 다크에선 채운 어두운 버튼이 자연스럽고,
   functions.php 의 `.gb-button-text{color:#fff !important}`(Read more) 와도 맞아야 하므로 리터럴로 고정 */
html[data-theme="dark"] button,
html[data-theme="dark"] input[type="button"],
html[data-theme="dark"] input[type="reset"],
html[data-theme="dark"] input[type="submit"],
html[data-theme="dark"] a.button,
html[data-theme="dark"] a.wp-block-button__link:not(.has-background),
html[data-theme="dark"] a.gb-button,
html[data-theme="dark"] .gb-query-loop-pagination .gb-button { color: #fff; background-color: var(--kt-fill); border-color: transparent; }
html[data-theme="dark"] button:hover,
html[data-theme="dark"] button:focus,
html[data-theme="dark"] input[type="submit"]:hover,
html[data-theme="dark"] input[type="submit"]:focus,
html[data-theme="dark"] a.button:hover,
html[data-theme="dark"] a.button:focus,
html[data-theme="dark"] a.gb-button:hover,
html[data-theme="dark"] a.gb-button:active,
html[data-theme="dark"] a.gb-button:focus,
html[data-theme="dark"] .gb-query-loop-pagination .gb-button:hover,
html[data-theme="dark"] .gb-query-loop-pagination .gb-button.gb-block-is-current { color: #fff; background-color: var(--kt-fill-hover); }
html[data-theme="dark"] button.menu-toggle,
html[data-theme="dark"] button.menu-toggle:hover,
html[data-theme="dark"] button.menu-toggle:focus,
html[data-theme="dark"] button.slideout-exit,
html[data-theme="dark"] .search-modal-fields button { background-color: transparent; }  /* GP 가 투명으로 둔 버튼들 */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  color: var(--kt-text); background-color: var(--base); border-color: var(--kt-input-line);   /* #a9b0bd on #22242b 7.2:1 */
}
html[data-theme="dark"] input[type="text"]:focus,
html[data-theme="dark"] input[type="email"]:focus,
html[data-theme="dark"] input[type="url"]:focus,
html[data-theme="dark"] input[type="password"]:focus,
html[data-theme="dark"] input[type="search"]:focus,
html[data-theme="dark"] input[type="tel"]:focus,
html[data-theme="dark"] input[type="number"]:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
  color: #fff; background-color: var(--base-2); border-color: #9fbbea; box-shadow: 0 0 0 3px rgba(159, 187, 234, .25);
}
html[data-theme="dark"] .search-modal-form .search-field,
html[data-theme="dark"] .search-modal-form .search-field:focus { background-color: transparent; border: 0; box-shadow: none; }

/* ===== 5. 사진 카드 (홈 최신·추천 기사, 사이드바 Latest posts, 카테고리 그리드) — 원본 = 사진 위 검은 그라디언트 + 흰 글자 =====
   GB 규칙: .gb-container-XXXX:after{linear-gradient(180deg, rgba(255,255,255,0), var(--contrast))}, 글자 var(--base-2)/var(--base).
   토큰이 뒤집혀 흰 그라디언트·검은 글자가 되므로 리터럴로 되돌린다. 해시(6f193943·26d9cf9b·8426392e·3ffc8e74·07acf0c3)는 두 사이트가 같지만
   속성 선택자로 잡아 지부 블로그(4ff0ad41·24a65de9 등 다른 해시)까지 덮는다. */
html[data-theme="dark"] .gb-query-loop-item > article[style*="--background-image"]::after { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #0b0b0d); }
html[data-theme="dark"] .gb-query-loop-item > article[style*="--background-image"] .gb-headline,
html[data-theme="dark"] .gb-query-loop-item > article[style*="--background-image"] .gb-headline a { color: #fff; }
html[data-theme="dark"] .gb-query-loop-item > article[style*="--background-image"] .gb-headline a:hover { color: #d5d9e2; }
html[data-theme="dark"] .gb-query-loop-item > article[style*="--background-image"] p.gb-headline { color: #d5d9e2; }   /* 날짜 var(--base) */

/* ===== 6. 홈(page 133, 두 사이트 같은 GB 레이아웃·같은 해시; 지부 홈은 "<지부> 뉴스" 섹션 추가) ===== */
html[data-theme="dark"] .gb-container-6b1cec5c { background-color: var(--base-2); }
/* 섹션 h2 에 하드코딩된 5색: #0c10ff 2.0:1 · #8400f0 2.5:1 · #5656ff 3.5:1 → 같은 색상군 밝은 톤(≥5.5:1). #06ad19·#42c5c5 는 통과라 유지 */
html[data-theme="dark"] h2.gb-headline-54518d85 { color: #7c80ff; border-bottom-color: #7c80ff; }
html[data-theme="dark"] h2.gb-headline-51433cb4 { color: #b57bff; border-bottom-color: #b57bff; }
html[data-theme="dark"] h2.gb-headline-ddaf9f07 { color: #8a8aff; border-bottom-color: #8a8aff; }
html[data-theme="dark"] h2.gb-headline-f9205ef3 { color: #2fcf43; border-bottom-color: #2fcf43; }
/* 카테고리 토큰 색 h2(--entertainment #8974f1 4.9:1 · --community #56b85a 6.9:1 · --education #ee5565 4.8:1, 30px bold) — 유지 */
/* 섹션 안 구분선 `1px solid var(--base)` · 탭 밑줄 `3px solid var(--contrast-3|5)` — 토큰으로 충분 */
html[data-theme="dark"] .gb-container-66a6fb5d,
html[data-theme="dark"] .gb-container-7ed29d53 { border-bottom-color: var(--kt-line); }
/* 카테고리 칩(.post-term-item, 흰 글자 + 카테고리색 배경) — 유지 */

/* ===== 7. 기사 1장 (single): 머리(GB Element ab93f50e) · 이전/다음 · 댓글 ===== */
html[data-theme="dark"] .gb-container-ab93f50e { border-bottom-color: var(--kt-line); }
html[data-theme="dark"] .gb-container-3c9826f4 { background-color: rgba(18, 18, 18, .88); }   /* rgba(255,255,255,.9); kt-article-layout 가 single 에선 투명으로 둠 */
html[data-theme="dark"] h1.gb-headline-eaaa5bad { color: var(--contrast); }                   /* #343a40 */
html[data-theme="dark"] p.gb-headline-8f615a97 { background-color: var(--kt-fill); color: #fff; }  /* 카테고리 띠 #343A40 — 그대로 어둡게 */
html[data-theme="dark"] .gb-container-58fb7d57 { background-color: var(--contrast-4); }
html[data-theme="dark"] .gb-container-18430adf,
html[data-theme="dark"] .gb-container-ce9878f4,
html[data-theme="dark"] h2.gb-headline-2acc62a4,
html[data-theme="dark"] h2.gb-headline-9d97a37f { background-color: var(--base-2); }
html[data-theme="dark"] h2.gb-headline-2acc62a4 a,
html[data-theme="dark"] h2.gb-headline-9d97a37f a { color: var(--contrast-2); }
html[data-theme="dark"] a.gb-button-a3aaad4c,
html[data-theme="dark"] a.gb-button-139d60e4 { border-color: var(--base-2); background-color: var(--kt-fill); }
html[data-theme="dark"] a.gb-button-a3aaad4c:hover,
html[data-theme="dark"] a.gb-button-139d60e4:hover { background-color: var(--kt-fill-hover); }
html[data-theme="dark"] .gb-container-52018004,
html[data-theme="dark"] .gb-container-525acc2f { background-color: var(--base-2); }
/* 댓글 */
html[data-theme="dark"] .comment-content,
html[data-theme="dark"] .depth-1.parent > .children,
html[data-theme="dark"] .comment .children,
html[data-theme="dark"] .pingback .comment-body,
html[data-theme="dark"] .trackback .comment-body { border-color: var(--kt-line); }
html[data-theme="dark"] .comments-area a { color: var(--contrast-2); }
html[data-theme="dark"] .comment-form label,
html[data-theme="dark"] .comment-notes,
html[data-theme="dark"] .comment-metadata { color: var(--kt-muted); }
/* 사이드바 위젯(GP .sidebar .widget{background:var(--base)}) · 지부 블로그 보관함/카테고리/태그 목록 — 토큰 */
html[data-theme="dark"] .widget-area .widget li { border-color: var(--kt-line); }
html[data-theme="dark"] .tag-cloud-link { color: var(--contrast-2); }

/* ===== 8. 본문 안 인라인 style 색 — !important 로만 덮인다(이유: 기사 HTML 에 박힌 색). 범위는 .entry-content 안으로 한정 =====
   (a) 회색 글자 #333/#444/#555/#666/#888 — 어두운 바탕에서 1.7~3.4:1. 5개 다 밝은 회색으로. */
html[data-theme="dark"] .entry-content [style*="color: #333"],
html[data-theme="dark"] .entry-content [style*="color:#333"],
html[data-theme="dark"] .entry-content [style*="color: #444"],
html[data-theme="dark"] .entry-content [style*="color:#444"] { color: var(--contrast-3) !important; }
html[data-theme="dark"] .entry-content [style*="color: #555"],
html[data-theme="dark"] .entry-content [style*="color:#555"],
html[data-theme="dark"] .entry-content [style*="color: #666"],
html[data-theme="dark"] .entry-content [style*="color:#666"],
html[data-theme="dark"] .entry-content [style*="color: #888"],
html[data-theme="dark"] .entry-content [style*="color:#888"] { color: var(--kt-muted) !important; }
/* (b) 밝은 인라인 상자(#fff3cd·#e8f4fd·#f3e5f5·#f8f9fb·white …): 상자째 어둡게 — 안의 (a) 글자가 밝아진 뒤에도 읽히도록.
   `#f`·`#e` 로 시작하는 배경 = 거의 다 연한 색(이 테마 기사 템플릿 실측). 테두리는 두지 않는다(인라인 border 색은 그대로). */
html[data-theme="dark"] .entry-content [style*="background: #f"],
html[data-theme="dark"] .entry-content [style*="background:#f"],
html[data-theme="dark"] .entry-content [style*="background-color: #f"],
html[data-theme="dark"] .entry-content [style*="background-color:#f"],
html[data-theme="dark"] .entry-content [style*="background: #e"],
html[data-theme="dark"] .entry-content [style*="background:#e"],
html[data-theme="dark"] .entry-content [style*="background-color: #e"],
html[data-theme="dark"] .entry-content [style*="background-color:#e"],
html[data-theme="dark"] .entry-content [style*="background: white"],
html[data-theme="dark"] .entry-content [style*="background:white"],
html[data-theme="dark"] .entry-content [style*="background-color: white"] { background-color: var(--base) !important; background-image: none !important; color: var(--contrast-3); }
/* (c) kt "역사는 살아있다" 시리즈 템플릿(blog 196 이 네트워크로 뿌림)의 제목색 — 진한 적색·남색·보라·갈색은 2.6~3.6:1 */
html[data-theme="dark"] .entry-content [style*="#8B0000"],
html[data-theme="dark"] .entry-content [style*="#8b0000"] { color: #ff9b9b !important; }
html[data-theme="dark"] .entry-content [style*="#1565C0"],
html[data-theme="dark"] .entry-content [style*="#1565c0"] { color: #7fb3ff !important; }
html[data-theme="dark"] .entry-content [style*="#6a1b9a"] { color: #c58cf0 !important; }
html[data-theme="dark"] .entry-content [style*="#856404"] { color: #e6c35c !important; }
html[data-theme="dark"] .entry-content [style*="border-bottom: 1px solid #eee"],
html[data-theme="dark"] .entry-content [style*="border-bottom:1px solid #eee"],
html[data-theme="dark"] .entry-content [style*="2px solid #e0e0e0"] { border-color: var(--kt-line) !important; }
/* (d) 사이드바 광고 상자·꼬리말(.site-footer 인라인 #0a1628, kt 네온 footer, #kt-press-footer-cta, #wia-wiaverse-promo) — 원본부터 어둡다, 그대로 */

/* ===== 9. kt 만: 다국어 기사 띠(mu-plugin wia-home-lang-grid, 홈·지부 홈·/multilingual 페이지) ===== */
html[data-theme="dark"] .wia-ml-head { color: var(--contrast); }
html[data-theme="dark"] .wia-ml-head small,
html[data-theme="dark"] .wia-ml-date,
html[data-theme="dark"] .wia-ml-page .wia-ml-sub { color: var(--kt-muted); }
html[data-theme="dark"] .wia-ml-all { color: #6ec3ff; }                                   /* #0369a1 → 7.9:1 */
html[data-theme="dark"] .wia-ml-chip { color: var(--kt-text); background: var(--base); border-color: #3a3f52; }
html[data-theme="dark"] .wia-ml-chip:hover,
html[data-theme="dark"] .wia-ml-chip.is-on { background: #0ea5e9; border-color: #0ea5e9; color: #fff; }
html[data-theme="dark"] .wia-ml-pick { background: #0f2a30; border-color: #1f5f6d; color: var(--contrast-3); }
html[data-theme="dark"] .wia-ml-pick a { color: #67d4e8; }
html[data-theme="dark"] .wia-ml-card { background: var(--base-2); border-color: var(--kt-line); color: var(--kt-text); }
html[data-theme="dark"] .wia-ml-card.is-picked { border-color: #0ea5e9; box-shadow: 0 0 0 2px rgba(14, 165, 233, .35); }
html[data-theme="dark"] .wia-ml-card img,
html[data-theme="dark"] .wia-ml-noimg { background: var(--kt-line); }
html[data-theme="dark"] .wia-ml-pager a,
html[data-theme="dark"] .wia-ml-pager span { border-color: #3a3f52; color: var(--kt-text); }
html[data-theme="dark"] .wia-ml-pager span { background: #0ea5e9; border-color: #0ea5e9; color: #fff; }
/* 지부 홈 쿠팡 파트너스 iframe · 카카오 채널 버튼 · 보도자료 배너(#kt-press-*, 인라인 다크) — 그대로 */

/* ===== 10. kt 만: 기사 끝 WIA Code 칸(mu-plugin kt-wiacode-footer) — 코드 그림·캔버스의 흰 12px 정숙지대와 무지개 링은 해독 조건이라 손대지 않는다 ===== */
html[data-theme="dark"] .kt-wiacode { border-top-color: var(--kt-line); }
html[data-theme="dark"] .kt-wiacode .kt-cap { color: var(--contrast-3); }               /* #4b5563 3.1:1 */
html[data-theme="dark"] .kt-wiacode-static figcaption,
html[data-theme="dark"] .kt-wiacode .kt-prog,
html[data-theme="dark"] .kt-wiacode .kt-dl-sz { color: var(--kt-muted); }
html[data-theme="dark"] .kt-wiacode .kt-dl { color: var(--kt-text); background: var(--base); border-color: #3a3f52; }
html[data-theme="dark"] .kt-wiacode .kt-dl:hover { background: #2c2f38; }
html[data-theme="dark"] .kt-wiacode .kt-scan,
html[data-theme="dark"] .kt-wiacode .kt-make { color: #5fc3dd; }   /* #19637c 2.7:1 → 7.8:1 */

/* ===== 11. 둘 다: WIA Code 안내 팝업(mu-plugin kt-wiacode-notice #kt-wcn-panel, 흰 카드 + 회전 무지개 테두리) =====
   배경은 두 겹 shorthand(안쪽 padding-box 흰색 / 테두리 conic) — 안쪽만 바꾸려 해도 shorthand 라 두 겹을 다시 적는다. 칩(#kt-wcn-chip, 남색+흰 글자)은 그대로 */
html[data-theme="dark"] #kt-wcn-panel {
  color: var(--kt-text);
  background: linear-gradient(var(--base-2), var(--base-2)) padding-box,
    conic-gradient(from var(--kt-wcn-spin, 0deg), #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff, #5f27cd, #01a3a4, #ff6b6b) border-box;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .7);
}
html[data-theme="dark"] #kt-wcn-panel h3 { color: #9fbbea; }                           /* #2c5aa0 3.0:1 */
html[data-theme="dark"] .kt-wcn-body { color: var(--contrast-3); }
html[data-theme="dark"] .kt-wcn-caption { color: var(--kt-muted); }
html[data-theme="dark"] #kt-wcn-close { color: var(--kt-muted); }
html[data-theme="dark"] #kt-wcn-close:hover,
html[data-theme="dark"] #kt-wcn-close:focus-visible { color: #fff; background: rgba(255, 255, 255, .1); }
html[data-theme="dark"] .kt-wcn-btn-secondary { background: #1f2a40; color: #c7d2fe; border-color: #3a4a6e; }
html[data-theme="dark"] .kt-wcn-btn-close { background: var(--base); color: var(--kt-muted); border-color: #3a3f52; }
/* .kt-wcn-stage 안 코드 이미지는 흰 바탕 그대로(해독 조건) */

/* ===== 12. 둘 다: AI 어시스턴트 모달(wp-content/ai-assistant/kt-ai-modal.css — FAB 그라디언트·헤더 보라 그라디언트는 그대로) ===== */
html[data-theme="dark"] .kt-ai-modal { background: var(--base-2); box-shadow: 0 25px 80px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .kt-ai-tabs { background: var(--base); border-bottom-color: var(--kt-line); }
html[data-theme="dark"] .kt-ai-tab { color: var(--kt-muted); }
html[data-theme="dark"] .kt-ai-tab:hover { background: #2c2f38; }
html[data-theme="dark"] .kt-ai-tab.active { background: var(--base-2); color: #9fa8ff; border-bottom-color: #9fa8ff; }
html[data-theme="dark"] .kt-ai-api-section { background: var(--base); border-bottom-color: var(--kt-line); }
html[data-theme="dark"] .kt-api-input { background: var(--base-2); color: var(--kt-text); border-color: var(--kt-input-line); }
html[data-theme="dark"] .kt-api-link { color: #9fa8ff; }
html[data-theme="dark"] .kt-ai-tools { background: #2a2612; border-bottom-color: #5a4a1e; }
html[data-theme="dark"] .kt-ai-tools-title { color: #e6c35c; }
html[data-theme="dark"] .kt-tool-btn { background: var(--base); border-color: #3a3f52; }
html[data-theme="dark"] .kt-tool-btn:hover { background: #1e2a3a; border-color: #9fa8ff; }
html[data-theme="dark"] .kt-tool-btn .label { color: var(--kt-text); }
html[data-theme="dark"] .kt-toggle-icon { color: var(--kt-muted); }
html[data-theme="dark"] .kt-ai-chat { background: var(--kt-page); }
html[data-theme="dark"] .kt-ai-welcome h4 { color: var(--contrast); }
html[data-theme="dark"] .kt-ai-welcome p { color: var(--kt-muted); }
html[data-theme="dark"] .kt-message.ai .kt-message-bubble { background: var(--base); color: var(--kt-text); border-color: #3a3f52; }
html[data-theme="dark"] .kt-api-prompt { background: #2a2612; border-color: #8a6a1e; }
html[data-theme="dark"] .kt-api-prompt p { color: #e6c35c; }
html[data-theme="dark"] .kt-ai-input-area { background: var(--base-2); border-top-color: var(--kt-line); }
html[data-theme="dark"] .kt-message-input { background: var(--base); color: var(--kt-text); border-color: var(--kt-input-line); }
html[data-theme="dark"] .kt-message-input:focus { border-color: #9fa8ff; }
html[data-theme="dark"] .kt-send-btn:disabled { background: #4b5160; }

/* ===== 13. 둘 다: 언어 모달(wia.live kt-language-modal.js 가 넣는 <style> — 공용 키트 파일은 손대지 않고 여기서만 덮는다; 헤더 보라 그라디언트는 그대로) ===== */
html[data-theme="dark"] .wia-nav-modal-content { background: var(--base-2); color: var(--kt-text); box-shadow: 0 30px 60px rgba(0, 0, 0, .8); }
html[data-theme="dark"] .wia-nav-modal-tabs { background: var(--base); border-bottom-color: var(--kt-line); }
html[data-theme="dark"] .wia-nav-modal-tab { background: var(--base-2); border-color: #3a3f52; color: var(--kt-text); }
html[data-theme="dark"] .wia-nav-modal-tab:hover { background: #2c2f38; }
html[data-theme="dark"] .wia-nav-lang-search { background: var(--base); color: var(--kt-text); border-color: var(--kt-input-line) !important; }  /* 원본이 !important */
html[data-theme="dark"] .wia-nav-lang-count { color: #9fa8ff; }
html[data-theme="dark"] .wia-nav-lang-item { color: var(--kt-text); background: var(--base); border-color: #3a3f52; }
html[data-theme="dark"] .wia-nav-lang-item:hover,
html[data-theme="dark"] .wia-nav-lang-item.selected { border-color: #9fa8ff; }
html[data-theme="dark"] .wia-nav-modal-footer { background: var(--base); border-top-color: var(--kt-line); color: var(--kt-muted); }
html[data-theme="dark"] .wia-nav-modal-footer a { color: #9fa8ff; }

/* ===== 14. 둘 다: PWA 설치 모달(테마 pwa-install.css) — 사이드바 PWA 박스(청록 그라디언트)는 그대로 ===== */
html[data-theme="dark"] .pwa-modal { background: var(--base-2); color: var(--kt-text); }
html[data-theme="dark"] .pwa-modal-title { color: var(--contrast); }
html[data-theme="dark"] .pwa-modal-desc { color: var(--contrast-3); }
html[data-theme="dark"] .pwa-modal-close { background: var(--base); color: var(--kt-muted); }
html[data-theme="dark"] .pwa-modal-close:hover { background: #2c2f38; color: #fff; }

/* ===== 15. 옛 다크 모드 잔재 — pwa-install.js 가 localStorage `kt-dark-mode`="true" 면 body.dark-mode 를 붙이고, pwa-install.css 가
   `!important` 로 #1a1a2e 배경·#00BCD4 링크·흰 제목을 박는다(토글 버튼은 숨겨져 새로 켤 수 없지만 예전에 켠 브라우저는 지금도 켜진다).
   우리 다크 안에서는 그 규칙이 우리 색을 이기므로(둘 다 !important, 특이성 (0,1,2) vs 아래 (0,2,2)) 같은 선언을 우리 값으로 다시 못 박는다.
   라이트(원본)에서는 건드리지 않는다 — 원본 모습 = 지금 모습. 근본 해결은 엔진 legacyKey(NOTES ④). ===== */
html[data-theme="dark"] body.dark-mode { background-color: var(--kt-page) !important; color: var(--contrast-3) !important; }
html[data-theme="dark"] body.dark-mode .site-header { background-color: transparent !important; }
html[data-theme="dark"] body.dark-mode .main-navigation { background-color: var(--kt-nav) !important; }
html[data-theme="dark"] body.dark-mode .widget,
html[data-theme="dark"] body.dark-mode .sidebar,
html[data-theme="dark"] body.dark-mode .inside-article { background-color: var(--base-2) !important; color: var(--contrast-3) !important; }
html[data-theme="dark"] body.dark-mode .site-content { background-color: transparent !important; color: var(--contrast-3) !important; }
html[data-theme="dark"] body.dark-mode a { color: var(--contrast-2) !important; }
html[data-theme="dark"] body.dark-mode .main-navigation a { color: var(--contrast-5) !important; }
html[data-theme="dark"] body.dark-mode .gb-query-loop-item > article[style*="--background-image"] a,
html[data-theme="dark"] body.dark-mode .kt-mobile-lang-btn a,
html[data-theme="dark"] body.dark-mode .kt-lang-header-btn,
html[data-theme="dark"] body.dark-mode a.gb-button,
html[data-theme="dark"] body.dark-mode .site-footer a,
html[data-theme="dark"] body.dark-mode footer a { color: #fff !important; }
html[data-theme="dark"] body.dark-mode .entry-title,
html[data-theme="dark"] body.dark-mode h1 { color: var(--contrast) !important; }
html[data-theme="dark"] body.dark-mode h2,
html[data-theme="dark"] body.dark-mode h3,
html[data-theme="dark"] body.dark-mode h4 { color: var(--contrast-2) !important; }
html[data-theme="dark"] body.dark-mode .pwa-modal { background: var(--base-2); }

/* ===== 16. 안전망 — 이 두 사이트의 꼬리말은 인라인(이미 다크)이지만, GP 기본 푸터 위젯/사이트 정보가 다른 블로그에 켜져 있을 때
   var(--contrast) 배경이 밝아지는 것을 막는다 ===== */
html[data-theme="dark"] .footer-widgets,
html[data-theme="dark"] .site-info { background-color: #0d0e11; color: var(--contrast-4); }
html[data-theme="dark"] .footer-widgets a,
html[data-theme="dark"] .site-info a { color: var(--contrast-5); }
html[data-theme="dark"] .footer-widgets .widget-title { color: var(--contrast-3); }
html[data-theme="dark"] .top-bar { background-color: var(--kt-nav); }
/* FAB 3개(.kt-ai-fab 보라/청록 그라디언트 · #wia-a11y-fab 파랑→보라 · #kt-wcn-chip 남색) 와 🌐 언어 버튼 — 양 테마 공통 색, 그대로 */