/* Idioms and Teen Talk: small additions to the Pronunciation look (pron.css) and the site skin (grammar/shared/skin.css). */
.bigicon{font-size:4.5rem;line-height:1;margin:.4rem 0}
.cover{text-align:center}
.cover h1{font-size:2.2rem;margin:.2rem 0}
.badge{display:inline-block;margin:.3rem 0;padding:4px 12px;border-radius:999px;background:#eef3fa;border:1px solid #cdd8e6;font-size:.9rem}
.badge.warn{background:#fff3d6;border-color:#e6bd47;color:#5a4000}
.gapline{font-size:1.3rem;font-weight:600;margin:.4rem 0 .8rem}
.lgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.lcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.lcard h3{margin:.2rem 0}
.lcard .badge{margin:0 0 .4rem}
.lcard .ic{font-size:2rem}
.lgrid.small{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
a.lcard.mini{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:10px 12px}
a.lcard.mini:hover,a.lcard.mini:focus-visible{border-color:#c98f12;box-shadow:0 3px 10px rgba(30,58,95,.15)}
a.lcard.mini.done{background:#f3faf4}
a.lcard.mini .ic{font-size:1.5rem}
a.lcard.mini .def{font-size:.85rem;color:#4a627e}
.tag{display:inline-block;align-self:flex-start;font-size:.72rem;padding:1px 8px;border-radius:999px;background:#eef3fa;border:1px solid #cdd8e6}
.tag.warn{background:#fff3d6;border-color:#e6bd47}