/* =====================================================================
   Yedekleme ve Kurtarma (sayFUSE Backup & Recovery) — sayfaya özel ölçüler
   Orijinal 1440 px (sayfalar/about-9.json + ekran): fotoğraf 1440×555 (y=144–699, üstten/alttan
   kırpılır), metin bölümü 847 px: başlık 25/35, mavi alt satır 21/30, metin 17/24, ara başlıklar
   20 px ince mavi, alt bölüm metni 15/22, madde listesi. Mavi metin erişilebilir ton (--c-blue-sm).
   ===================================================================== */
.yk-hero { height: 555px; background: #1d2a3a; }
.yk-hero > img { object-position: 50% 42%; }

.yk-text { padding: 40px 0 88px; color: var(--c-text); }
.yk-title { font-size: 25px; line-height: 35px; font-weight: 400; color: var(--c-text); }
.yk-lead { font-size: 21px; line-height: 30px; color: var(--c-blue-sm); }
.yk-body { margin-top: 40px; font-size: 17px; line-height: 24px; }
.yk-body > * + * { margin-top: 24px; }
.yk-body > .sr-only + * { margin-top: 24px; }
.yk-small { font-size: 15px; line-height: 22px; }
.yk-body > .yk-small { margin-top: 26px; }
.yk-small > * + * { margin-top: 0; }
.yk-small > .yk-h { font-size: 20px; line-height: 28px; font-weight: 400; color: var(--c-blue-sm); }
.yk-small > * + .yk-h { margin-top: 22px; }
.yk-list { padding: 0 0 0 27px; list-style: disc; }

@media (max-width: 999px) {
  .yk-hero { height: 430px; }
}
@media (max-width: 750px) {
  .yk-hero { height: 244px; }
  .yk-hero > img { object-position: 38% 40%; }
  .yk-text { padding: 36px 0 54px; }
  .yk-title { font-size: 25px; line-height: 1.4; text-wrap: balance; }
  .yk-lead { margin-top: 6px; font-size: 20px; line-height: 1.4; }
  .yk-body { margin-top: 30px; font-size: 16px; line-height: 1.5; }
  .yk-body > * + *, .yk-body > .sr-only + * { margin-top: 20px; }
  .yk-small { font-size: 15px; line-height: 1.5; }
  .yk-small > .yk-h { font-size: 20px; line-height: 1.4; }
  .yk-small > * + .yk-h { margin-top: 24px; }
  .yk-list { padding-left: 24px; }
}