.articles-page .container{padding-top:40px;padding-bottom:60px}.articles-title{text-align:center;color:#333;margin-bottom:40px;font-weight:600;overflow-wrap:anywhere;word-break:break-word}.article-search-container{max-width:800px;margin:0 auto 40px;display:flex;gap:10px}#article-search-input{flex-grow:1;padding:.75rem 15px;border:1px solid #ccc;border-radius:6px;font-size:1em;font-family:inherit;transition:border-color .2s,box-shadow .2s}#article-search-input:focus{outline:0;border-color:#090;box-shadow:0 0 0 3px rgba(0,153,0,.2)}#article-search-button{background-color:#090;color:#fff;border:none;padding:0 25px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}#article-search-button:hover{background-color:#007a00}.articles-list-public{display:flex;flex-direction:column;gap:30px;max-width:900px;margin:0 auto}.article-preview-item{display:flex;flex-direction:column;width:100%}.article-preview-link{text-decoration:none;color:inherit;display:block;background-color:#fff;border:1px solid #e7e7e7;border-radius:8px;padding:30px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.article-preview-link:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.article-preview-cover{width:100%;height:350px;object-fit:cover;border-radius:6px;border:1px solid #ddd;margin-bottom:25px}.article-preview-title{font-size:1.6em;font-weight:700;color:#090;margin-top:0;margin-bottom:12px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.article-preview-date{font-size:.95em;color:#999;margin-bottom:15px;display:block}.article-preview-text{color:#555;font-size:1.05em;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word}.article-preview-tags{margin-top:auto;padding-top:15px;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px}.article-tag-badge{background-color:#f8f9fa;color:#666;font-size:.85em;padding:5px 12px;border-radius:15px;border:1px solid #eee;transition:.2s;word-break:break-word}.article-preview-link:hover .article-tag-badge{background-color:#e9ecef;border-color:#ddd}.pagination-container{margin-top:60px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:45px;padding:0 15px;border:1px solid #dee2e6;background-color:#fff;color:#090;text-decoration:none;border-radius:6px;font-weight:600;transition:.2s;cursor:pointer}.pagination-btn:hover{background-color:#090;color:#fff;border-color:#090}.pagination-btn.active{background-color:#090;color:#fff;border-color:#090;pointer-events:none}.pagination-btn.disabled{color:#aaa;background-color:#f9f9f9;border-color:#eee;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;color:#777}@media (max-width:768px){.article-search-container{flex-direction:column}#article-search-button{width:100%;padding:12px}.article-preview-cover{height:200px}.article-preview-link{padding:20px}.article-preview-title{font-size:1.3em}.articles-title{font-size:1.6em}}