#news .article-list{width:95%;max-width:1200px;margin:0 auto 6rem}#news .article-list .article{display:flex;position:relative;flex-wrap:wrap;justify-content:flex-start;border-bottom:1px solid #5f6f77;padding:2rem;box-sizing:border-box;align-items:center}#news .article-list>.article:first-child{border-top:1px solid #5f6f77}#news .article-list .article p.date{width:110px}#news .article-list .article h3{font-weight:400}#news .article-list .article a{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(255,255,255,0);transition:.2s}#news .article-list .article a:hover{background-color:rgba(255,255,255,.3)}.pagination-container{display:flex;justify-content:center;padding:20px 0}ul.page-numbers{list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center}.page-numbers{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid #5f6f77;border-radius:4px;color:#5f6f77;text-decoration:none;background-color:#fff;font-family:sans-serif;font-size:16px;line-height:1;box-sizing:border-box;transition:all .3s ease}.page-numbers.current{background-color:#5f6f77;color:#fff;border-color:#5f6f77;cursor:default}a.page-numbers:hover{background-color:#5f6f77;color:#fff;border-color:#5f6f77}.post-body img{max-width:100%;height:auto} @media (max-width:768px){#news .article-list .article{padding:1rem}#news .article-list .article h3{font-size:1rem;line-height:1.5}}