/* =============================================================================
 * hakkimda.css — Hakkımda sayfası katmanı
 *
 * mulubey.css'te karşılığı OLMAYAN iki şey burada: `data-2col` ızgarasının
 * taşma koruması ve SSS akordeonunun (tasarımda statik liste) buton hijyeni.
 * Kapsam: .mulubey-hakkimda (sayfa sarmalayıcısı .mulubey-app ile aynı eleman).
 * ========================================================================== */

/* Eğitim/hoca listeleri: auto-fit ızgarada uzun kalem satırı track'i şişirmesin. */
.mulubey-hakkimda [data-2col] > * { min-width: 0; }
.mulubey-hakkimda [data-2col] ul { margin: 0; padding: 0; list-style: none; }
.mulubey-hakkimda [data-2col] li { margin: 0; text-wrap: pretty; }

/* SSS akordeonu — hello-elementor reset'i <button>'a nowrap + kendi tipografisini
 * veriyor; satır sarması ve sola hizası burada garanti altına alınır. (0,2,0) */
.mulubey-hakkimda .mu-hk-accbtn {
  white-space: normal;
  text-transform: none;
  letter-spacing: 0;
  border-radius: 0;
  box-shadow: none;
}
.mulubey-hakkimda .mu-hk-accbtn:hover [data-acc-sign],
.mulubey-hakkimda .mu-hk-accbtn:focus-visible [data-acc-sign] { color: #56583C; }

/* JS kapalıyken paneller açık kalır (içerik JS'siz görünür); açık/kapalı işareti
 * yalnız JS tarafından değişir — burada ek bir gizleme kuralı YOK. */

/* Tek kolona düşünce 4/5 portre ekranı yutmasın. */
@media (max-width: 940px) {
  .mulubey-hakkimda .mu-hk-portre { max-width: 420px; }
}