:root{
      --font: "Noto Kufi Arabic", system-ui, -apple-system, Segoe UI, sans-serif;
      --purple:#4b1f6f;
      --purple-2:#3d1a5b;
      --aqua:#41e6c0;
      --muted:#e7dff3;
      --text:#2b2140;
      --radius-lg:20px;
      --shadow-lg:0 30px 60px rgba(0,0,0,.18);
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;font-family:var(--font);background:#faf7ff;color:var(--text)}
    a{text-decoration:none;color:inherit}

    .container{max-width:1400px;margin-inline:auto;padding:clamp(1rem,3vw,2rem)}

    /* العنوان */
    .post-head{display:grid;gap:.4rem;justify-items:center;margin:clamp(1rem,2vw,1.25rem) 0}
    .post-title{
      font-weight:800;
      font-size:clamp(1.6rem,3.5vw,2.4rem);
      color:var(--purple);
      text-align:center;
      line-height:1.3;
    }
.post-sub{
  color: var(--muted, #6b7280);
  font-size: clamp(1rem, 2.2vw, 1.125rem);
  line-height: 1.7;
  margin: .25rem 0 1rem;
}

    /* breadcrumb */
    .breadcrumb{
      margin:1rem 0;
      display:flex;justify-content:center;
    }
    .breadcrumb ol{
      display:flex;align-items:center;gap:.5rem;
      padding:.5rem .75rem;
      border-radius:var(--radius-lg);
      background:var(--muted);
      box-shadow: var(--shadow-lg);
      list-style:none;
    }
    .breadcrumb li{display:inline-flex;align-items:center;gap:.35rem}
    .breadcrumb a{color:var(--purple);font-weight:600}
    .breadcrumb a:hover{color:var(--aqua)}
    .breadcrumb i{font-size:1rem;color:var(--purple-2)}
    .breadcrumb li:not(.current)::after{
      content:"\EA6E";
      font-family:"remixicon";
      font-size:1.05rem;
      color:var(--purple-2);
      opacity:.7;
      margin-inline:.25rem;
    }
    .breadcrumb .current{font-weight:700;color:var(--text)}

    /* المحتوى */
    .content{
      background:#fff;
      border-radius:16px;
      border:1.6px solid rgba(75,31,111,.15);
      padding:clamp(1rem,2.4vw,1.6rem);
      box-shadow:0 10px 24px rgba(0,0,0,.08);
      line-height:2;
    }
    .content h2,.content h3{color:var(--purple);margin:1.2rem 0 .6rem;font-weight:800}
    .content p{margin:.6rem 0;color:#433b55}

    /* زر واتساب */
    .whatsapp-cta{
      margin:2rem auto;
      max-width:520px;
      display:flex;align-items:center;justify-content:center;gap:.55rem;
      background:var(--aqua);color:#2b2140;border:0;border-radius:12px;
      font-weight:800;padding:.9rem 1.2rem;cursor:pointer;
      box-shadow:0 10px 24px rgba(65,230,192,.35);
      transition:transform .18s, box-shadow .25s;
    }
    .whatsapp-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(65,230,192,.45)}
    .whatsapp-cta i{font-size:1.3rem}

    /* ===========================
   Typography for Page Content
   =========================== */

/* الحاوية العامة */
.entry-content, .page-content {
  font-family: "Noto Kufi Arabic", system-ui, -apple-system, Segoe UI, sans-serif;
  color: #2b2140;                /* var(--text) */
  font-size: clamp(15px, 1.7vw, 18px);
  line-height: 2;                /* تباعد مريح بين السطور */
  word-wrap: break-word;
}

/* المسافات بين العناصر */
.entry-content > *, .page-content > * {
  margin-block: 1rem 1.2rem;
}

/* ========== العناوين ========== */
.entry-content h1, .page-content h1 {
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 800;
  color: #4b1f6f;                /* var(--purple) */
  line-height: 1.25;
  margin: 2rem 0 1rem;
}
.entry-content h2, .page-content h2 {
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 800;
  color: #4b1f6f;
  line-height: 1.3;
  margin: 1.8rem 0 .8rem;
}
.entry-content h3, .page-content h3 {
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: 700;
  color: #3d1a5b;                /* var(--purple-2) */
  margin: 1.4rem 0 .6rem;
}
.entry-content h4, .page-content h4 {
  font-size: 18px;
  font-weight: 700;
  color: #3d1a5b;
}
.entry-content h5, .page-content h5 {
  font-size: 16px;
  font-weight: 700;
  color: #544a64;
}
.entry-content h6, .page-content h6 {
  font-size: 15px;
  font-weight: 700;
  color: #6f6485;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* ========== الفقرات ========== */
.entry-content p, .page-content p {
  margin: .75rem 0;
  color: #433b55;
}

/* ========== الروابط ========== */
.entry-content a, .page-content a {
  color: #3d1a5b;
  text-decoration: underline;
  text-underline-offset: .2em;
  transition: color .2s ease;
}
.entry-content a:hover, .page-content a:hover {
  color: #41e6c0;                /* var(--aqua) */
}

/* ========== القوائم ========== */
.entry-content ul, .page-content ul {
  list-style: none;
  padding-inline-start: 1.2em;
}
.entry-content ul li, .page-content ul li {
  position: relative;
  margin: .35rem 0;
  padding-inline-start: .6em;
}
.entry-content ul li::before, .page-content ul li::before {
  content: "•";
  color: #41e6c0;                /* var(--aqua) */
  position: absolute;
  inset-inline-start: 0;
  line-height: 1;
}
.entry-content ol, .page-content ol {
  padding-inline-start: 1.3em;
}
.entry-content ol li, .page-content ol li {
  margin: .35rem 0;
}

/* ========== الاقتباس ========== */
.entry-content blockquote, .page-content blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.2rem;
  border-inline-start: 4px solid #4b1f6f;
  background: #f9f7fc;
  border-radius: 8px;
  color: #3d1a5b;
  font-style: italic;
}
.entry-content blockquote p:last-child, .page-content blockquote p:last-child {
  margin-bottom: 0;
}

/* ========== الفواصل ========== */
.entry-content hr, .page-content hr {
  border: 0;
  border-top: 2px dashed rgba(75,31,111,.18);
  margin: 2rem 0;
}