/* KK 音標表專用樣式；共用元件沿用 site.css */
.kk-table td, .kk-table th { vertical-align: top; }
.kk-table th.kk-sym { width: 3.2em; }
.kk-table .kk-sym { font-size: 1.6rem; line-height: 1.2; white-space: nowrap; }
.kk-table .kk-ipa { font-size: 1.25rem; white-space: nowrap; }
.kk-table .kk-same { color: var(--muted); font-size: .9rem; }
.kk-ex { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 6px; }
.kk-ex:last-child { margin-bottom: 0; }
.kk-word { font-size: 1.05rem; min-width: 5em; overflow-wrap: anywhere; }
.kk-word b { color: var(--brand-dark); text-decoration: underline; text-underline-offset: 3px; }
.kk-say { min-height: 36px; padding: 2px 10px; border: 2px solid var(--brand); border-radius: 8px; background: #fff; color: var(--brand); font: inherit; font-size: .9rem; cursor: pointer; white-space: nowrap; }
.kk-say:hover { background: #eff4ff; }
.kk-group { margin: 1.25rem 0 .25rem; font-size: 1.1rem; }
.kk-letters .kk-sound { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 6px; }
.kk-letters .kk-sound:last-child { margin-bottom: 0; }
.kk-letters .kk-sound .kk-sym { font-size: 1.15rem; min-width: 2.2em; }
#kk [hidden] { display: none !important; }
@media (max-width: 480px) {
  .kk-table .kk-sym { font-size: 1.4rem; }
  .kk-table td, .kk-table th { padding-left: 6px; padding-right: 6px; }
  .kk-word { min-width: 0; }
  .kk-say { min-height: 34px; padding: 2px 8px; font-size: .85rem; }
}