@font-face { font-family: Vazirmatn; font-weight: 400; font-display: swap; src: url(/fonts/Vazirmatn-Regular.woff2) format("woff2"); }
@font-face { font-family: Vazirmatn; font-weight: 700; font-display: swap; src: url(/fonts/Vazirmatn-Bold.woff2) format("woff2"); }
:root {
  --pine: #0E4F48;
  --brass: #E3A13B;
  --ink: #13201E;
  --muted: #55625F;
  --paper: #F2F3F0;
  --line: #E1E4E0;
}
@media (prefers-color-scheme: dark) {
  :root {
    --pine: #5FB3A7;
    --brass: #E3A13B;
    --ink: #ECEFEC;
    --muted: #A9B5B1;
    --paper: #101C1A;
    --line: #26332F;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.9 Vazirmatn, "Vazir", Tahoma, "Segoe UI", sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header a { color: var(--pine); font-weight: 700; font-size: 20px; text-decoration: none; }
h1 { color: var(--pine); font-size: 26px; line-height: 1.5; margin: 24px 0 4px; }
h2 { font-size: 19px; margin: 32px 0 8px; }
p, li { margin: 0 0 10px; }
ul { padding-inline-start: 22px; }
a { color: var(--pine); }
.updated { color: var(--muted); font-size: 14px; margin-bottom: 24px; }
nav { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 16px; font-size: 14px; }
nav a { margin-inline-end: 16px; }
.card { border: 1px solid var(--line); border-radius: 12px; padding: 16px; margin: 16px 0; }
.ltr { direction: ltr; unicode-bidi: embed; }