.breadcrumb.svelte-1b1u284{max-width:var(--max-width);padding:var(--space-5) var(--space-8) 0;color:var(--color-text-secondary);margin:0 auto;font-size:13px}.breadcrumb.svelte-1b1u284 a:where(.svelte-1b1u284){color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumb.svelte-1b1u284 a:where(.svelte-1b1u284):hover{color:var(--color-text-primary)}.breadcrumb.svelte-1b1u284 span:where(.svelte-1b1u284){margin:0 var(--space-2)}.page-header.svelte-1b1u284{max-width:var(--max-width);padding:var(--space-10) var(--space-8) 0;margin:0 auto}.page-label.svelte-1b1u284{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px;font-size:12px;font-weight:500}.page-header.svelte-1b1u284 h1:where(.svelte-1b1u284){letter-spacing:-.025em;margin-bottom:12px;font-size:40px;font-weight:600;line-height:1.1}.page-header.svelte-1b1u284 p:where(.svelte-1b1u284){color:var(--color-text-secondary);max-width:560px;margin-bottom:16px;font-size:16px;line-height:1.6}.article-count.svelte-1b1u284{color:var(--color-text-muted);font-size:13px}.articles-section.svelte-1b1u284{max-width:var(--max-width);padding:40px var(--space-8) 0;margin:0 auto}.articles-grid.svelte-1b1u284{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.article-card.svelte-1b1u284{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), background var(--transition-base);flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.article-card.svelte-1b1u284:hover{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.article-card-top.svelte-1b1u284{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.article-card-title.svelte-1b1u284{color:var(--color-text-primary);flex:1;margin:0;font-size:16px;font-weight:600;line-height:1.4}.difficulty-badge.svelte-1b1u284{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.article-card-excerpt.svelte-1b1u284{color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-tags.svelte-1b1u284{flex-wrap:wrap;gap:6px;display:flex}.tag.svelte-1b1u284{color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px}.article-card-footer.svelte-1b1u284{align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.read-link.svelte-1b1u284{color:var(--color-accent);font-size:13px;font-weight:500}.article-card-footer.svelte-1b1u284 svg:where(.svelte-1b1u284){width:14px;height:14px;color:var(--color-accent);transition:transform var(--transition-fast)}.article-card.svelte-1b1u284:hover .article-card-footer:where(.svelte-1b1u284) svg:where(.svelte-1b1u284){transform:translate(3px)}.empty-state.svelte-1b1u284{max-width:var(--max-width);padding:60px var(--space-8);text-align:center;margin:0 auto}.empty-state.svelte-1b1u284 p:where(.svelte-1b1u284){color:var(--color-text-muted);font-size:16px}.page-spacer.svelte-1b1u284{height:var(--space-20)}@media (width<=860px){.articles-grid.svelte-1b1u284{grid-template-columns:1fr}}@media (width<=640px){.page-header.svelte-1b1u284{padding:var(--space-8) var(--space-5) 0}.page-header.svelte-1b1u284 h1:where(.svelte-1b1u284){font-size:30px}.breadcrumb.svelte-1b1u284{padding:var(--space-4) var(--space-5) 0}.articles-section.svelte-1b1u284{padding:32px var(--space-5) 0}}
