/* --- AKADEMİK İSLAM PLATFORMU: ABDEST BÖLÜMÜ --- */

        .makale-kart { 
            max-width: 1150px; 
            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: 22px; text-align: center; margin-bottom: 5px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
        .sayfa-bilgi { text-align: center; color: #c5a059; font-weight: bold; font-size: 14px; margin-bottom: 30px; display: block; }
        
        .arapca-blok {
            background: #f9fbf9;
            border-left: 4px solid #c5a059;
            padding: 25px;
            margin: 25px 0;
            border-radius: 0 15px 15px 0;
            box-shadow: inset 0 0 10px rgba(0,0,0,0.02);
        }
        .arapca-metin {
            font-size: 32px;
            direction: rtl;
            font-family: 'Traditional Arabic', serif;
            color: #0d3b2e;
            margin-bottom: 20px;
            line-height: 2.2;
            text-align: justify;
            text-align-last: center;
        }
        .arapca-okunus {
            font-style: italic;
            color: #666;
            font-size: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            text-align: justify;
        }
        .arapca-meal {
            font-weight: 500;
            color: #333;
            font-size: 15px;
            line-height: 1.6;
            text-align: justify;
        }
        .duâ-navigasyon {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 50px;
            flex-wrap: wrap;
        }
        .nav-buton {
            background-color: #0d3b2e;
            color: #fff;
            padding: 12px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            font-size: 13px;
            transition: 0.3s;
            border: 1px solid #0d3b2e;
        }
        .nav-buton:hover {
            background-color: #c5a059;
            border-color: #c5a059;
        }
        .nav-buton.active {
            background-color: #f4f7f6;
            color: #0d3b2e;
            border: 1px solid #0d3b2e;
        }

        .basla-buton {
            display: inline-block;
            background-color: #0d3b2e;
            color: #fff;
            padding: 15px 35px;
            text-decoration: none;
            border-radius: 50px;
            font-weight: bold;
            letter-spacing: 1px;
            transition: 0.3s;
            border: 2px solid #0d3b2e;
            cursor: pointer;
            margin-top: 20px;
        }
        .basla-buton:hover {
            background-color: transparent;
            color: #0d3b2e;
            border-color: #c5a059;
        }
        @media(max-width:768px){ .makale-kart { padding: 20px; margin: 15px; } .arapca-metin { font-size: 24px; } }