.article-page{--background: #fff;--foreground: #174d84;--card: #fff;--muted-foreground: #708ba3;--content-secondary: #708ba3;--border: #b0dcffb1;--secondary: #e8f5ff;--secondary-foreground: #397daf;background:var(--background);color:var(--foreground)}.dark .article-page{--background: #171717;--foreground: #fafafa;--card: #171717;--muted-foreground: #b3b3b3;--content-secondary: #b3b3b3;--border: #ffffff1a;--secondary: #262626;--secondary-foreground: #dedede}.article-index{padding-block:0 48px;background:transparent}.article-index__shell{width:min(100% - 32px,736px);margin-inline:auto}.article-index__header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.article-index__breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted-foreground)}.article-index__breadcrumb [aria-current]{color:var(--foreground)}.article-index__filter-toggle{position:relative;font-size:12px;color:var(--muted-foreground)}.article-index__filter-toggle[open] .article-index__filters{position:absolute;right:0;top:24px;z-index:20;width:min(340px,calc(100vw - 32px));padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}.article-index__filter-toggle summary{cursor:pointer}.article-index__year{font-size:16px;font-weight:500;margin-bottom:16px}.article-index__cards{display:grid;gap:16px}.article-index__filters{display:flex;align-items:center;gap:10px;margin-bottom:24px}.article-index__count{margin-right:auto;color:var(--muted-foreground);font-size:13px}.article-index__filters select{max-width:160px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--content-secondary);font:inherit;font-size:13px}.article-index__filters select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:639px){.article-index__shell{width:calc(100% - 32px)}.article-index__filters select{max-width:116px}}.article-preview{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:start;gap:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:transparent;transition:background-color .3s ease-in-out}.article-preview:hover,.article-preview:focus-within{background:color-mix(in srgb,var(--secondary) 50%,transparent)}.article-preview--text-only{grid-template-columns:minmax(0,1fr)}.article-preview__cover{display:block;aspect-ratio:1.9;overflow:hidden;border-radius:0;background:transparent}.article-preview__cover>img{width:100%;height:100%;object-fit:cover}.article-preview__body{min-width:0}.article-preview__title{margin:0;color:var(--foreground);font-family:var(--font-display-sans, var(--font-sans));font-size:18px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.article-preview__title a:hover{color:var(--primary)}.article-preview a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.article-preview__pinned{margin-left:10px;font-size:11px;font-weight:400;color:var(--muted-foreground);white-space:nowrap}.article-preview__excerpt{margin:4px 0 8px;font-size:14px;line-height:1.5;color:var(--content-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-preview__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;color:var(--muted-foreground);font-size:12px}.article-preview__meta>:not(:first-child){border-left:1px solid var(--border);padding-left:10px}.article-preview__author{display:inline-flex;align-items:center;gap:7px}.article-preview__author img{width:20px;height:20px;border-radius:50%;object-fit:cover}.article-preview__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.article-preview__tags a{padding:2px 8px;border-radius:6px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;background:var(--secondary);color:var(--secondary-foreground)}.article-preview__tags a:hover{color:var(--foreground);background:color-mix(in srgb,var(--primary) 12%,var(--background))}@media(max-width:639px){.article-preview{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.article-preview__cover{max-width:256px;width:100%}.article-preview__title{font-size:18px}}@media(prefers-reduced-motion:reduce){.article-preview{transition:none}}