/* animated kana stroke order ([et_kana_strokes], et-strokes.js + .ets-* rules of et-kanji.css) */
.ets-kana{--k-warm:#B5562F}
.et-strokes.ets-kana[data-lazy]:not(.ets-on){aspect-ratio:1}
.a1-kl-anim{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin-bottom:24px}
.a1-kl-anim>.et-strokes{flex:0 0 320px;max-width:100%}
.a1-kl-anim>.a1-kl-side2{flex:1 1 300px;min-width:0}
.a1-kl-anim .a1-kl-strokes{margin-bottom:18px}
.a1-kst-row{display:flex;gap:16px;align-items:center}
.a1-kst-row>.et-strokes{flex:0 0 150px;padding:10px;border-radius:16px;gap:8px}
.a1-kst-row .ets-stage{border-radius:10px}
.a1-kst-row .ets-btn{padding:8px 10px}
.ets-mini .ets-speed,.ets-mini .ets-tog{display:none}
.ets-mini .ets-count{font-size:13px}
.a1-kst-row .a1-kl-strokes{flex:1 1 auto;min-width:0;margin-bottom:0}
@media(max-width:560px){.a1-kl-anim>.et-strokes{flex-basis:100%}.a1-kst-row{flex-direction:column;align-items:flex-start}.a1-kst-row>.et-strokes{flex-basis:auto;width:180px}}
.a1-kl-hint{margin:0 0 16px!important;font-size:15px;color:var(--awb-color6)}
.a1-kl-anim>p:empty,.a1-kst-row>p:empty{display:none}  /* wpautop leaves an empty <p> after the shortcode */
/* letter pages: animation in the hero instead of the static letter (2026-10-02) */
.a1-kl.a1-kl-v2{grid-template-columns:340px minmax(0,1fr);align-items:start}
.a1-kl-ani{display:flex;flex-direction:column;gap:14px;min-width:0}
.a1-kl-ani>p:empty{display:none}
.a1-kl-ani .a1-kl-say{position:static;transform:none;align-self:flex-start}
.a1-kl-more{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:24px 0 16px}
.a1-kl-more .a1-kl-strokes,.a1-kl-more .a1-kl-mn{margin:0;max-width:100%}
.a1-kl-more>p:empty{display:none}
@media(max-width:800px){.a1-kl.a1-kl-v2{grid-template-columns:1fr}.a1-kl-ani{max-width:360px;width:100%;margin:0 auto}}