/* Ayarlar: "Bu bölüm ne işe yarar?" (pages/settings/_about.php). Başlığın
   altındaki kısa açıklamanın sonunda "Detay" bağlantısı; tıklanınca uzun
   açıklama tam genişlikte açılır. Kutu kapalı başlar; `display` verilmiyor
   ki [hidden] geçerli kalsın. */
.settings-about__toggle {
  display: inline-flex;
  align-items: center;
  gap: .125rem;
  padding: 0;
  margin-left: .25rem;
  border: 0;
  background: transparent;
  color: var(--info);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.settings-about__toggle:hover { text-decoration: underline; }
.settings-about__toggle svg { width: 14px; height: 14px; transition: transform .15s ease; }
.settings-about__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }

.settings-about {
  margin: .875rem 0 0;
  padding: .75rem 1rem;
  border: 1px solid color-mix(in srgb, var(--info) 25%, transparent);
  border-radius: var(--radius, 8px);
  background: var(--info-bg);
  color: var(--text);
  font-size: .875rem;
  line-height: 1.6;
}

.settings-about p { margin: 0 0 .5rem; }
.settings-about p:last-child { margin-bottom: 0; }

/* Başlık altındaki kısa açıklama da tam genişlikte (07'deki 72ch sınırı kalkıyor). */
.settings__head .settings__lede { max-width: none; }