/* V60: /sosyal-medya-paylasimi (Sanılan / Gerçek boxes, EİDS definition, three steps). BEGIN SOSYAL-PAYLASIM */
.sp-page .sp-kutular { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 0 0 18px; }
.sp-page .sp-kutu { display: flex; gap: 14px; align-items: flex-start; box-sizing: border-box; padding: 18px 20px; background: #fff; border: 1px solid #e3eaf3; border-left-width: 5px; border-radius: 14px; }
.sp-page .sp-sanilan { border-left-color: #b3261e; }
.sp-page .sp-gercek { border-left-color: #0f7a4f; }
.sp-page .sp-ikon { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; line-height: 1; color: #fff; }
.sp-page .sp-sanilan .sp-ikon { background: #b3261e; }
.sp-page .sp-gercek .sp-ikon { background: #0f7a4f; }
.sp-page .sp-et { margin: 0 0 4px; font-size: 16px; line-height: 1.3; font-weight: 700; color: #022041; }
.sp-page .sp-metin { margin: 0; font-size: 18px; line-height: 1.55; color: #222; }
.sp-page .sp-tanim { margin: 0; padding: 16px 20px; box-sizing: border-box; font-size: 17px; line-height: 1.6; color: #022041; background: #eef4fb; border-radius: 14px; }
.sp-page .sp-adimlar { counter-reset: sp-adim; list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.sp-page .sp-adimlar li { counter-increment: sp-adim; display: flex; gap: 14px; align-items: flex-start; box-sizing: border-box; padding: 16px 18px; background: #fff; border: 1px solid #e3eaf3; border-radius: 14px; font-size: 17px; line-height: 1.55; color: #222; }
.sp-page .sp-adimlar li::before { content: counter(sp-adim); flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: #fff; background: #022041; }
.sp-page .sp-figure { margin-top: 8px; }
@media (min-width: 768px) {
    .sp-page .sp-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sp-page .sp-adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sp-page .sp-adimlar li { flex-direction: column; }
}
/* END SOSYAL-PAYLASIM */
