.articles-page{direction:rtl;text-align:right}.articles-page .container-fluid{padding:1rem}.articles-page .topicBox-main{margin-top:1rem;margin-bottom:1rem}.articles-page .MasterArticleItem{list-style:none;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem}.articles-page .MasterArticleItem li{display:block;margin:0;width:100%;list-style:none}.articles-page .ArticleCard{display:flex;flex-direction:column;text-decoration:none;background-color:#fff;border-radius:.26rem;overflow:hidden;box-shadow:0 0 .625rem -.125rem #c8d3de;transition:all .3s ease;height:100%}.articles-page .ArticleCard:hover{transform:translateY(-4px);box-shadow:0 .33rem 1.66rem rgba(100,100,100,.3);text-decoration:none}.articles-page .ArticleImageWrapper{width:100%;height:200px;overflow:hidden;background-color:#f5f5f5;position:relative}.articles-page .ArticleImage{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.articles-page .ArticleCard:hover .ArticleImage{transform:scale(1.05)}.articles-page .ArticleContent{padding:1rem;flex:1;display:flex;flex-direction:column}.articles-page .ArticleContent h3{color:#333;font-size:1rem;font-weight:600;line-height:1.5;-webkit-line-clamp:2;min-height:3rem}.articles-page .ArticleContent h3,.articles-page .ArticleContent p{margin:0 0 .5rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.articles-page .ArticleContent p{color:#666;font-size:.85rem;line-height:1.6;-webkit-line-clamp:3;flex:1}.articles-page .ArticleMeta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#999;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eee}.articles-page .ArticleMeta span{display:flex;align-items:center;gap:.25rem}.articles-page .SchoolIntroBox{background-color:#fff;border-radius:.26rem;padding:1rem;box-shadow:0 0 .625rem -.125rem #c8d3de;text-align:center}.articles-page .SchoolIntroButton{display:block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#0a2e4d,#1e3f6f);color:#fff;text-decoration:none;border-radius:.26rem;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(10,46,77,.3)}.articles-page .SchoolIntroButton:hover{background:linear-gradient(135deg,#1e3f6f,#337ab7);transform:translateY(-2px);box-shadow:0 4px 12px rgba(10,46,77,.4);text-decoration:none;color:#fff}.articles-page .CategorySidebar{background-color:#fff;border-radius:.26rem;padding:1rem;box-shadow:0 0 .625rem -.125rem #c8d3de;margin-bottom:1rem;position:sticky;top:100px}.articles-page .CategorySidebar h2{font-size:1.1rem;font-weight:600;color:#063551;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #2c5aa0}.articles-page .CategorySidebar ul{list-style:none;padding:0;margin:0}.articles-page .CategorySidebar li{margin:0;padding:0}.articles-page .CategorySidebar a{display:block;color:#666;text-decoration:none;font-size:.9rem;transition:all .2s ease;border-right:4px solid transparent;padding:.5rem .5rem .5rem 0}.articles-page .CategorySidebar a.active,.articles-page .CategorySidebar a:hover{color:#2c5aa0;font-weight:600;border-right-color:#2c5aa0}.articles-page .CategorySidebar a .count{color:#999;font-size:.85rem;margin-right:.5rem}.articles-page .PageTitle{font-size:1.2rem;font-weight:600;color:#063551;margin:0;padding:1rem 1.5rem;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;text-align:center}.articles-page .SearchBox{margin-bottom:1rem}.articles-page .SearchBox form{display:flex;gap:.5rem}.articles-page .SearchBox input{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:.26rem;font-size:.9rem;direction:rtl}.articles-page .SearchBox input:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 2px rgba(44,90,160,.1)}.articles-page .SearchBox button[type=submit]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#2c5aa0;cursor:pointer;padding:.25rem}.articles-page .SearchBox button[type=button]{padding:.75rem 1rem;background-color:#f5f5f5;color:#666;border:none;border-radius:.26rem;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.articles-page .SearchBox button[type=button]:hover{background-color:#e0e0e0}.articles-page .SearchBox>form>div{position:relative;flex:1}.articles-page .ResultsCount{color:#666;font-size:.9rem;margin-bottom:1rem}.articles-page .EmptyState{text-align:center;padding:3rem 1rem;background-color:#fff;border-radius:.26rem;box-shadow:0 0 .625rem -.125rem #c8d3de}.articles-page .EmptyState p{color:#666;font-size:1rem;margin-bottom:1rem}.articles-page .EmptyState a{color:#2c5aa0;text-decoration:none;font-weight:600}.articles-page .EmptyState a:hover{text-decoration:underline}@media (max-width:1200px){.articles-page .MasterArticleItem{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.articles-page .MasterArticleItem{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.articles-page .CategorySidebar{position:relative;top:0;margin-bottom:1rem}}@media (max-width:576px){.articles-page .MasterArticleItem{grid-template-columns:1fr}.articles-page .ArticleImageWrapper{height:180px}.articles-page .ArticleContent{padding:.75rem}.articles-page .ArticleContent h3{font-size:.95rem}.articles-page .ArticleContent p{font-size:.8rem}}.articles-page .box{background-color:#fff;border-radius:.26rem;padding:0 0 .06rem;box-shadow:0 0 .625rem -.125rem #c8d3de;animation:panel-animation .2s}@keyframes panel-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}