main { flex:1; }
.makale-icerik { max-width:1300px; margin:30px auto; background:#fff; padding:40px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.05); line-height:1.8; }
.ana-baslik { color:#0d3b2e; font-size:17px; text-align:center; margin-bottom:5px; font-weight:800; text-transform:uppercase; letter-spacing: 1px; }
.alt-baslik { text-align:center; color:#666; font-size:14px; margin-bottom:40px; font-style: italic; }
        
.indeks-bolum-baslik { border-bottom:2px solid #0d3b2e; padding-bottom:10px; margin-bottom:20px; display:flex; align-items:center; }
.indeks-bolum-baslik h3 { color:#0d3b2e; font-size:17px; margin:0; letter-spacing:0.5px; font-weight: 700; }
        
.farz-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 30px 0; }
.farz-kart { background: #f9fbf9; border: 1px solid #eee; border-left: 4px solid #c5a059; padding: 20px; border-radius: 0 15px 15px 0; transition: 0.3s; }
.farz-kart:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.farz-kart h4 { color: #0d3b2e; margin-top: 0; border-bottom: 1px solid #ddd; padding-bottom: 8px; font-size: 16px; }
.farz-kart ul { padding-left: 20px; margin-bottom: 0; list-style-type: square; }
.farz-kart li { font-size: 14px; margin-bottom: 5px; color: #555; }

.arapca-blok { background: #0d3b2e; color: #fff; padding: 30px; border-radius: 15px; text-align: center; margin-top: 40px; }
.arapca-metin { font-size: 28px; font-family: 'Traditional Arabic', serif; margin-bottom: 15px; direction: rtl; }
.arapca-meal { font-size: 15px; font-style: italic; opacity: 0.9; }
.arapca-meal span { color: #c5a059; font-weight: bold; font-style: normal; }

h4 {display: flex; align-items: center; gap: 6px;}

@media(max-width:768px){ .makale-icerik { padding:20px; margin:15px; } .farz-liste { grid-template-columns: 1fr; } }