.articles-page-header{margin-bottom:28px;padding:48px 64px 28px;border-bottom:1px solid var(--color-border)}.articles-page-eyebrow{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.articles-page-title{font-size:var(--font-size-3xl);font-weight:300;letter-spacing:-.02em;margin-bottom:8px}.articles-page-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:760px}.articles-toolbar{padding:0 64px 32px}.articles-search-shell{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--color-border);background:var(--color-bg-secondary);margin-bottom:18px}.articles-search-shell i{color:var(--color-text-muted);font-size:12px}.articles-search-input{width:100%;border:none;outline:none;background:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-sans)}.articles-search-input::placeholder{color:var(--color-text-muted)}.articles-tag-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:0}.articles-tag-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.articles-tag-button:hover{color:var(--color-accent);border-color:var(--color-accent)}.articles-tag-button--active{background-color:var(--color-accent);border-color:var(--color-accent)}.articles-tag-button--active,.articles-tag-button--active:hover{color:var(--color-text-on-accent)}.articles-list{display:flex;flex-direction:column;gap:1px;padding:0 64px 64px;list-style:none}.articles-list-card{display:flex;align-items:stretch;gap:22px;background-color:var(--color-bg);border:1px solid var(--color-border);padding:20px;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.articles-list-card:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);transform:translateY(-1px)}.articles-list-card--row{display:grid;grid-template-columns:300px minmax(0,1fr) auto}.articles-list-card-media{position:relative;min-height:190px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.articles-list-card-image{object-fit:cover}.articles-list-card-body{flex:1 1;min-width:0}.articles-list-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.articles-list-card-tag{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em}.articles-list-card-date,.articles-list-card-read-time{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.articles-list-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:10px;line-height:1.35}.articles-list-card:hover .articles-list-card-title{color:var(--color-accent)}.articles-list-card-excerpt{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:14px}.articles-list-card-keywords{display:flex;flex-wrap:wrap;gap:8px}.articles-list-card-keyword{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:4px 8px}.articles-list-card-arrow{align-self:end;font-size:var(--font-size-sm);color:var(--color-accent);font-family:var(--font-mono);opacity:0;transform:translateX(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.articles-list-card:hover .articles-list-card-arrow{opacity:1;transform:translateX(0)}.articles-list-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:48px 64px 64px}@media (max-width:900px){.articles-list,.articles-list-empty,.articles-page-header,.articles-toolbar{padding-left:20px;padding-right:20px}.articles-list-card--row{grid-template-columns:1fr}.articles-list-card-media{min-height:220px}.articles-list-card-arrow{margin-top:4px;align-self:start}}