:root{ --site-font: "IranSansWeb", Tahoma, "Helvetica Neue", Arial, sans-serif; --navy: #0a2340; /* سورمه‌ای سیر */ --accent: #0f3b66; --muted: #6b7280; --card-bg: #ffffff; --page-bg: #f6f8fb; --max-width: 900px; } body{ margin:0; font-family:var(--site-font); background:var(--page-bg); color:#222; line-height:1.8; padding:24px; } .container{max-width:var(--max-width);margin:0 auto;} header.article-header{ background:linear-gradient(90deg, var(--navy), var(--accent)); color:#fff; padding:28px; border-radius:10px; margin-bottom:18px; } header h1{ margin:0 0 6px; font-size:22px; background: linear-gradient(90deg, #d4af37, #f5e07e, #b8860b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } header p{margin:0;font-size:13px;opacity:.95} main.article{ background:var(--card-bg); padding:26px; border-radius:10px; box-shadow:0 6px 22px rgba(12,23,40,0.06); } h2{color:var(--navy);margin-top:20px} h3{margin-top:14px;color:#0b2a44} .lead{color:var(--muted);margin-bottom:12px} ul{padding-inline-start:22px;margin:10px 0 18px;} .meta{font-size:13px;color:var(--muted);margin-bottom:18px} footer.note{font-size:13px;color:var(--muted);margin-top:20px;text-align:center}