.articles-index{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.articles-index__header{font-size:32px;margin-bottom:20px;text-align:center}.articles-index__list{display:flex;flex-direction:column;gap:20px}.article-item{align-items:flex-start;border-bottom:1px solid #e5e5e5;display:flex;padding-bottom:20px}.article-item__image{flex:0 0 200px;margin-right:20px}.article-item__image img{border-radius:4px;display:block;height:auto;width:100%}.article-item__content{flex:1}.article-item__title{font-size:24px;line-height:1.2;margin:0 0 10px}.article-item__title a{color:#333;text-decoration:none}.article-item__short{color:#666;font-size:16px;line-height:1.6}.articles-pagination{margin-top:30px;margin:2rem 0;text-align:center}.articles-pagination .sm\:hidden{display:none}.articles-pagination>nav[role=navigation]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.articles-pagination .relative.inline-flex{align-items:center;background-color:#fff;border-radius:4px;color:#333;display:inline-flex;font-size:.875rem;justify-content:center;margin:0 .25rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s}.articles-pagination .relative.inline-flex[aria-current=page]{background-color:#007bff;border-color:#007bff;color:#fff;cursor:default}.articles-pagination .relative.inline-flex[aria-disabled=true]{cursor:default;opacity:.6}.articles-pagination .relative.inline-flex svg{height:1em;width:1em}.articles-pagination p{color:#555;font-size:.875rem;margin:0 1rem 0 0}