@media (max-width: 430px) {
  .quick-actions {
    grid-template-columns: 1fr;
  }

  .quick-actions .primary-button,
  .quick-actions .secondary-button {
    width: 100%;
  }

  .card-grid {
    gap: 0.75rem;
  }

  .crossword-card {
    padding: 0.85rem;
  }
}

@media (max-width: 380px) {
  .filters {
    grid-template-columns: 1fr;
  }

  .filters label:last-child {
    grid-column: auto;
  }

  .screen {
    padding-inline: 0.7rem;
  }

  .grid-wrap {
    width: min(100%, calc(var(--cols, 10) * 31px));
  }
}