/* طراح من — terms, privacy, offline: one quiet page style */
:root{--red:#D3112E;--red-deep:#9B0B22;--green:#169A48;--ink:#13201A;--ink-2:#435349;--ink-3:#6B7A71;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font:16px/1.95 "Vazirmatn","Rubik",Tahoma,system-ui,sans-serif;color:var(--ink);
  background:radial-gradient(60vmax 50vmax at 88% 0%,rgba(211,17,46,.12),transparent 60%),radial-gradient(60vmax 50vmax at 6% 100%,rgba(22,154,72,.12),transparent 60%),#FAFCFA;min-height:100vh}
article[lang="en"],article[lang="en"] *{font-family:"Rubik","Vazirmatn",system-ui,sans-serif;line-height:1.75}
.bar{position:sticky;top:0;z-index:2;background:linear-gradient(100deg,#D6163A,#B00D28 60%,#960A22);color:#fff;box-shadow:0 10px 30px -18px rgba(120,8,28,.8)}
.bar::after{content:"";display:block;height:4px;background:linear-gradient(#fff 0 50%,var(--green) 50% 100%)}
.bar-in{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 18px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 19px/1 "Noto Kufi Arabic","Vazirmatn",sans-serif}
.brand svg{width:30px;height:30px}.mk-star{fill:#fff}.mk-ring{fill:var(--green)}.mk-dot{fill:#fff}
.sw{margin-inline-start:auto;display:flex;gap:6px}
.sw button,.sw a{font:inherit;font-size:13.5px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;text-decoration:none}
.sw button[aria-pressed="true"]{background:#fff;color:var(--red)}
main{max-width:860px;margin:0 auto;padding:28px 18px 70px}
.card{background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.95);border-radius:22px;
  box-shadow:0 24px 50px -28px rgba(70,8,22,.35);padding:26px clamp(18px,4vw,36px);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
h1{font:800 clamp(24px,3.6vw,34px)/1.4 "Noto Kufi Arabic","Vazirmatn",sans-serif;margin:0 0 4px;
  background:linear-gradient(90deg,var(--ink),var(--red) 60%,var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
article[lang="en"] h1{font-family:"Rubik",sans-serif}
.meta{color:var(--ink-3);font-size:14px;margin:0 0 18px}
h2{font-size:18.5px;margin:30px 0 6px;color:var(--red-deep)}
p,li{color:var(--ink-2)}
ul,ol{padding-inline-start:22px}li{margin:5px 0}
.lead{border-inline-start:4px solid var(--green);background:rgba(22,154,72,.07);padding:12px 16px;border-radius:12px;color:var(--ink)}
.resp{list-style:none;padding:0;counter-reset:r}
.resp li{counter-increment:r;position:relative;padding-inline-start:44px;margin:12px 0}
.resp li::before{content:counter(r,decimal-leading-zero);position:absolute;inset-inline-start:0;top:2px;width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(145deg,#E3263F,var(--red-deep))}
a{color:var(--red)}
[hidden]{display:none!important}

/* computers: the whole page at 90% (what the owner liked at 90% browser zoom); phones keep their own sizes */
@media (min-width:901px){html{zoom:.9}}