:root{
    --primary:#1f3c2e;
    --soft:#f4f7f6;
    --text:#2d2d2d;
    --muted:#6b7280;
}

body {
    font-family: 'Nunito', sans-serif;
    background: var(--soft);
    margin:0;
    padding:0;
    color:var(--text);
    line-height:1.8;
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width:720px;
    margin:auto;
    padding:18px;
}

.card {
    background:#fff;
    padding:28px 22px;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
}

h1 { font-size:24px; line-height:1.4; margin-bottom:10px; }
h2 { margin-top:40px; font-size:19px; color:var(--primary); }
p { margin:18px 0; font-size:17px; text-align: justify; }

.meta { font-size:13px; color:var(--muted); margin-bottom:20px; }

.arabic {
    font-family:'Amiri', serif;
    font-size:30px;
    text-align:right;
    direction:rtl;
    margin:25px 0;
    padding:18px;
    background:#f9fafb;
    border-radius:14px;
    line-height:2;
}

.translate {
    font-style:italic;
    color:var(--muted);
    margin-top:-10px;
    margin-bottom:20px;
}

.footer {
    text-align:center;
    font-size:13px;
    color:var(--muted);
    margin:40px 0;
}