.articles-wrapper[data-v-b89f4708]{max-width:1200px;margin:0 auto;padding:4rem 0}.articles-header[data-v-b89f4708]{text-align:center;margin-bottom:3rem}.page-title[data-v-b89f4708]{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.page-description[data-v-b89f4708]{font-family:var(--font-primary);font-size:1.125rem;color:var(--body-color, var(--color-primary));line-height:1.6}.articles-grid[data-v-b89f4708]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.article-card[data-v-b89f4708]{background:var(--surface-default, #ffffff);border:2px solid var(--color-primary);border-radius:.75rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card[data-v-b89f4708]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.article-link[data-v-b89f4708]{text-decoration:none;color:inherit;display:block}.article-image[data-v-b89f4708]{width:100%;height:200px;overflow:hidden;background-color:var(--surface-muted, #f3f4f6)}.article-image[data-v-b89f4708] .article-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-content[data-v-b89f4708]{padding:1.5rem}.article-title[data-v-b89f4708]{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;line-height:1.3}.article-excerpt[data-v-b89f4708]{font-family:var(--font-primary);font-size:1rem;color:var(--body-color, var(--color-primary));line-height:1.6;margin-bottom:1rem}.article-meta[data-v-b89f4708]{display:flex;gap:1rem;font-family:var(--font-primary);font-size:.875rem;color:var(--body-color, var(--color-primary))}.article-author[data-v-b89f4708]{font-weight:600}.pagination[data-v-b89f4708]{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination-link[data-v-b89f4708]{padding:.5rem 1rem;font-family:var(--font-primary);font-size:.875rem;border:2px solid var(--color-primary);border-radius:.375rem;text-decoration:none;color:var(--color-primary);background:var(--surface-default, #ffffff);transition:all .2s}.pagination-link[data-v-b89f4708]:hover:not(.disabled){background:var(--color-accent);color:var(--surface-default, #ffffff);border-color:var(--color-accent)}.pagination-link.active[data-v-b89f4708]{background:var(--color-primary);color:#fff}.pagination-link.disabled[data-v-b89f4708]{opacity:.5;cursor:not-allowed}.no-articles[data-v-b89f4708]{text-align:center;padding:4rem 1rem;font-family:var(--font-primary);color:var(--body-color, var(--color-primary))}@media (max-width: 768px){.articles-wrapper[data-v-b89f4708]{padding:2rem 0}.page-title[data-v-b89f4708]{font-size:2rem}.articles-grid[data-v-b89f4708]{grid-template-columns:1fr;gap:1.5rem}.article-meta[data-v-b89f4708]{flex-direction:column;gap:.25rem}}