@media (min-width: 701px) {
  .sidebar { left: 0; right: auto; }
  main { margin-left: 240px; margin-right: 0; }
  .card-url { text-align: left; }
  .count { margin-left: 12px; margin-right: 0; }
  .online-dot { margin-left: 0; margin-right: 8px; }
}

@media (min-width: 701px) and (max-width: 1050px) {
  main { margin-left: 195px; margin-right: 0; }
}

.card-actions { flex-wrap: wrap; }
.card-actions .download { flex: 1 1 100%; }

.pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; color: #647884; font-size: 12px; }
.page-controls, #page-numbers { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.page-controls .secondary, .page-number { padding: 7px 11px; }
.page-number { min-width: 34px; border: 1px solid #dae3e7; border-radius: 8px; background: #fff; color: #3c5361; cursor: pointer; }
.page-number.active { background: var(--accent); border-color: var(--accent); color: #fff; }
@media (max-width: 700px) { .pagination { align-items: flex-start; flex-direction: column; } }