@font-face{font-family:Vazirmatn;src:url(/assets/Vazirmatn.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#f4f6fb;--card:#fff;--text:#152033;--muted:#5d6b80;--line:#d7e0ea;--brand:#1367e8}
*{box-sizing:border-box}
body{margin:0;font:16px/1.75 Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--text)}
header,main,footer{max-width:760px;margin:0 auto;padding:20px 18px}
header{display:flex;justify-content:space-between;align-items:center}
a{color:var(--brand);text-decoration:none}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 26px}
h1{margin:0 0 12px;font-size:1.7rem}
.muted{color:var(--muted)}
nav a{margin-inline-start:12px;font-size:.92rem}
ul{padding-inline-start:1.2em}
footer{color:var(--muted);font-size:.85rem}
code{direction:ltr;unicode-bidi:isolate}
html[lang=en] body,html[lang=ru] body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.langs{margin-inline-start:12px}.langs a{margin-inline-end:10px}