/* Keyword Generator */
.kg-card { font-size: 14px; line-height: 1.6; }
.kg-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.kg-chip { padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: rgba(100,116,139,.14); color: var(--muted, #475569); }
.kg-chip-ai { background: rgba(99,102,241,.16); color: #6366f1; }
.kg-stats { display: flex; flex-wrap: wrap; gap: 16px; padding: 10px 14px; margin-bottom: 14px; border-radius: 10px; background: rgba(100,116,139,.08); font-size: 13px; }
.kg-section { margin: 18px 0 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted, #64748b); }
.kg-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.kg-table th, .kg-table td { padding: 8px 10px; border-bottom: 1px solid var(--border, #e2e8f0); text-align: left; vertical-align: top; }
.kg-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color: var(--muted, #64748b); }
.kg-table code { font-size: 13px; }
.kg-int { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.kg-info { background: rgba(59,130,246,.16); color: #3b82f6; }
.kg-comm { background: rgba(245,158,11,.18); color: #d97706; }
.kg-tran { background: rgba(16,185,129,.18); color: #059669; }
.kg-navi { background: rgba(139,92,246,.18); color: #7c3aed; }
.kg-pri { position: relative; display: inline-block; min-width: 60px; padding-right: 4px; font-weight: 600; }
.kg-pri i { position: absolute; left: 0; bottom: -4px; height: 3px; border-radius: 2px; background: #6366f1; display: block; }
.kg-clusters { display: grid; gap: 10px; }
.kg-cluster { padding: 10px 12px; border: 1px solid var(--border, #e2e8f0); border-radius: 10px; }
.kg-cluster b { display: block; margin-bottom: 4px; }
.kg-cluster span { font-size: 13px; color: var(--muted, #475569); }
.kg-raw { max-height: 320px; overflow: auto; padding: 12px; background: rgba(100,116,139,.08); border-radius: 8px; font-size: 12.5px; }
.kg-note { margin-top: 16px; font-size: 12.5px; color: var(--muted, #64748b); line-height: 1.6; }
