.letter-grid-full {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-height: 760px;
  overflow: auto;
  padding-right: 6px;
}

.letter-grid-full .letter-card {
  min-height: 88px;
}

.letter-grid-full .letter-card span:last-child {
  display: none;
}

.bhaasha-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.bhaasha-meta-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 247, 232, 0.92);
  border: 1px solid rgba(141, 75, 32, 0.14);
  color: var(--br-accent-deep);
  font-weight: 700;
}

.trace-targets-full {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-height: 540px;
  overflow: auto;
  padding-right: 6px;
}

@media (max-width: 1080px) {
  .letter-grid-full {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: none;
  }

  .trace-targets-full {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: none;
  }
}

@media (max-width: 720px) {
  .letter-grid-full {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .trace-targets-full {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .letter-grid-full {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trace-targets-full {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}