@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);flex-direction:column;padding:1.25rem;display:flex}.skeleton-card__line{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--border-2) 25%, var(--shimmer-mid,#f0f1f2) 37%, var(--border-2) 63%);background-size:800px 100%;animation:1.4s infinite shimmer}.skeleton-card__badge{width:64px;height:18px;margin-bottom:.625rem}.skeleton-card__title-1{width:90%;height:16px;margin-bottom:.4rem}.skeleton-card__title-2{width:60%;height:16px;margin-bottom:.75rem}.skeleton-card__summary-1{width:100%;height:12px;margin-bottom:.35rem}.skeleton-card__summary-2{width:95%;height:12px;margin-bottom:.35rem}.skeleton-card__summary-3{width:70%;height:12px;margin-bottom:.75rem}.skeleton-card__tags{border-top:1px solid var(--border-2);gap:.3rem;padding-top:.625rem;display:flex}.skeleton-card__tag{border-radius:999px;width:48px;height:16px}
.articles-page{max-width:var(--max-w);min-height:calc(100vh - var(--nav-h));margin:0 auto;padding:1.5rem 1.25rem 3rem}.articles-page-header{margin-bottom:1.25rem}.articles-header-top{margin-bottom:1rem}.articles-page-header h1{color:var(--text);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.articles-page-subtitle{color:var(--text-3);margin-top:.25rem;font-size:.85rem}.articles-date-label{color:var(--text-3);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:flex}.articles-count{color:var(--text-4);font-weight:400}.articles-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}.articles-grid--loading{grid-template-columns:repeat(3,1fr)}.articles-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.articles-filter-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .875rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .12s,color .12s,border-color .12s}.articles-filter-pill:hover{border-color:var(--blue-mid);color:var(--blue);background:var(--blue-light)}.articles-filter-pill--active{background:var(--blue);color:#fff;border-color:var(--blue)}.articles-filter-pill--active:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}.articles-status{text-align:center;color:var(--text-3);padding:4rem 1rem;font-size:.9rem}.articles-status-error{color:var(--red)}@media (max-width:900px){.articles-grid,.articles-grid--loading{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.articles-page{padding:1rem 1rem 2.5rem}.articles-grid{grid-template-columns:1fr;gap:.75rem}.articles-grid--loading{grid-template-columns:1fr}.date-picker-btn{padding:.4rem .75rem;font-size:.8rem}}