/* قائمة المقالات في /blog/ (ديناميكية من inc/blog.php) */
.ar-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ar-cats a{font-size:14.5px;font-weight:700;padding:7px 16px;border-radius:30px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.ar-cats a:hover{border-color:var(--blue);color:var(--blue)}
.ar-cats a[aria-current]{background:var(--blue);border-color:var(--blue);color:#fff}
.ar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.ar-grid a{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px}
.ar-grid a:hover{border-color:var(--blue)}
.ar-grid small{font-size:13px;font-weight:700;color:var(--blue-deep)}
.ar-grid strong{font-size:17px;font-weight:700;line-height:1.6}
.ar-grid span{font-size:14.5px;color:var(--ink-2);line-height:1.8}
.ar-grid time{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--ink-2)}
.ar-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:32px}
.ar-pager a,.ar-pager span{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700}
.ar-pager span[aria-current]{background:var(--blue);color:#fff;border-color:var(--blue)}
.ar-pager a:hover{border-color:var(--blue);color:var(--blue)}
@media (max-width:1100px){.ar-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ar-grid{grid-template-columns:1fr}}