/* DEFAULT COLORS */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;600;800&display=swap');
:root{
  --bg:#fafafa;
  --surface:#ffffff;
  --text:#14181f;
  --muted:#68707f;
  --brand:#0ea5e9;
  --brand-ink:#075985;
  --border:#e9edf2;

  --radius:14px;
  --container:920px;
  --shadow:0 2px 10px rgba(0,0,0,.04);
  --pad:12px;
  --gap:10px;
  --font:'Tajawal',system-ui,-apple-system,Segoe UI,Roboto;
}

/* === Shared mobile-app layout (نفسه في كل الثيمات) === */
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.7;-webkit-font-smoothing:antialiased}

/* شريط علوي مبسّط */
.appbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.appbar .wrap{max-width:var(--container);margin:auto;padding:10px var(--pad);display:flex;align-items:center;gap:8px}
.appbar .logo{width:34px;height:34px;border-radius:10px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}
.appbar .title{font-weight:800;font-size:1rem}

/* الحاوية */
.container{max-width:var(--container);margin:auto;padding:12px var(--pad)}

/* تبويبات اختيارية */
.tabs{display:flex;gap:8px;overflow:auto;padding:0 var(--pad) 6px}
.tab{color:var(--muted);padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-weight:700;white-space:nowrap;cursor:pointer;transition:.15s}
.tab.is-active,.tab:hover{color:#fff;background:var(--brand);border-color:var(--brand)}

/* قائمة المقالات — مستطيل لكل مقال في صف منفصل */
.list{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:var(--gap)}
.post{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
  padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;
  transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.post:hover{border-color:var(--brand);box-shadow:0 3px 14px rgba(0,0,0,.06)}
.post-title{margin:0}
.post-title a{display:block;text-decoration:none;color:var(--text);font-weight:800;font-size:1rem}
.post-title a:hover{color:var(--brand-ink);text-decoration:underline}
.post-title a:focus{outline:2px dashed var(--brand);outline-offset:2px}
.post-meta{color:var(--muted);font-size:.86rem}
.post-excerpt{color:#212630;font-size:.95rem;margin:0}

/* شارة التحقق (اختيارية) */
.badge-verified{display:inline-flex;align-items:center;gap:6px;color:#15803d;font-weight:800;font-size:.85rem}
.badge-verified::before{content:"✓";width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#dcfce7;color:#166534}

/* محتوى صفحة المقال */
.content{color:#1d2430;line-height:1.85;word-break:break-word}
.content p{margin:0 0 10px}

/* تذييل */
.footer{color:var(--muted);text-align:center;padding:16px 0;font-size:.9rem}