/* pages: grammar lessons, vocab/kanji grids, flashcards */
.unit{margin:22px 0 8px;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:800}
.lesson{border:2px solid #ffe3ea;border-radius:14px;padding:14px;margin:10px 0;background:#fffafa}
.lesson .t{font-weight:800;font-size:1.02rem}
.badge{display:inline-block;font-size:.72rem;background:#fff0f4;border:1px solid var(--pink);border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:middle}
.pattern{background:#fff;border:1px dashed var(--pink);border-radius:10px;padding:8px 10px;margin:8px 0;font-weight:600}
.ex{border-top:1px solid #ffe3ea;padding:10px 0}
.ex .jp{font-weight:800;font-size:clamp(1.05rem,3.5vw,1.25rem)}
.big-jp{font-size:clamp(1.25rem,5vw,1.5rem);font-weight:800}
.furi{color:var(--mut);font-size:.85rem}
.roma{color:var(--pinkd);font-style:italic}
.en{color:#555}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.vcard,.kcard{border:2px solid #ffe3ea;border-radius:14px;padding:12px;background:#fffafa;text-align:center}
.vcard .big,.kcard .big{font-size:1.4rem;font-weight:800}
.vcard.known{border-color:var(--pinkd);background:#fff0f4}
.flash{font-size:clamp(1.8rem,8vw,3rem);text-align:center;padding:24px 10px;font-weight:800;line-height:1.3;cursor:pointer}
.flash small{display:block;font-size:.95rem;color:var(--mut);font-weight:400}