*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f9fc;color:#17324f;font-family:Vazirmatn,Tahoma,sans-serif}
a{color:inherit}
.article-container{width:min(1200px,calc(100% - 40px));margin:auto}
.article-header{background:white;border-bottom:1px solid #e7edf4}
.article-header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.article-logo img{max-width:180px;max-height:65px;object-fit:contain}
.article-header nav{display:flex;gap:28px}
.article-header nav a{text-decoration:none;font-size:13px;font-weight:700;color:#19385a}
.article-page-intro{padding:52px 0;background:#edf4fa}
.article-page-intro h1{font-size:32px;color:#092754;margin:18px 0 10px}
.article-page-intro p{color:#64748b}
.article-breadcrumb{font-size:12px;color:#7a8ba0;line-height:2}
.article-breadcrumb a{text-decoration:none;color:#326392}
.article-list-section{padding:45px 0 70px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-card{background:white;border:1px solid #e4eaf1;border-radius:13px;overflow:hidden}
.article-card>a{display:block;text-decoration:none;height:100%}
.article-card-image{height:195px;background:#edf3f8}
.article-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.article-image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#7991aa;font-weight:800}
.article-card-content{padding:19px}
.article-category{display:inline-block;background:#eaf2fa;color:#245487;border-radius:6px;padding:5px 10px;font-size:11px}
.article-card h2,.article-card h3{font-size:17px;line-height:1.9;color:#092754;margin:12px 0}
.article-card p{font-size:12px;line-height:2;color:#68798d}
.article-card small{font-size:11px;color:#8796a8}
.article-pagination{margin-top:35px}
.article-empty{text-align:center;padding:70px 20px;background:#fff;border-radius:12px;color:#75869a}
.article-detail{padding-top:35px;padding-bottom:70px}
.article-main{background:white;border:1px solid #e5ebf2;border-radius:15px;padding:38px;margin-top:20px}
.article-main h1{font-size:32px;line-height:1.7;color:#092754;margin:14px 0}
.article-date{font-size:12px;color:#8190a3;margin-bottom:25px}
.article-hero-image{width:100%;max-height:470px;object-fit:cover;border-radius:12px}
.article-excerpt{background:#f1f6fb;border-right:4px solid #174b87;padding:17px 20px;line-height:2.2;font-weight:700}
.article-body{font-size:15px;line-height:2.5;white-space:normal;overflow-wrap:anywhere}
.article-related{margin-top:45px}
.article-related h2{font-size:24px;color:#092754}
.article-footer{background:#061d38;color:#c5d3e2;padding:25px 0}
.article-footer .article-container{display:flex;justify-content:space-between;gap:15px;font-size:12px}
.article-footer a{text-decoration:none}
@media(max-width:800px){
.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-main{padding:22px}
.article-main h1{font-size:25px}
}
@media(max-width:550px){
.article-grid{grid-template-columns:1fr}
.article-header-inner{height:auto;min-height:75px;flex-wrap:wrap;padding:10px 0}
.article-header nav{gap:15px}
.article-page-intro h1{font-size:25px}
.article-main h1{font-size:22px}
.article-footer .article-container{flex-direction:column}
}