.is-fixed{position:sticky;top:0;height:100vh}.page-link{margin-right:.5rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}.articles-list{margin:2rem 0}.article-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:1rem}.article-content{padding:1rem}.article-title{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.article-title a{color:#333;text-decoration:none;transition:color .2s ease}.article-meta{font-size:.9rem;color:#666;margin-bottom:.5rem}.article-reading-time,.article-date,.article-categories,.article-tags{margin-right:1rem;font-weight:400}.article-meta i{margin-right:.5rem}.article-categories a,.article-tags a{color:#3273dc;font-weight:400;text-decoration:none;margin-right:.5rem}.article-summary{color:#444;line-height:1;margin-bottom:.5rem}.article-footer{margin-top:.5rem}.read-more{display:inline-block;color:#3273dc;text-decoration:none;font-weight:400;transition:all .2s ease}.pagination-wrapper{margin:2rem 0}.pagination{display:flex;justify-content:flex-start;align-items:center}.pagination-link,.pagination-previous,.pagination-next{padding:.5rem 1rem;margin-right:.5rem;border:1px solid #dbdbdb;border-radius:4px;color:#363636;text-decoration:none;transition:background-color .2s ease}.pagination-link:hover,.pagination-previous:hover,.pagination-next:hover{background-color:#f5f5f5}.pagination-link.is-current{background-color:#3273dc;border-color:#3273dc;color:#fff}@media screen and (max-width:768px){.article-title{font-size:1.25rem}.article-content{padding:1rem}.pagination-wrapper .pagination{flex-wrap:wrap}.pagination-wrapper .pagination-list{margin-top:.5rem}}