.article-list-container{max-width:800px}.article-list-header{margin-bottom:2rem}.article-list-title{font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.03em}.article-search{position:relative;display:block;margin-top:1.75rem}.article-search svg{position:absolute;left:.9rem;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.article-search input{width:100%;height:46px;padding:0 1rem 0 2.6rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:.9875rem}.article-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.article-list{border-top:1px solid var(--border)}.article-row{border-bottom:1px solid var(--border)}.article-row-link{display:block;padding:1.5rem 0;color:inherit}.article-row-link:hover{color:inherit}.article-row-title{margin-top:.35rem;font-size:1.1875rem;letter-spacing:-.015em;line-height:1.35;transition:color var(--transition)}.article-row-link:hover .article-row-title{color:var(--accent)}.article-row-excerpt{margin-top:.4rem;color:var(--text-2);font-size:.9875rem}.article-empty{padding:2rem 0;color:var(--text-2)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.pagination .btn:disabled{opacity:.45;cursor:default}