/* notes.css — community discussion UI. Loaded on topic pages alongside style.css. */

.pb-muted { color: var(--muted); font-size: 14px; }
.pb-error { color: #a33b2e; font-size: 14px; }
.pb-link {
  background: none; border: none; padding: 10px 6px; margin: -6px 0; color: var(--accent);
  font: inherit; font-size: inherit; cursor: pointer; text-decoration: underline;
}
.pb-stub-hint {
  font-size: 13px; color: var(--muted); background: var(--accent-soft);
  border: 1px dashed var(--line); border-radius: 8px; padding: 8px 12px;
}

/* notes + threads */
.pb-thread { border-bottom: 1px solid var(--line); padding: 12px 0; }
.pb-thread:first-child { padding-top: 0; }
.pb-kind {
  display: inline-block; font-size: 12px; font-weight: 700; padding: 2px 9px;
  border-radius: 999px; margin-bottom: 6px;
}
.pb-kind-evidence { background: #e2f3e5; color: #1c6b2f; }
.pb-kind-experience { background: #e0eefb; color: #1d4f8a; }
.pb-kind-question { background: #fdf0dc; color: #8a5a00; }
.pb-kind-correction { background: #fbe3e3; color: #a33b2e; }
.pb-body { margin: 4px 0 6px; font-size: 15px; white-space: pre-wrap; }
.pb-meta { margin: 0; font-size: 13px; color: var(--muted); }
.pb-replies { margin: 10px 0 4px 12px; padding-left: 12px; border-left: 2px solid var(--line); }
.pb-reply { padding: 8px 0; }
.pb-reply + .pb-reply { border-top: 1px dashed var(--line); }

/* composer */
.pb-composer { margin: 14px 0; }
.pb-form textarea, .pb-auth-form input {
  width: 100%; font: inherit; font-size: 16px; padding: 10px 12px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--bg); color: var(--ink);
}
.pb-form select {
  font: inherit; font-size: 16px; padding: 9px 10px; margin-bottom: 8px;
  border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--ink);
}
.pb-form button[type="submit"], .pb-auth-form button, .pb-start-btn {
  font: inherit; font-size: 15px; font-weight: 600; padding: 9px 18px;
  border-radius: 999px; border: none; cursor: pointer;
  background: var(--accent); color: #fff; margin-top: 8px;
}
.pb-form button[type="submit"]:disabled { opacity: .5; cursor: default; }
.pb-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pb-as { font-size: 13px; }

/* discussion section */
.pb-discussion { margin-top: 56px; border-top: 1px solid var(--line); padding-top: 8px; }
.pb-discussion h2 { font-size: 22px; }
.pb-threads { margin: 8px 0 4px; }
.pb-start { margin: 12px 0 8px; }
.pb-start-form { margin-top: 10px; }