:root{--primary:#0d1b2a;--accent:#22c55e;--text:#334155;--bg:#f8fafc;--white:#fff;--line:#e2e8f0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.85;direction:rtl}
.wrap{max-width:820px;margin:0 auto;padding:0 22px 80px}
header.top{background:var(--primary);color:#fff;padding:38px 0 34px;margin-bottom:40px}
header.top .wrap{padding-bottom:0}
header.top a.back{color:var(--accent);text-decoration:none;font-weight:600;font-size:.95rem}
header.top h1{font-size:2rem;margin:14px 0 8px}
header.top .upd{font-size:.9rem;opacity:.75}
h2{color:var(--primary);font-size:1.3rem;margin:34px 0 12px;padding-bottom:7px;border-bottom:2px solid var(--line)}
h3{color:var(--primary);font-size:1.05rem;margin:20px 0 8px}
p,li{margin-bottom:11px}
ul,ol{padding-right:22px;margin-bottom:14px}
strong{color:var(--primary)}
.note{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:16px 18px;margin:22px 0;font-size:.95rem}
.fill{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px 18px;margin:22px 0;font-size:.95rem}
.fill code{background:#fff;border:1px solid #fecaca;border-radius:4px;padding:1px 6px;font-size:.9em}
footer.btm{border-top:1px solid var(--line);margin-top:46px;padding-top:22px;font-size:.9rem;text-align:center}
footer.btm a{color:var(--primary)}