.archive-section{padding:40px 0;background-color:#f7f9fc;font-family:'Tajawal',sans-serif}.archive-container{max-width:1170px;margin:0 auto;padding:0 20px}.archive-title{font-size:32px;font-weight:800;color:#111;margin-bottom:30px;text-align:center}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.2s ease,transform 0.2s ease}.post-card:hover{box-shadow:0 6px 16px rgb(0 0 0 / 6%);transform:translateY(-2px)}.post-thumb{position:relative;width:100%;aspect-ratio:400 / 230;background:#eee;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;border-radius:12px 12px 0 0;position:absolute;top:0;left:0}.post-card:hover .post-thumb img{transform:scale(1.02)}.post-content{padding:16px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.post-title{font-size:18px;font-weight:700;line-height:1.5;margin-bottom:10px;color:#111;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.post-title a:hover{color:#0078ff}.post-meta{font-size:14px;color:#777;margin-top:auto}.pagination{text-align:center;margin-top:40px}.page-numbers{display:inline-block;margin:0 4px;padding:6px 12px;border-radius:6px;border:1px solid #ccc;background:#f4f4f4;font-size:14px;color:#333;text-decoration:none;transition:all 0.3s ease}.page-numbers:hover,.page-numbers.current{background:#003685;color:#fff;border-color:#003685}@media (max-width:991px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.posts-grid{grid-template-columns:1fr}.post-title{font-size:16px;-webkit-line-clamp:2}}