.pronunciation-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pronunciation-grid .pronunciation-card{text-align:center;cursor:pointer;border-color:var(--border);background:color-mix(in srgb, var(--chart-color) 14%, var(--surface));transition:border-color .15s,background-color .15s}@media (hover:hover) and (pointer:fine){.pronunciation-grid .pronunciation-card:hover{border-color:var(--chart-color);background:color-mix(in srgb, var(--chart-color) 20%, var(--surface))}}.pronunciation-card .app-card__body{flex-direction:column;align-items:center;gap:8px;display:flex}.pronunciation-card__icon{background:color-mix(in srgb, var(--chart-color) 16%, transparent);width:56px;height:56px;color:var(--chart-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.pronunciation-card__title{color:var(--foreground);font-size:16px;font-weight:600}.pronunciation-card__description{color:var(--muted-foreground);font-size:13px}