.article-public-page.svelte-1hn2zeh{--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-inset:#f3f4f6;--interactive-accent:#6d5bd0;--interactive-accent-hover:#5b4abf;--interactive-accent-muted:#e0dcfc;--text-normal:#30343a;--text-muted:#5c6b7f;--text-faint:#9ca8b8;--border-primary:#d6d8dd;--border-muted:#ebedf0;width:100%;height:var(--app-viewport-height);background:var(--surface-primary);color:var(--text-normal);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-y:auto}.article-shell.svelte-1hn2zeh{width:min(1480px,100%);margin:0 auto;padding:clamp(18px,4vw,32px) clamp(16px,5vw,48px) clamp(56px,8vw,92px)}.article-nav.svelte-1hn2zeh{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:clamp(42px,7vw,76px);display:flex}.brand-link.svelte-1hn2zeh{align-items:center;display:inline-flex}.brand-link.svelte-1hn2zeh img:where(.svelte-1hn2zeh){width:34px;height:34px;display:block}.article-nav.svelte-1hn2zeh nav:where(.svelte-1hn2zeh){align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);display:flex}.article-nav.svelte-1hn2zeh a:where(.svelte-1hn2zeh){color:var(--text-muted);text-decoration:none}.article-nav.svelte-1hn2zeh a:where(.svelte-1hn2zeh):hover{color:var(--text-normal);text-decoration:none}.article-index-main.svelte-1hn2zeh{flex-direction:column;gap:clamp(18px,3vw,30px);display:flex}.index-intro.svelte-1hn2zeh{gap:var(--spacing-2);flex-direction:column;width:min(760px,100%);display:flex}h1.svelte-1hn2zeh{font-size:clamp(2.5rem,6vw,4rem);line-height:1;font-weight:var(--font-weight-medium);color:var(--text-normal);text-wrap:balance}.article-controls.svelte-1hn2zeh{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding-top:var(--spacing-2);display:flex}.tag-filter.svelte-1hn2zeh{gap:var(--spacing-2) clamp(var(--spacing-4), 2vw, var(--spacing-6));flex-wrap:wrap;min-width:0;display:flex}.tag-filter.svelte-1hn2zeh .article-tag-filter-button.btn.ghost{--btn-fg:var(--text-muted);--btn-hover-bg:transparent;--btn-hover-fg:var(--text-normal);min-height:28px;font-weight:var(--font-weight-medium);padding-left:0;padding-right:0}.tag-filter.svelte-1hn2zeh .article-tag-filter-button.btn.ghost.is-selected{--btn-fg:var(--text-normal);--btn-hover-fg:var(--text-normal)}.sort-control.svelte-1hn2zeh{align-items:center;gap:var(--spacing-2);color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;display:flex}.sort-control.svelte-1hn2zeh .select-container{min-width:118px}.article-grid.svelte-1hn2zeh{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,52px) clamp(18px,2.5vw,28px);margin-top:clamp(10px,2vw,22px);display:grid}.article-card.svelte-1hn2zeh{min-width:0}.article-card.svelte-1hn2zeh a:where(.svelte-1hn2zeh){gap:var(--spacing-3);min-width:0;height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.article-card.svelte-1hn2zeh img:where(.svelte-1hn2zeh){aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border-muted);border-radius:var(--radius-lg);background:var(--surface-inset);width:100%;transition:border-color var(--transition-duration-200) var(--transition-ease), filter var(--transition-duration-200) var(--transition-ease);display:block}.article-card.svelte-1hn2zeh a:where(.svelte-1hn2zeh):hover img:where(.svelte-1hn2zeh){border-color:var(--border-primary);filter:brightness(.98)}.article-card-main.svelte-1hn2zeh{gap:var(--spacing-2);flex-direction:column;min-width:0;display:flex}.article-meta.svelte-1hn2zeh{gap:var(--spacing-1) var(--spacing-2);color:var(--text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;line-height:1.4;display:flex}.article-category.svelte-1hn2zeh{color:var(--text-normal);font-weight:var(--font-weight-medium)}.article-card.svelte-1hn2zeh h2:where(.svelte-1hn2zeh){color:var(--text-normal);font-size:var(--font-size-md);line-height:1.18;font-weight:var(--font-weight-medium);transition:color var(--transition-duration-200) var(--transition-ease);text-wrap:balance}.article-empty.svelte-1hn2zeh{align-items:flex-start;gap:var(--spacing-2);width:min(560px,100%);padding:var(--spacing-5) 0;border-top:1px solid var(--border-muted);color:var(--text-muted);flex-direction:column;display:flex}.article-empty.svelte-1hn2zeh h2:where(.svelte-1hn2zeh){color:var(--text-normal);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.article-empty.svelte-1hn2zeh p:where(.svelte-1hn2zeh){line-height:1.6}@media (width<=1199px){.article-grid.svelte-1hn2zeh{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=899px){.article-grid.svelte-1hn2zeh{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.article-shell.svelte-1hn2zeh{padding:16px 16px 52px}.article-nav.svelte-1hn2zeh{margin-bottom:48px}.article-nav.svelte-1hn2zeh nav:where(.svelte-1hn2zeh){gap:var(--spacing-3)}.article-controls.svelte-1hn2zeh{flex-direction:column;align-items:flex-start}.sort-control.svelte-1hn2zeh{justify-content:space-between;width:100%}.sort-control.svelte-1hn2zeh .select-wrapper,.sort-control.svelte-1hn2zeh .select-container{min-width:min(132px,60vw)}.article-grid.svelte-1hn2zeh{grid-template-columns:minmax(0,1fr)}}