.kana-table{border-collapse:collapse;width:100%;margin-block:var(--space-4);table-layout:fixed}.kana-table caption{text-align:left;font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.kana-table th{color:var(--ink-2);font-size:var(--text-caption)}.kana-table td,.kana-table th{text-align:center;padding:var(--space-1)}.kana-table th:first-child{width:48px}.kana-table button{border:1px solid var(--line);background:var(--washi);width:100%;min-height:56px;color:var(--ink);border-radius:var(--space-2);cursor:pointer;place-content:center;display:grid}.kana-table button [lang=ja]{font-size:26px;line-height:1.25}.kana-romaji{font-size:var(--text-small)}.hide-romaji .kana-romaji{display:none}.kana-controls{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.kana-controls label{align-items:center;gap:var(--space-2);min-height:var(--touch-min);display:flex}.kana-chart details{border-top:1px solid var(--line);padding-block:var(--space-2)}.kana-chart summary{min-height:var(--touch-min);cursor:pointer;padding-block:var(--space-2);font-weight:var(--weight-bold)}.kana-detail{margin-block:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card-sm);background:var(--moss-tint)}.kana-detail>*+*{margin-top:var(--space-3)}.kana-drawings{gap:var(--space-2);flex-wrap:wrap;display:flex}.kana-drawings svg{background:var(--washi);border-radius:var(--space-2);width:140px;max-width:45%}.kana-drawings path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}