/* Ask Lil' Naitch — chat UI (Pass 3) */
.ln-ask-page { background: var(--ink); }
.ln-ask-wrap { max-width: 820px; }
.ln-ask-head h1 {
  font-family: var(--display);
  font-size: clamp(2rem, 5vw, 2.75rem);
  line-height: 1.1;
  margin-bottom: 0.75rem;
}
.ln-ask-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 1.75rem 0 2rem;
}
.ln-suggest {
  font: inherit;
  font-size: 0.88rem;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--accent-line);
  background: var(--accent-soft);
  color: var(--ivory);
  cursor: pointer;
  text-align: left;
  transition: background 0.2s, border-color 0.2s;
}
.ln-suggest:hover { background: rgba(184, 160, 120, 0.22); border-color: var(--accent); }

.ln-ask-panel {
  border: 1px solid var(--accent-line);
  border-radius: 8px;
  background: rgba(26, 26, 30, 0.85);
  overflow: hidden;
}
.ln-ask-log {
  min-height: 280px;
  max-height: min(58vh, 520px);
  overflow-y: auto;
  padding: 1.25rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ln-msg {
  max-width: 92%;
  padding: 12px 14px;
  border-radius: 8px;
  line-height: 1.55;
  font-size: 0.98rem;
}
.ln-msg--user {
  align-self: flex-end;
  background: rgba(184, 160, 120, 0.18);
  border: 1px solid var(--accent-line);
}
.ln-msg--bot {
  align-self: flex-start;
  background: var(--panel);
  border: 1px solid rgba(243, 239, 230, 0.1);
}
.ln-msg--bot p { margin-bottom: 0.65rem; }
.ln-msg--bot p:last-child { margin-bottom: 0; }
.ln-msg-meta {
  margin-top: 0.65rem;
  font-size: 0.78rem;
  color: var(--silver);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ln-msg-sources { margin-top: 0.75rem; font-size: 0.88rem; }
.ln-msg-sources a { display: inline-block; margin-right: 0.75rem; margin-top: 0.25rem; }
.ln-msg--typing { color: var(--silver); font-style: italic; }

.ln-ask-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid rgba(243, 239, 230, 0.08);
  background: rgba(18, 18, 20, 0.6);
}
.ln-ask-form textarea {
  resize: vertical;
  min-height: 48px;
  max-height: 160px;
  padding: 12px 14px;
  border: 1px solid var(--accent-line);
  background: var(--panel);
  color: var(--ivory);
  font: inherit;
  border-radius: 6px;
}
.ln-ask-form button {
  align-self: end;
  padding: 12px 22px;
  border: 1px solid var(--accent-line);
  background: var(--accent-soft);
  color: var(--ivory);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  border-radius: 6px;
}
.ln-ask-form button:disabled { opacity: 0.5; cursor: wait; }
.ln-ask-note {
  padding: 0 14px 14px;
  font-size: 0.82rem;
  color: var(--silver);
}

.conf-verified { color: #8fbc8f; }
.conf-likely { color: #d4c4a8; }
.conf-uncertain { color: #c9a86c; }
.conf-unknown { color: #b89090; }

@media (max-width: 430px) {
  .ln-ask-form { grid-template-columns: 1fr; }
  .ln-ask-form button { width: 100%; }
}