@import url('/fonts.css');:root{font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#244332;background:#faf8f2}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.article-header{background:#fffefa;box-shadow:0 4px 28px #183b2a13;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(22px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:4}.article-brand{display:flex;gap:12px;align-items:center}.article-brand>span:last-child{display:grid;gap:2px}.article-brand b{font-size:23px;color:#205038}.article-brand small{color:#859787;font-size:11px}.brand-icon{display:grid;place-items:center;background:#1e5136;color:#fff;border-radius:16px;width:48px;height:48px;font-size:24px;font-weight:bold}.article-header nav{display:flex;align-items:center;gap:23px;font-size:13px}.article-header nav a.current{color:#bc7135;font-weight:800}.article-header nav a.nav-order,.article-callout a{background:#225b3b;color:white;padding:11px 17px;border-radius:12px;font-weight:800}.article-main{max-width:1220px;margin:auto;padding:30px 22px 65px}.articles-intro{background:#e4ecd9;padding:45px;border-radius:26px;margin:10px 0 30px}.article-tag{color:#ad6a32;font-weight:800;font-size:12px}.articles-intro h1{font-size:clamp(28px,4vw,45px);line-height:1.5;margin:10px 0}.articles-intro p,.article-intro{font-size:16px;line-height:2;color:#607866}.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:#fff;border:1px solid #e5e8df;overflow:hidden;border-radius:22px;box-shadow:0 8px 24px #22452b0d}.article-card-media{display:block;height:195px;overflow:hidden;background:#e8ede4}.article-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-card:hover .article-card-media img{transform:scale(1.05)}.article-card-body{padding:19px}.article-card h3{font-size:19px;line-height:1.7;margin:10px 0;color:#244b36}.article-card p{color:#69806e;line-height:2;font-size:13px;min-height:82px}.article-card-bottom{border-top:1px solid #edf0e9;padding-top:14px;display:flex;justify-content:space-between;color:#a57547;font-size:12px}.article-card-bottom a{font-weight:800;color:#205d40}.article-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:#718374;line-height:1.9;margin:0 0 25px}.article-content{max-width:840px;margin:0 auto}.article-content h1{font-size:clamp(30px,4vw,43px);line-height:1.5;color:#194830;margin:10px 0}.article-read-time{color:#8e8068;font-size:12px;margin-bottom:24px}.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:24px;display:block;margin-bottom:26px}.article-content section{border-bottom:1px solid #e7e9e0;padding:10px 0 20px}.article-content section h2{font-size:23px;color:#254f37;margin:15px 0}.article-content section p{font-size:16px;line-height:2.35;color:#3e5b45;margin:0 0 12px}.article-callout{margin:32px 0;background:#e1ecde;border:1px solid #cfdfcb;padding:25px 28px;border-radius:20px;color:#285339}.article-callout strong{font-size:22px}.article-callout p{line-height:2}.article-callout a{display:inline-block;margin-top:3px}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-top:46px;color:#234a34}.related-heading a{color:#bb753e;font-size:12px}.article-footer{background:#193d2a;color:#eef0dd;padding:29px max(22px,calc((100vw - 1220px)/2));display:flex;justify-content:space-between;gap:14px;font-size:13px}.article-footer a{color:#f1cb88}@media(max-width:820px){.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-header{padding:11px 15px}.article-header nav{gap:12px;font-size:11px}.article-header nav a:nth-child(2){display:none}.article-main{padding:20px 14px 45px}.articles-intro{padding:26px}.article-card-media{height:150px}}@media(max-width:550px){.articles-grid{grid-template-columns:1fr}.article-header nav a:first-child{display:none}.article-header nav{gap:8px}.article-header nav a.nav-order{padding:8px 10px}.article-brand b{font-size:17px}.article-brand small{font-size:9px}.brand-icon{width:35px;height:35px;font-size:20px}.article-content section p{font-size:14px}.article-footer{font-size:11px;flex-direction:column}}
