:root{
  --bg:#faf9f7;
  --text:#1f2933;
  --accent:#2f6f63;
  --primary:#2f6f63;
  --muted:#5b6672;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Vazirmatn,Tahoma,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.9;
}
header,main,footer{max-width:46rem;margin:auto;padding:1rem}
header{text-align:center;padding-block:2rem}
h1{color:var(--accent);line-height:1.6}
h2{color:var(--accent);margin:1.5rem 0 .75rem;line-height:1.7}
h3{margin:1rem 0 .5rem}
p{margin-bottom:1rem}
a{color:var(--accent)}
nav a{color:var(--text);text-decoration:none;margin-inline:.7rem}
nav a:hover{color:var(--accent)}
section{margin-block:2rem}
ul,ol{padding-right:1.5rem;margin-bottom:1rem}
li{margin-bottom:.5rem}
footer{text-align:center;color:var(--muted);padding-block:2rem;border-top:1px solid #e5e2dc;margin-top:3rem}

.subtitle{font-size:1.1rem;color:var(--muted);font-style:italic;margin-top:.5rem}
.author{margin-top:1rem;font-weight:bold;color:var(--muted);font-size:.9rem}
.date{color:var(--muted);font-size:.9rem}
blockquote{border-right:4px solid var(--accent);padding-right:1rem;margin:1.5rem 0;color:var(--muted);font-style:italic;background:#f0f5f3;border-radius:4px;padding-block:.5rem}

.related-posts{background:#f4f1ea;padding:1.5rem;border-radius:8px;margin-top:2rem;border-right:4px solid var(--accent)}
.related-posts h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}
.related-posts ul{list-style:none;padding:0}
.related-posts li{margin-bottom:.5rem}
.related-posts a{text-decoration:none;color:var(--primary);font-weight:bold}
.related-posts a:hover{color:var(--accent);text-decoration:underline}

.cta{background:#f0f5f3;padding:1.5rem;border-radius:8px;text-align:center;margin-top:3rem}
.cta a{color:var(--accent);font-weight:bold;text-decoration:underline}