.vocab-picture{color:#2e2446;overflow-wrap:anywhere;background:#faf7ff;border:2px solid #d9cdf0;border-radius:18px;margin:14px 0;padding:14px}.vocab-picture__story{margin:0 0 12px}.vocab-picture__story img{border-radius:12px;width:100%;max-width:480px;height:auto;display:block}.vocab-picture__story figcaption{margin-top:6px;font-size:.9rem}.vocab-picture__cards{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.vocab-picture__cards li{text-align:center;background:#fff;border:1px solid #cdbfe8;border-radius:14px;flex-direction:column;flex:110px;align-items:center;gap:4px;max-width:180px;padding:10px 8px;display:flex}.vocab-picture__glyph{font-size:2.6rem;line-height:1.1}.vocab-picture__label{font-size:.95rem;line-height:1.3}.vocab-picture>figcaption{margin-top:10px;font-size:.95rem}.vocab-cards{color:#2e2446;background:#fbf9ff;border:2px solid #d9cdf0;border-radius:18px;margin:14px 0;padding:14px}.vocab-cards h3{margin:0 0 6px}.vocab-cards__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px;display:grid}.vocab-cards .vocab-cards__card{white-space:normal;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;height:auto;min-height:44px;padding:10px 12px;line-height:1.35;display:flex}.vocab-cards__card strong{font-size:1.15rem}.vocab-cards__card span{font-size:.9rem;font-weight:400}@media (width<=380px){.vocab-picture,.vocab-cards{padding:10px}.vocab-picture__glyph{font-size:2.2rem}.vocab-cards__grid{grid-template-columns:1fr}}