/* 칼퇴공장 공통 브랜드 칩: 도구·도구 모음·이용 현황 페이지 왼쪽 위의 [로고 + 칼퇴공장] 버튼 (메인 페이지로 이동) */
.kt-nav { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kt-brand { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border-radius: 999px;
  border: 1px solid var(--line, #e7e5e4); background: var(--surface, #fff); color: var(--fg, #1c1917) !important;
  font-weight: 800; font-size: 15px; line-height: 1; letter-spacing: -.01em; text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06); transition: border-color .15s, transform .15s; }
.kt-brand:hover { border-color: var(--accent, #ea580c); transform: translateY(-1px); }
.kt-brand img { width: 26px; height: 26px; border-radius: 7px; display: block; box-shadow: 0 3px 10px rgba(234, 88, 12, .35); }
.kt-brand b { color: var(--accent, #ea580c); font-weight: inherit; }
.kt-sub { color: var(--muted, #78716c) !important; font-size: 13px; text-decoration: none !important; }
.kt-sub:hover { color: var(--accent, #ea580c) !important; }
@media (max-width: 480px) { .kt-sub { display: none; } }
@media print { .kt-nav { display: none !important; } }

/* ── 공통 품질 기본값 (모든 도구·허브·소개·약관 페이지) ── */
/* 칼퇴공장은 밝은 화면 하나로 통일합니다 (2026-11-10, 휴대폰이 다크 모드여도 밝게). 날짜 선택기·드롭다운·스크롤바도 밝게 */
:root { color-scheme: light; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* 아이폰: 입력칸 글씨가 16px보다 작으면 누를 때마다 화면이 확대됩니다 → 휴대폰에서는 최소 16px */
@media (max-width: 760px) and (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]), select, textarea { font-size: max(16px, 1em) !important; }
}
/* 누를 때 회색 깜빡임 없애기, 키보드 이동 시 테두리 표시, 선택 글자 색 */
a, button, [role=tab], summary, label { -webkit-tap-highlight-color: transparent; }
:where(a, button, [role=tab], summary, select, input, textarea):focus-visible { outline: 2px solid var(--accent, #ea580c); outline-offset: 2px; }
::selection { background: color-mix(in srgb, var(--accent, #ea580c) 30%, transparent); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

/* ── 색 테마: 산사 단청·천연 염료에서 딴 6가지 (2026-11-10). 기본은 한지 바탕 + 장단(주홍).
   고르는 버튼은 assets/theme.js, 저장은 이 브라우저(localStorage kt_palette). 페이지마다 쓰는 변수 이름(--accent 등)에 연결합니다. ── */
html:not([data-palette]), html[data-palette="jangdan"] { --kp-accent: #b8432c; --kp-soft: #f8e8e0; --kp-soft2: #ecc6b6; --kp-bg: #f5efe4; --kp-surface: #fffdf8; --kp-fg: #2a2420; --kp-muted: #6b6157; --kp-line: #e6dccc; --kp-chip: #efe7d9; }
html[data-palette="noerok"]    { --kp-accent: #2f6b5a; --kp-soft: #dceae3; --kp-soft2: #b4d3c5; --kp-bg: #f2f1e8; --kp-surface: #fffffa; --kp-fg: #22261f; --kp-muted: #5f655c; --kp-line: #dfe0d3; --kp-chip: #e9eadf; }
html[data-palette="samcheong"] { --kp-accent: #2d5486; --kp-soft: #dfe7f1; --kp-soft2: #b9c9df; --kp-bg: #f3f2ec; --kp-surface: #fffffc; --kp-fg: #1f2430; --kp-muted: #5f6470; --kp-line: #dfdfd8; --kp-chip: #eae9e2; }
html[data-palette="seokganju"] { --kp-accent: #8b3a2a; --kp-soft: #f0e1da; --kp-soft2: #dcbcae; --kp-bg: #f5efe6; --kp-surface: #fffcf7; --kp-fg: #2b221f; --kp-muted: #6b5f58; --kp-line: #e5d9cc; --kp-chip: #eee5da; }
html[data-palette="seokhwang"] { --kp-accent: #8f6410; --kp-soft: #f7eed8; --kp-soft2: #e6d3a4; --kp-bg: #f6f1e3; --kp-surface: #fffdf6; --kp-fg: #2a2418; --kp-muted: #6a6250; --kp-line: #e6dcc6; --kp-chip: #eee7d5; }
html[data-palette="meok"]      { --kp-accent: #33302c; --kp-soft: #e9e4da; --kp-soft2: #cfc7b9; --kp-bg: #f4f1ea; --kp-surface: #fffefb; --kp-fg: #1f1d1a; --kp-muted: #66615a; --kp-line: #e2ddd3; --kp-chip: #ebe7df; }
html[data-theme="light"] {
  --bg: var(--kp-bg); --surface: var(--kp-surface); --card: var(--kp-surface); --fg: var(--kp-fg); --text: var(--kp-fg); --muted: var(--kp-muted);
  --line: var(--kp-line); --border: var(--kp-line); --chip: var(--kp-chip); --accent: var(--kp-accent); --accent-2: var(--kp-accent); --accent-fg: #ffffff;
  --accent-soft: var(--kp-soft); --soft: var(--kp-soft);
}
html[data-theme="light"] body { background-color: var(--kp-bg); }
/* 공통 띠·카드도 같은 색으로 */
html[data-theme="light"] .kgd { --g-bg: var(--kp-surface); --g-fg: var(--kp-fg); --g-muted: var(--kp-muted); --g-line: var(--kp-line); --g-soft: var(--kp-soft); --g-accent: var(--kp-accent); }
html[data-theme="light"] .kact { --a-bg: var(--kp-surface); --a-fg: var(--kp-fg); --a-muted: var(--kp-muted); --a-line: var(--kp-line); --a-chip: var(--kp-chip); --a-accent: var(--kp-accent); }
html[data-theme="light"] .krq { --q-bg: var(--kp-surface); --q-fg: var(--kp-fg); --q-muted: var(--kp-muted); --q-line: var(--kp-line); --q-chip: var(--kp-soft); --q-accent: var(--kp-accent); --q-accent-fg: #ffffff; }
html[data-theme="light"] .ksv, html[data-theme="light"] .ksv-fab, html[data-theme="light"] .ksv-card { --v-bg: var(--kp-surface); --v-fg: var(--kp-fg); --v-muted: var(--kp-muted); --v-line: var(--kp-line); --v-chip: var(--kp-chip); --v-accent: var(--kp-accent); --v-accent-fg: #ffffff; }
html[data-theme="light"] .ks-root { --ks-bg: var(--kp-surface); --ks-fg: var(--kp-fg); --ks-muted: var(--kp-muted); --ks-line: var(--kp-line); --ks-chip: var(--kp-chip); --ks-accent: var(--kp-accent); --ks-accent-fg: #ffffff; }
/* 맨 위 단청 띠: 뇌록·장단·석황·삼청·먹 다섯 빛 */
html[data-theme="light"] body { border-top: 3px solid transparent; border-image: linear-gradient(90deg, #2f6b5a 0 20%, #b8432c 20% 40%, #c99a2e 40% 60%, #2d5486 60% 80%, #33302c 80% 100%) 1; }
.kt-embed body { border-top: 0 !important; }