/* Long Tail Keyword Suggestion Tool - styles */
.ltk-wrapper { max-width: 980px; margin: 0 auto; padding: 1rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; color:#111; }
.ltk-h1 { font-size: 1.6rem; margin: .25rem 0; }
.ltk-h2 { font-size: 1.05rem; color:#444; margin: 0 0 1rem; }

.ltk-form { display: grid; gap: .6rem; margin-bottom: 1rem; }
.ltk-label { font-weight:600; }
.ltk-textarea { width:100%; padding:.6rem .8rem; border:1px solid #d1d5db; border-radius:8px; box-sizing:border-box; min-height:120px; }

.ltk-grid-3 { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap:.6rem; }
.ltk-grid-2 { display:grid; grid-template-columns: 1fr 220px; gap:.6rem; align-items:end; }

.ltk-select { width:100%; padding:.5rem .7rem; border-radius:8px; border:1px solid #d1d5db; box-sizing:border-box; }
.ltk-config-actions { display:flex; align-items:center; gap:.5rem; }

.ltk-actions { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.5rem; }
.ltk-button { padding:.6rem 1rem; border:0; background:#0a7cff; color:#fff; border-radius:8px; cursor:pointer; }
.ltk-button.ltk-secondary { background:#6b7280; }
.ltk-button.ltk-reset { background:#ef4444; }

.ltk-help { font-size:.9rem; color:#666; margin:0; }

.ltk-summary { background:#f6f8fa; border:1px solid #e6e9ee; padding:.75rem; border-radius:8px; margin-bottom:1rem; display:block; }
.ltk-placeholder, .ltk-loading, .ltk-error { padding:.75rem; border-radius:8px; border:1px dashed #d1d5db; background:#f9fafb; }
.ltk-error { background:#fff5f5; border-color:#f5c6cb; color:#7a2222; }

.ltk-table-wrap { overflow-x:auto; margin-top:.6rem; }
.ltk-table { width:100%; border-collapse:collapse; font-size:.95rem; }
.ltk-table th, .ltk-table td { border:1px solid #e8edf2; padding:.6rem; text-align:left; vertical-align:top; }
.ltk-table th { background:#fafafa; font-weight:700; }
.ltk-subheading { margin:1rem 0 .4rem; font-size:1.05rem; }
.ltk-note { margin-top:.6rem; color:#333; background:#fbfbfb; padding:.6rem; border-radius:6px; border:1px solid #f0f0f0; }

@media (max-width: 720px) {
  .ltk-grid-2 { grid-template-columns: 1fr; }
  .ltk-actions { flex-direction:column; }
  .ltk-button { width:100%; }
  .ltk-table th, .ltk-table td { white-space:normal; }
}