/* ============================================================
   Generate Keywords v0.3.0 — CSS
   ============================================================ */

.kw-helper-text {
  font-size: 0.78rem;
  color: var(--text-tertiary);
  margin-top: 6px;
  margin-bottom: 8px;
}

.kw-limit-warning {
  font-size: 0.82rem;
  padding: 8px 12px;
  border-radius: 6px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.kw-limit-info {
  background: #EFF6FF;
  color: #1E40AF;
  border-left: 3px solid #3B82F6;
}

.kw-limit-danger {
  background: #FEF2F2;
  color: #991B1B;
  border-left: 3px solid #EF4444;
}

/* ── Ahrefs research grid ── */
.ahrefs-research-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (max-width: 768px) {
  .ahrefs-research-grid { grid-template-columns: 1fr; }
}

.ahrefs-panel {
  background: #F7FAFC;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px 16px;
}

.ahrefs-panel-title {
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--text-primary);
  margin-bottom: 2px;
}

.ahrefs-panel-desc {
  font-size: 0.75rem;
  color: var(--text-tertiary);
}

/* ── Ahrefs results ── */
.ahrefs-results-title {
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--text-primary);
}

/* ── Auto-competitor buttons ── */
.auto-comp-btn {
  font-size: 0.75rem !important;
  padding: 2px 8px !important;
}