@charset "UTF-8";.articles-page{padding:calc(var(--header-h, 72px) + var(--space-7)) var(--space-5) var(--space-9)}.articles-page-inner{max-width:1100px;margin:0 auto}.articles-page-header{margin-bottom:var(--space-7)}.articles-page-header h1{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.articles-page-header p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin:0}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-6)}.pill{padding:8px 20px;border-radius:100px;border:1.5px solid var(--border);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;font-family:var(--font-interface);cursor:pointer;transition:all .2s ease}.pill:hover{border-color:var(--accent);color:var(--accent)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.articles-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-5)}.article-item{display:flex;flex-direction:column;padding:var(--space-5);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);transition:all .3s ease}.article-item:hover{border-color:#38b2ac4d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.article-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.article-item-badge{display:inline-flex;padding:4px 12px;border-radius:100px;font-size:var(--text-xs);font-weight:600;color:var(--accent);background:#38b2ac14}.article-item-date{font-size:var(--text-xs);color:var(--text-muted);direction:ltr}.article-item-title{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-1);line-height:1.5}.article-item-summary{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin:0;flex:1}.article-item-link{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--accent);transition:gap .2s ease}.article-item:hover .article-item-link{gap:10px}.article-item-link svg{transform:scaleX(-1)}.no-results{text-align:center;color:var(--text-muted);font-size:var(--text-lg);padding:var(--space-9) 0}@media(max-width:768px){.articles-listing-grid{grid-template-columns:1fr}}