.kana-audio-reference{margin-block:1.5rem;border:1px solid var(--line,#9ca899);border-radius:12px;padding:12px}
.kana-audio-reference summary{min-height:44px;cursor:pointer;font-weight:600}
.kana-audio-reference ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px}
.kana-audio-reference li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line,#9ca899)}
.kana-audio-reference li>span:first-child{font-size:1.4rem;grid-column:1/-1}
.kana-audio-reference li>span:nth-child(2){min-width:0;overflow-wrap:break-word}
[data-kana-audio]{display:none;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid var(--line-strong,#9ca899);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#202820);font:inherit;cursor:pointer}
.kana-audio-ready [data-kana-audio]{display:inline-flex;align-items:center;justify-content:center}
.kana-audio-buttons{display:inline-flex;flex-wrap:wrap;gap:6px;max-width:100%}
[data-kana-audio-slow]{display:none;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid var(--line-strong,#9ca899);border-radius:10px;background:var(--surface,#fff);color:var(--ink,#202820);font:inherit;cursor:pointer}
.kana-audio-slow-ready [data-kana-audio-slow]{display:inline-flex;align-items:center;justify-content:center}
[data-kana-audio-slow]:focus-visible{outline:3px solid #a84b23;outline-offset:3px}
[data-kana-audio-slow][aria-pressed=true]{background:#dde8d7;color:#202820}
.kana-audio-hint{display:block;font-size:.82rem;line-height:1.4;max-width:28rem;color:var(--ink,#202820)}
.kana-audio-reference li>.kana-audio-hint{grid-column:1/-1}
.kana-audio-reference li>noscript{grid-column:1/-1}
.kana-audio-reference audio{width:100%;max-width:100%}
[data-kana-audio]:focus-visible{outline:3px solid #a84b23;outline-offset:3px}
[data-kana-audio][aria-pressed=true]{background:#dde8d7;color:#202820}
.kana-audio-context{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;vertical-align:middle}
.kana-audio-note{display:block;font-size:.78rem;font-weight:400;color:var(--muted,#676c60);line-height:1.35;max-width:28rem}
.kg-word>.kana-audio-context{margin-top:.4rem}
.kg-audio[data-audio-mounted]{height:auto;min-height:44px;padding:0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:8px}
.kg-audio[data-audio-mounted]>.kana-audio-note{max-width:110px}
.kg-audio[data-audio-mounted]::before{content:none}
.kg-facts>div:has(.kg-audio[data-audio-mounted]){align-items:center}
.kg-facts>div:has(.kg-audio[data-audio-mounted])>dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kg-intro:has(.kg-audio[data-audio-mounted]) .kg-answer,.kg-facts-row:has(.kg-audio[data-audio-mounted]){margin-bottom:.25rem}
@media(max-width:640px){.kg-page:has(.kg-audio[data-audio-mounted]) .kg-lead{padding-top:12px}}
@media(max-width:360px){.kg-page:has(.kg-audio[data-audio-mounted]) .kg-lead{padding-top:8px}}
.kd-words .kana-audio-context,[data-rp-word] .kana-audio-context{display:flex;margin-top:4px}
.kana-audio-ready .kana-dialog:not(.is-expanded) .kd-audio[data-audio-mounted]{display:inline-flex}
.kana-audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media print{.kana-audio-reference,.kana-audio-context,.kana-audio-note,.kana-audio-status,.kana-audio-hint,[data-kana-audio],[data-kana-audio-slow]{display:none!important}}
@media(forced-colors:active){[data-kana-audio][aria-pressed=true]{border:3px solid Highlight}.kana-audio-note{color:CanvasText}}