/* ============================================================
   panel-about.css — "Hakkında" bölmesi (sağ sütundaki 3. sekme)
   Şimdilik sadece 3 düz yazı. İleride görseldeki kartlara
   dönüşecek (renkli sol kenarlık vs.) — o zaman burası büyüyecek.
   ============================================================ */

.about {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;

  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;

  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}
.about::-webkit-scrollbar { width: 6px; }
.about::-webkit-scrollbar-thumb {
  background: var(--line);
  border-radius: 3px;
}

.about__line {
  font-size: calc(0.82rem * var(--text-scale));
  line-height: 1.75;
  color: var(--fg-dim);
  text-wrap: pretty;
}

@media (max-width: 860px) {
  .about {
    flex: 0 1 auto;       /* dikeyde ortalanabilsin diye büyümesin */

    /* Yazı ucuna gelince kaydırma .app'e devredilsin (panel geçişi kesilmesin) */
    overscroll-behavior-y: auto;
  }

  /* tam ekranda daha rahat okunsun */
  .about__line { font-size: calc(0.95rem * var(--text-scale)); }
}