/* 인명용 한자 쪽 (assets/hanja/hanja.css). 사이트 토큰만 써요. */
.hj-ch { font: inherit; font-size: 26px; line-height: 1.2; min-width: 44px; min-height: 44px; padding: 4px 8px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--card); color: var(--text); cursor: pointer; }
.hj-ch:hover, .hj-ch:focus-visible { border-color: var(--brand); background: var(--brand-soft); }
.hj-ch[aria-pressed="true"] { border-color: var(--brand); background: var(--brand-soft); color: var(--brand-ink); }
.hj-ch.done::after { content: " 복사됨"; font-size: 12px; color: var(--sub); }
.hj-table td, .hj-table th { vertical-align: middle; }
.hj-cho h3 { margin: 16px 0 8px; font-size: 17px; }
.hj-cho .chip-list { flex-wrap: wrap; }
.hj-out { display: grid; gap: 16px; margin-top: 16px; }
.hj-syl { display: grid; gap: 8px; }
.hj-syl h3 { margin: 0; font-size: 16px; }
.hj-cands { display: flex; flex-wrap: wrap; gap: 6px; }
.hj-pick { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--r); background: var(--sunk); }
.hj-pick b { font-size: 28px; letter-spacing: 2px; }
