
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Regular.woff") format("woff");  font-weight: 400;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Medium.woff") format("woff");  font-weight: 500;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-SemiBold.woff") format('woff'); font-weight: 600; font-style: normal;  font-display: swap;   }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Bold.woff") format("woff");  font-weight: 700;  font-style: normal;  font-display: swap;  }
@font-face {  font-family: "YekanBakh";  src: url("../fonts/YekanBakh-Fat.woff") format("woff");  font-weight: 900;  font-style: normal;  font-display: swap;  }

html{scroll-behavior:smooth} body{overflow-x:hidden}
    .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .category-scroll::-webkit-scrollbar{display:none}.category-scroll{scrollbar-width:none}
    .article-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
    .article-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(16,24,40,.08);border-color:rgba(87,189,132,.3)}
    @media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}
  