/* BBCode -> HTML: etiket cubugu ve onizleme. Renkler tema degiskenlerinden. */
.bb-arac button { padding: 5px 11px; font-size: 12.5px; }
.bb-onizleme {
  min-width: 0; min-height: 320px; max-height: 640px; overflow: auto;
  padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px;
  background: var(--bg); color: var(--text); font-size: 15px; line-height: 1.7; overflow-wrap: anywhere;
}
.bb-onizleme ul, .bb-onizleme ol { margin: 6px 0; padding-left: 24px; }
.bb-onizleme a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.bb-onizleme blockquote {
  margin: 8px 0; padding: 8px 14px; border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0;
  background: var(--surface2); color: var(--muted);
}
.bb-onizleme cite { font-style: normal; font-weight: 650; color: var(--text); }
.bb-onizleme pre {
  margin: 8px 0; padding: 12px 14px; overflow-x: auto; border-radius: 10px;
  background: var(--surface2); border: 1px solid var(--line);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.6;
}
.bb-onizleme img { max-width: 100%; height: auto; }
.bb-alt { justify-content: space-between; }
.bb-alt .arac-dugme { width: auto; }
@media (max-width: 720px) {
  .bb-onizleme { min-height: 220px; padding: 14px; }
}