.tersewords-group-browser {
  --grouper-bg: #fffcf0;
  --grouper-surface: #fffcf0;
  --grouper-border: #dad8ce;
  --grouper-text: #100f0f;
  --grouper-muted: #6f6e69;
  --grouper-accent: #205ea6;
  --grouper-accent-hover: #1a4f8c;
  --grouper-danger: #af3029;
  --grouper-radius: 8px;
  --grouper-shadow: 0 2px 8px rgba(16, 15, 15, 0.08);
  --grouper-shell-width: 40rem;
}

.tersewords-group-browser .grouper-shell {
  gap: 1.5rem;
}

.tersewords-group-browser .grouper-page-header {
  padding: 1rem 0;
}

.tersewords-group-browser .grouper-title {
  font-size: 2rem;
  font-weight: 700;
}

.tersewords-group-browser .grouper-subtitle,
.tersewords-group-browser .grouper-muted,
.tersewords-group-browser .grouper-meta {
  font-size: 0.95rem;
}

.tersewords-group-browser .grouper-card {
  padding: 1.5rem;
}

.tersewords-group-browser .grouper-section-title,
.tersewords-group-browser .grouper-label {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.tersewords-group-browser .grouper-section-title {
  color: var(--grouper-muted);
  font-size: 0.95rem;
}

.tersewords-group-browser .grouper-input,
.tersewords-group-browser .grouper-select {
  border-radius: 6px;
}

.tersewords-group-browser .grouper-button {
  border-radius: 6px;
}

.tersewords-group-browser .grouper-button-secondary {
  background: #f2f0e5;
}

.tersewords-group-browser .grouper-button-secondary:hover {
  background: #e6e4d9;
}

.tersewords-group-browser .grouper-notice {
  background: #f2f0e5;
}

.tersewords-group-browser .grouper-badge {
  background: #e6e4d9;
  color: #575653;
}

.tersewords-group-browser .grouper-badge-current {
  background: var(--grouper-accent);
  color: #fffcf0;
}