/* /sprawdz/: czytelne nazwy i osobna kolumna na oznaczenie online. */
.letter-table.ti-letter-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;margin-top:22px}
.letter-table.ti-letter-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr) 9px;align-items:center;gap:12px;min-width:0;min-height:76px;padding:14px;border-radius:12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}
.letter-table.ti-letter-grid>a:hover{color:var(--ink);text-decoration:none;border-color:var(--navy);box-shadow:0 3px 12px rgb(10 46 110 / 5%)}
.letter-table.ti-letter-grid>a>b{width:38px;height:44px;font-size:28px}
.letter-table.ti-letter-grid>a>span{display:block;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;hyphens:auto}
.letter-table.ti-letter-grid>a>.dot-on{grid-column:3;position:static;margin:0;width:9px;height:9px;justify-self:center;align-self:center}
@media(max-width:520px){.letter-table.ti-letter-grid{grid-template-columns:minmax(0,1fr);gap:10px}.letter-table.ti-letter-grid>a{min-height:68px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.letter-table.ti-letter-grid>a{transition:none}}