@import url('design_system.css');

/* ==========================================================================
   MMM Study — Leaderboard & Shared Page Enhancements
   ========================================================================== */

.table-row.bookmark-row {
  grid-template-columns: 1.1fr 2fr 0.7fr 0.9fr;
}

.bookmark-remove {
  margin-left: 8px;
  border: 1px solid var(--border-color);
  background: var(--surface-card);
  color: var(--accent-crimson);
  border-radius: var(--radius-sm);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.bookmark-remove:hover {
  background: var(--accent-crimson-soft);
  border-color: var(--accent-crimson);
}

@media (max-width: 680px) {
  .table-row.bookmark-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}