/* Start custom CSS for text-editor, class: .elementor-element-d172423 */:root{
      --bg:#f7f7f9;
      --card:#ffffff;
      --ink:#17202a;
      --muted:#5a6b7b;
      --brand:#1e8449;      /* أخضر زيتون */
      --brand-ink:#0b3d1b;
      --accent:#f1f8f4;
      --ring: #b7e1c3;
      --shadow: 0 6px 28px rgba(0,0,0,.08);
      --radius:16px;
      --radius-sm:10px;
      --space: clamp(16px, 2vw, 24px);
      --maxw: 920px;
      --font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", "Helvetica Neue", Arial, "Tahoma", sans-serif;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --bg:#0e1114;
        --card:#14191d;
        --ink:#e9eef2;
        --muted:#a5b3bf;
        --brand:#58d68d;
        --brand-ink:#16382a;
        --accent:#0f1b16;
        --ring:#1f3b2c;
        --shadow: 0 6px 28px rgba(0,0,0,.45);
      }
    }

    html,body{height:100%}
    body{
      margin:0;
      background: radial-gradient(1200px 800px at 100% -10%, var(--accent), transparent) , var(--bg);
      font-family: var(--font);
      color: var(--ink);
      -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
      line-height:1.7;
    }

    .wrap{max-width: var(--maxw); margin: min(8vh,60px) auto; padding: 0 var(--space);}
    .card{
      background: var(--card);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: clip;
      border: 1px solid rgba(0,0,0,.06);
    }
    .hero{
      padding: clamp(20px,3.8vw,38px);
      background:
        linear-gradient(135deg, rgba(30,132,73,.10), rgba(30,132,73,0) 60%),
        radial-gradient(1200px 600px at -10% 0%, rgba(30,132,73,.08), transparent 70%);
      border-bottom: 1px solid rgba(0,0,0,.06);
    }
    .kicker{
      display:inline-flex; align-items:center; gap:.55rem;
      padding:.35rem .7rem; border-radius:999px;
      background: var(--accent); color: var(--brand-ink);
      font-weight:700; letter-spacing:.2px; font-size:.9rem;
      border:1px solid var(--ring);
    }
    .hero h1{
      margin:.9rem 0 0;
      font-size: clamp(1.4rem, 3.1vw, 2rem);
      line-height:1.3;
    }
    .hero p.sub{
      margin:.6rem 0 0; color: var(--muted);
      font-size: clamp(.98rem,2.4vw,1.05rem);
    }

    .body{ padding: clamp(18px, 3.2vw, 28px); display: grid; gap: var(--space); }

    .notice{
      display:grid; gap:.5rem; padding:1rem 1.1rem; border-radius: var(--radius-sm);
      background: var(--accent); border:1px solid var(--ring);
    }
    .notice b{ color: var(--brand-ink); }

    h2{
      margin:0 0 .4rem; font-size: clamp(1.1rem,2.6vw,1.3rem);
    }
    .muted{color:var(--muted)}
    .grid{display:grid; gap: var(--space);}
    @media (min-width: 720px){
      .grid{ grid-template-columns: 1.4fr .9fr; align-items: start; }
    }

    /* الشروط */
    ol.req{
      padding-inline-start: 1.1rem;
      margin: .2rem 0 0;
      display:grid; gap:.75rem;
      list-style: arabic-indic;
    }
    ol.req li{
      background: linear-gradient(90deg, rgba(30,132,73,.08), transparent 40%);
      padding:.75rem .85rem; border-radius: 10px;
      border:1px dashed rgba(30,132,73,.35);
    }
    ol.req li::marker{ font-weight:700; color: var(--brand); }

    .meta{
      display:grid; gap:.6rem;
    }
    .meta .row{
      display:flex; gap:.6rem; align-items:flex-start;
      padding:.6rem .8rem; border-radius: 10px;
      background: var(--accent); border:1px solid var(--ring);
    }
    .meta .row .icon{
      font-size:1.15rem; line-height:1.2rem; margin-top:.05rem;
    }

    /* أزرار */
    .actions{ display:flex; flex-wrap:wrap; gap:.6rem; }
    .btn{
      display:inline-flex; align-items:center; gap:.6rem;
      padding:.8rem 1rem; border-radius: 12px;
      text-decoration:none; border:1px solid var(--brand);
      background: linear-gradient(180deg, var(--brand), var(--brand-ink));
      color:#fff; font-weight:700;
      box-shadow: 0 6px 18px rgba(30,132,73,.22);
      transition: transform .08s ease, filter .2s ease;
    }
    .btn:hover{ transform: translateY(-1px); filter:brightness(1.05); }
    .btn.secondary{
      background: transparent; color: var(--brand-ink);
      border-color: var(--ring);
    }
    .btn .dot{ font-size: 1.2rem; }

    /* تذييل */
    .foot{
      padding: 1rem clamp(18px, 3vw, 28px);
      border-top:1px solid rgba(0,0,0,.06);
      color:var(--muted); display:flex; justify-content:space-between; gap:.8rem; flex-wrap:wrap;
      font-size:.95rem;
    }

    /* للطباعة */
    @media print{
      body{ background: #fff; }
      .card{ box-shadow:none; border:0; }
      .btn, .actions{ display:none !important; }
      .hero{ background: none; border:0; padding:0 0 .6rem 0; }
      .foot{ border:0; padding-top:.6rem; }
    }/* End custom CSS */