/* about.css — "Shadow Chat nedir?" tanıtım modalı. .pg-* sınıfları
   pwa/security guide CSS'inden gelir; burada içerik düzeni eklenir. */
.ab-modal { max-width: 720px; }
.ab-langbar { display: flex; gap: 6px; margin: 0 0 14px; }
.ab-lang {
  border: 1px solid var(--border, rgba(255,255,255,.15)); cursor: pointer;
  background: transparent; color: inherit; padding: 5px 12px; border-radius: 999px;
  font: 700 12px Inter, system-ui, sans-serif; opacity: .7;
}
.ab-lang.active { background: linear-gradient(135deg, #6366f1, #a855f7); color: #fff; border-color: transparent; opacity: 1; }
.ab-lang:hover { opacity: 1; }
.ab-body { line-height: 1.55; }
.ab-h { font-size: 15px; font-weight: 800; margin: 18px 0 8px; }
.ab-p { font-size: 13.5px; margin: 8px 0; opacity: .92; }
.ab-ul { margin: 6px 0 6px; padding-left: 20px; }
.ab-ul li { font-size: 13.5px; margin: 5px 0; opacity: .92; }
.ab-hl {
  font-size: 13.5px; margin: 10px 0; padding: 12px 14px; border-radius: 12px;
  background: rgba(38,184,138,.12); border: 1px solid rgba(38,184,138,.4); line-height: 1.5;
}
.ab-body b { color: inherit; }
.about-dl { /* login ekranındaki buton — diğer .win-dl butonlarıyla uyumlu */ }