.makale .sm-giris-kutu { display: flex; gap: 14px; padding: 18px 20px; background: linear-gradient(135deg, rgba(66, 133, 244, 0.10), rgba(0, 196, 214, 0.05)); border-radius: var(--ba-r-2); margin: 22px 0; border: 1px solid rgba(66, 133, 244, 0.20); position: relative; overflow: hidden; }
.makale .sm-giris-kutu::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--ba-mor), var(--ba-neon)); }
.makale .sm-giris-ikon { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--ba-mor), var(--ba-neon)); display: grid; place-items: center; color: #fff; font-size: 16px; flex-shrink: 0; }
.makale .sm-giris-metin { flex: 1; font-size: 13.5px; color: var(--ba-txt-1); line-height: 1.6; }
.makale .sm-tablo-wrap { overflow-x: auto; margin: 24px 0; border-radius: var(--ba-r-2); border: 1px solid var(--ba-border); }
.makale .sm-tablo { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 600px; }
.makale .sm-tablo thead { background: linear-gradient(90deg, rgba(66, 133, 244, 0.15), rgba(0, 196, 214, 0.08)); }
.makale .sm-tablo th { padding: 14px 16px; text-align: left; font-weight: 700; color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--ba-border-2); }
.makale .sm-tablo th i { color: var(--ba-mor-2); margin-right: 6px; font-size: 11px; }
.makale .sm-tablo td { padding: 13px 16px; color: var(--ba-txt-2); border-bottom: 1px solid rgba(196, 200, 206, 0.06); transition: all 0.2s ease; }
.makale .sm-tablo tbody tr:hover td { background: rgba(66, 133, 244, 0.05); color: #fff; }
.makale .sm-tablo tbody tr:last-child td { border-bottom: none; }
.makale .sm-tablo td i { color: var(--ba-mor-2); margin-right: 6px; font-size: 12px; }
.makale .sm-risk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 24px 0; }
.makale .sm-risk-kart { background: var(--ba-bg-2); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); padding: 16px; transition: all 0.3s ease; }
.makale .sm-risk-kart:hover { transform: translateY(-4px); border-color: var(--ba-border-2); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
.makale .sm-risk-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.makale .sm-risk-ikon { width: 36px; height: 36px; border-radius: var(--ba-r-1); display: grid; place-items: center; color: #fff; font-size: 14px; flex-shrink: 0; }
.makale .sm-ikon-turuncu { background: linear-gradient(135deg, #f59e0b, #d97706); }
.makale .sm-ikon-kirmizi { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.makale .sm-ikon-sari { background: linear-gradient(135deg, #eab308, #ca8a04); }
.makale .sm-ikon-mavi { background: linear-gradient(135deg, #4285f4, #1a73e8); }
.makale .sm-risk-kart h4 { font-size: 13px; color: #fff; margin: 0; }
.makale .sm-risk-kart p { font-size: 12px; color: var(--ba-txt-3); margin: 0; line-height: 1.55; }
.makale .sm-taktik-liste { margin: 24px 0; display: flex; flex-direction: column; gap: 12px; }
.makale .sm-taktik-satir { display: flex; gap: 14px; padding: 14px 16px; background: var(--ba-bg-2); border-radius: var(--ba-r-2); border: 1px solid var(--ba-border); transition: all 0.25s ease; }
.makale .sm-taktik-satir:hover { border-color: rgba(66, 133, 244, 0.35); background: var(--ba-bg-3); transform: translateX(4px); }
.makale .sm-taktik-no { font-family: var(--ba-mono); font-size: 18px; font-weight: 700; color: var(--ba-mor-2); flex-shrink: 0; width: 32px; line-height: 1.2; opacity: 0.7; }
.makale .sm-taktik-icerik { flex: 1; }
.makale .sm-taktik-icerik strong { display: block; font-size: 13.5px; color: #fff; margin-bottom: 4px; }
.makale .sm-taktik-icerik p { font-size: 12.5px; color: var(--ba-txt-3); margin: 0; line-height: 1.55; }
.makale .sm-vurgu-kutu { background: linear-gradient(135deg, rgba(66, 133, 244, 0.12), rgba(0, 196, 214, 0.06)); border: 1px solid rgba(66, 133, 244, 0.25); border-radius: var(--ba-r-2); padding: 18px 20px; margin: 24px 0; }
.makale .sm-vurgu-ust { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-weight: 700; font-size: 13px; color: var(--ba-neon); text-transform: uppercase; letter-spacing: 0.5px; }
.makale .sm-vurgu-ust i { font-size: 14px; }
.makale .sm-vurgu-kutu p { font-size: 13.5px; color: var(--ba-txt-1); margin: 0; line-height: 1.65; }
.makale .sm-vurgu-kutu a { color: var(--ba-mor-2); border-bottom: 1px dashed var(--ba-mor-2); }
.makale .sm-sss-wrap { margin: 24px 0; display: flex; flex-direction: column; gap: 8px; }
.makale .sm-sss-soru { background: var(--ba-bg-2); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); overflow: hidden; transition: border-color 0.25s ease; }
.makale .sm-sss-soru:hover { border-color: var(--ba-border-2); }
.makale .sm-sss-baslik { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; cursor: pointer; font-size: 13.5px; font-weight: 600; color: #fff; user-select: none; transition: background 0.2s ease; }
.makale .sm-sss-baslik:hover { background: rgba(66, 133, 244, 0.06); }
.makale .sm-sss-baslik i:first-child { color: var(--ba-mor-2); margin-right: 8px; font-size: 12px; }
.makale .sm-sss-ok { color: var(--ba-txt-3); font-size: 12px; transition: transform 0.3s ease; flex-shrink: 0; }
.makale .sm-sss-soru.aktif .sm-sss-ok { transform: rotate(180deg); color: var(--ba-mor-2); }
.makale .sm-sss-cevap { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 18px; }
.makale .sm-sss-soru.aktif .sm-sss-cevap { max-height: 400px; padding: 0 18px 16px; }
.makale .sm-sss-cevap p { font-size: 12.5px; color: var(--ba-txt-2); margin: 0; line-height: 1.65; }
.makale .sm-sss-cevap a { color: var(--ba-mor-2); border-bottom: 1px dashed var(--ba-mor-2); }
@media (max-width: 700px) { .makale .sm-risk-grid { grid-template-columns: 1fr 1fr; } .makale .sm-taktik-satir { flex-direction: column; gap: 8px; } .makale .sm-taktik-no { width: auto; } .makale .sm-tablo { font-size: 12px; min-width: 480px; } .makale .sm-tablo th, .makale .sm-tablo td { padding: 10px 12px; } }
@media (max-width: 480px) { .makale .sm-risk-grid { grid-template-columns: 1fr; } }