:root{--bg:#f6f5f1;--panel:#fff;--text:#20221b;--muted:#66695e;--line:#e3e4dc;--accent:#fa6b35}
@media (prefers-color-scheme:dark){:root{--bg:#10110f;--panel:#191a17;--text:#f1f1e8;--muted:#9b9e91;--line:#30322b}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/2 Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{padding-top:22px;padding-bottom:6px}
.brand{color:var(--text);text-decoration:none;font-weight:900;font-size:22px;line-height:1.3;display:inline-block}
.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);font-weight:600}
main{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px 24px 30px;margin-top:14px}
h1{font-size:28px;line-height:1.5;margin:0 0 4px;font-weight:900}
h2{font-size:18px;line-height:1.6;margin:26px 0 6px;font-weight:800}
p,li{color:var(--text)}
ul{padding-right:20px;margin:6px 0}
li{margin:4px 0}
.meta{color:var(--muted);font-size:13px;margin:0 0 14px}
a{color:var(--accent)}
footer{color:var(--muted);font-size:13px;padding-top:16px;padding-bottom:28px}
footer a{color:var(--muted)}
@media (max-width:520px){main{padding:20px 16px 24px;border-radius:16px}h1{font-size:24px}body{font-size:15px}}