.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 64px;background:transparent}.article-index__shell{width:min(100% - 32px,1180px);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__actions{display:flex;align-items:center;gap:.8rem}.article-index__section-tabs{display:inline-flex;align-items:center;gap:.2rem;padding:.22rem;border:1px solid var(--border);border-radius:999px;background:var(--background)}.article-index__section-tabs a{padding:.38rem .75rem;border-radius:999px;color:var(--muted-foreground);font-size:.76rem;line-height:1;transition:.16s ease}.article-index__section-tabs a:hover{color:var(--foreground)}.article-index__section-tabs a[aria-current=page]{background:var(--secondary);color:var(--primary);font-weight:600}.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}.article-index__intro{max-width:46rem;margin:1.5rem 0 2.75rem}.article-index__intro p{margin:0 0 .55rem;color:var(--primary);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.article-index__intro h1{margin:0;color:var(--foreground);font-family:var(--font-sans);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.25;letter-spacing:-.03em}.article-index__intro span{display:block;margin-top:.9rem;color:var(--content-secondary);font-size:.94rem;line-height:1.75}.article-index__layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:clamp(2rem,5vw,4rem);align-items:start}.article-index__main{min-width:0}.article-index__sidebar{position:sticky;top:6rem;display:grid;gap:2rem;padding-left:1.1rem;border-left:1px solid var(--border)}.article-index__sidebar h2{margin:0 0 .75rem;color:var(--foreground);font-size:.76rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.article-index__side-links{display:grid}.article-index__side-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.48rem 0;color:var(--muted-foreground);font-size:.84rem}.article-index__side-links a:hover{color:var(--primary)}.article-index__side-links small{font-size:.66rem;font-weight:400}.article-index__side-chips{display:grid;gap:.2rem}.article-index__side-chips a{display:flex;align-items:center;justify-content:space-between;padding:.34rem 0;color:var(--muted-foreground);font-size:.78rem}.article-index__side-chips a:hover{color:var(--primary)}.article-index__side-chips small{color:var(--muted-foreground);font-size:.66rem}.article-index__side-tags{display:flex;flex-wrap:wrap;gap:.42rem}.article-index__side-tags a{padding:.26rem .5rem;border-radius:.4rem;background:var(--secondary);color:var(--secondary-foreground);font-size:.68rem}.article-index__side-tags a:hover{color:var(--primary)}@media(max-width:639px){.article-index__shell{width:calc(100% - 32px)}.article-index__filters select{max-width:116px}.article-index__header{align-items:flex-start}.article-index__breadcrumb{display:none}.article-index__actions{width:100%;justify-content:space-between}}@media(max-width:880px){.article-index__layout{grid-template-columns:1fr}.article-index__sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.25rem 0 0;border-left:0;border-top:1px solid var(--border)}.article-index__sidebar section:last-child{grid-column:1 / -1}}@media(max-width:560px){.article-index__sidebar{grid-template-columns:1fr}.article-index__sidebar section:last-child{grid-column:auto}}.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:16px;font-weight:600;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:16px}}@media(prefers-reduced-motion:reduce){.article-preview{transition:none}}