.page-header{background:var(--bg-white);border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding:3rem 0}.page-title{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.125rem}.content-section{margin-bottom:2rem;padding:2rem 0}.article-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s}.article-card,.article-card:hover{color:inherit;text-decoration:none}.article-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-thumbnail{background:var(--bg-light);height:200px;object-fit:cover;width:100%}.article-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}.article-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.article-meta-item{align-items:center;display:flex;gap:.25rem}.article-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin-bottom:.75rem}.article-excerpt,.article-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{color:var(--text-secondary);flex:1;font-size:.9375rem;-webkit-line-clamp:3;line-clamp:3;line-height:1.6;margin-bottom:1rem}.article-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{background:var(--bg-light);border-radius:.25rem;color:var(--text-secondary);font-size:.75rem;padding:.25rem .5rem}.article-read-more{color:var(--primary-color);font-size:.875rem;font-weight:500;text-decoration:none}.article-read-more:hover{text-decoration:underline}.empty-state{color:var(--text-secondary);padding:4rem 0;text-align:center}.pagination-container{display:flex;justify-content:center;margin-top:3rem}.pagination{gap:.5rem;list-style:none;margin:0;padding:0}.page-item,.pagination{display:flex}.page-link{background:var(--bg-white);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);padding:.5rem 1rem;text-decoration:none;transition:all .2s}.page-link.active,.page-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-link.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media(max-width:768px){body{padding-top:70px}.page-header{padding:2rem 0}.page-title{font-size:2rem}.content-section{padding:1.5rem 0}.article-thumbnail{height:180px}}