:root{
    --brand:#05593e; --brand-2:#0a7a56; --brand-soft:#e8f3ee; --ink:#141a18;
    --muted:#5f6b66; --paper:#fbfcfb; --card:#fff; --line:#e2e8e5; --hero:#f2f7f4;
  }
  @media (prefers-color-scheme: dark){
    :root{ --brand:#3ecb92; --brand-2:#2fae7c; --brand-soft:#10231c; --ink:#eef3f1;
           --muted:#9aa8a3; --paper:#0b0f0d; --card:#131a17; --line:#22302b; --hero:#0e1512; }
  }
  *{box-sizing:border-box;margin:0}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);
       font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,sans-serif;
       line-height:1.75;-webkit-font-smoothing:antialiased}
  a{color:var(--brand);text-decoration:none}
  img{max-width:100%}

  [data-lang]{display:none}
  html[lang="ar"] [data-lang="ar"]{display:block}
  html[lang="en"] [data-lang="en"]{display:block}
  html[lang="ar"] span[data-lang="ar"], html[lang="en"] span[data-lang="en"]{display:inline}
  html[lang="ar"] summary[data-lang="ar"], html[lang="en"] summary[data-lang="en"]{display:list-item}
  html[lang="ar"] li[data-lang="ar"], html[lang="en"] li[data-lang="en"]{display:list-item}

  .switch{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);
          border-radius:999px;padding:3px;margin-inline-start:auto}
  .switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;
                 font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer}
  .switch button[aria-pressed="true"]{background:var(--brand);color:#fff}

  nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;
      padding:10px clamp(16px,4vw,40px);background:color-mix(in srgb, var(--paper) 82%, transparent);
      backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
  nav .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink)}
  nav .brand img{width:30px;height:30px;border-radius:8px;display:block}
  nav .links{display:flex;gap:16px;margin-inline-start:auto;font-size:13.5px;font-weight:600}
  nav .links a{color:var(--muted)}
  nav .links a:hover{color:var(--brand)}
  @media (max-width:720px){ nav .links{gap:11px;font-size:12px} }

  .hero{background:linear-gradient(180deg,var(--hero),var(--paper));
        padding:clamp(36px,7vw,70px) clamp(16px,4vw,40px) clamp(28px,5vw,44px);text-align:center}
  .hero .icon{width:clamp(72px,10vw,96px);height:auto;border-radius:24%;margin:0 auto 18px;display:block;
              box-shadow:0 16px 44px rgba(5,89,62,.22)}
  .hero h1{font-size:clamp(30px,5.6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.15}
  .hero h1 .grad{background:linear-gradient(90deg,var(--brand),var(--brand-2));
                 -webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .sub{color:var(--muted);font-size:clamp(15px,2.2vw,18px);max-width:560px;margin:12px auto 0;font-weight:500}
  .hero .cta{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:26px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;
       font-weight:700;font-size:15px;padding:12px 24px;border-radius:14px}
  .btn.ghost{background:transparent;border:1.5px solid var(--brand);color:var(--brand)}

  .wrap{max-width:760px;margin:0 auto;padding:10px 20px 60px}
  h2{font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-.02em;margin:40px 0 14px}
  h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;
             background:var(--brand);margin-inline-end:10px}
  p,li{font-size:16px;color:var(--ink)}
  ul{padding-inline-start:22px}
  li{margin:8px 0}
  .k{color:var(--brand);font-weight:700}
  .card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin:22px 0}
  .sub-note{color:var(--muted);font-size:15px;margin:0}

  details{background:var(--card);border:1px solid var(--line);border-radius:18px;
          padding:16px 20px;margin:10px 0;transition:border-color .15s}
  details:hover{border-color:var(--brand)}
  summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";float:inline-end;color:var(--brand);font-weight:800}
  details[open] summary::after{content:"–"}
  details p{margin:12px 0 2px;color:var(--muted)}

  .stamp{display:flex;justify-content:center;padding:26px 20px 30px}
  .stamp img{height:36px;width:auto;opacity:.85}
  .stamp .dark{display:none}
  @media (prefers-color-scheme: dark){ .stamp .light{display:none} .stamp .dark{display:block} }

  footer{border-top:1px solid var(--line);padding:24px clamp(16px,4vw,40px);
         display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
         color:var(--muted);font-size:13.5px}
  footer .flinks{display:flex;gap:18px;font-weight:600}

  /* الإخفاء اللغوي يغلب أي display لاحق (grid/flex كانت تتسرب) */
  html[lang="en"] [data-lang="ar"]{display:none !important}
  html[lang="ar"] [data-lang="en"]{display:none !important}


/* inline style attributes moved for CSP */
.s-7483d9de{color:var(--brand)}