:root{
      --accent:#1f78b4;
      --muted:#666;
      --card-bg:#fff;
      --page-bg:#f6f8fa;
      --max-width:980px;
      --radius:10px;
      --shadow: 0 6px 18px rgba(31,120,180,0.08);
    }

    html,body{
      height:100%;
      margin:0;
      font-family:Arial, Inter, "Helvetica Neue", sans-serif;
      background:var(--page-bg);
      color:#111;
    }
    .container{
      max-width:var(--max-width);
      margin:28px auto;
      padding:20px;
    }
    .brand{
      text-align:justify;
      display:flex;
      align-items:center;
      gap:12px;
    }
    .brand img{
      width:56px;
      height:56px;
      object-fit:contain;
      border-radius:8px;
    }
    .brand h1{
      font-size:1.15rem;
      margin:0;
      color:var(--accent);
    }

    .card{
      background:var(--card-bg);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      padding:20px;
      margin-bottom:18px;
      text-align:justify; /* تفعيل justify لكل النصوص */
    }
    .card p, .card h2, .card h3, .card .keywords {
      text-align: justify !important;
    }

    h2{margin:0 0 10px 0}
    p{line-height:1.6;color:#222;margin:8px 0}

    .columns{display:grid;grid-tempLate-columns:1fr 1fr;gap:18px;margin-top:10px}
    @media (max-width:900px){ .columns{grid-tempLate-columns:1fr} }

    .figure{background:#eef5fb;border:1px dashed #cfe8fb;padding:12px;border-radius:8px;text-align:center;color:#357ab8}
    .figure img{max-width:100%;height:auto;border-radius:6px}

    footer{font-size:0.85rem;color:var(--muted);margin-top:18px;text-align:center}
    .muted{color:var(--muted)}