/* Existing comparison tables keep their semantic HTML and readable copy controls. */
.entry-content .kc-face-table { border: 1px solid var(--kc-line); table-layout: auto; }
.entry-content .kc-face-table th,
.entry-content .kc-face-table td { border: 0; border-bottom: 1px solid #f1e5eb; vertical-align: middle; }
.entry-content .kc-face-table th { padding: 12px 14px; font-size: .84rem; }
.entry-content .kc-face-table td { padding: 12px 14px; font-size: .88rem; }
.entry-content .kc-face-table tr:last-child td { border-bottom: 0; }
.entry-content .kc-face-table .kc-face-cell { width: 33%; text-align: left; }
.kc-face-value { white-space: pre; overflow-wrap: normal; word-break: normal; font-family: var(--kc-font-body); }
.entry-content .kc-face-table .kc-face-description { text-align: left; color: #756974; }
.entry-content .kc-face-table .kc-copy-cell { width: 94px; text-align: center; }
.entry-content .copy-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 36px; min-width: 76px; padding: 7px 12px; font-size: .75rem; color: #a33e64; background: #fff0f6; border: 1px solid #efc8d8; }
.entry-content .copy-btn .kc-copy-label { padding: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; }
.entry-content .copy-btn.kc-copied { color: #326a52; background: #e8f8ef; border-color: #addbc1; }
.entry-content .copy-btn:hover { color: #8f3055; background: #ffe4ef; }
.entry-content .copy-btn:focus-visible { outline: 2px solid #b64d77; outline-offset: 3px; }
.entry-content .kaomoji-table { width: 100%; max-width: 100%; overflow-x: auto; }
@media (max-width: 640px) {
  .entry-content .kc-face-table th { padding: 10px 8px; font-size: .74rem; }
  .entry-content .kc-face-table td { padding: 10px 8px; font-size: .79rem; }
  .entry-content .kc-face-table .kc-face-cell { width: 34%; }
  .entry-content .kc-face-table .kc-copy-cell { width: 74px; }
  .entry-content .copy-btn { min-width: 60px; min-height: 36px; padding: 6px 8px; font-size: .68rem; }
}