.archive-section{padding:40px 0;background-color:#f7f9fc}.archive-container{max-width:1200px;margin:0 auto;padding:0 20px}.archive-header{text-align:center;margin-bottom:40px}.archive-title{font-size:36px;font-weight:800;color:#111;margin-bottom:10px}.archive-description{font-size:16px;color:#444;max-width:700px;margin:0 auto;line-height:1.6}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background-color:#fff;border-radius:10px;overflow:hidden;border:1px solid #eaeaea;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 / .06);transform:translateY(-2px)}.post-thumb{position:relative}.post-thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:transform 0.3s ease}.post-card:hover .post-thumb img{transform:scale(1.02)}.post-content{padding:16px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.post-title{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.2em}.post-title a{color:#111;text-decoration:none;transition:color 0.2s ease}.post-title a:hover{color:#0078ff}.post-meta{font-size:14px;color:#777;margin-top:10px}.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-thumb img{aspect-ratio:16 / 10}.post-title{font-size:16px;-webkit-line-clamp:2;max-height:2.8em}.page-numbers{padding:5px 10px;font-size:13px}}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}}