/* ことばのイラスト（word-art.js）：けいこ・おさらいの問題カードの上に、語の3コマを正方形で。読み込めるまでは場所だけ空けない。 */
.flashcard .word-art{margin:14px auto 0;width:min(46vw,188px);display:none}
.flashcard .word-art.is-ready{display:block}
.flashcard .word-art canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:14px;border:2px solid var(--line);background:#fff8ea}
.flashcard .word-art figcaption{margin-top:6px;font-size:14px;line-height:1.5;color:var(--muted)}
.flashcard .word-art+.prompt-meaning{margin-top:10px}
/* 高さの低い画面（320×640 など）では、選択肢の1段目が見えるように、絵を意味の左に小さく並べる。 */
@media(max-height:700px){.flashcard .word-art{float:left;width:92px;margin:8px 10px 6px 0}.flashcard .word-art figcaption{font-size:12px}.flashcard .word-art+.prompt-meaning{margin-top:22px}}