.article-index{padding-bottom:72px}
.article-category-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:24px;border-bottom:1px solid var(--border)}
.article-category-nav a{font-size:14px;font-weight:600;padding:10px 16px;text-decoration:none;color:var(--ink);border-radius:6px}
.article-category-nav a[aria-current=page]{background:var(--blue);color:#fff}
.article-category-nav a:hover:not([aria-current]){background:var(--cloud);color:var(--blue)}
.article-index .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.article-index-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:#fff}
.article-index-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--cloud)}
.article-index .article-index-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:8px;box-sizing:border-box;transition:transform 420ms}
.article-index-card:hover .article-index-image img{transform:scale(1.035)}
.article-index-body{padding:24px}
.article-index .article-index-category{display:inline-block;color:var(--blue);font-size:13px;font-weight:600;line-height:1.45;text-decoration:none;margin-bottom:12px}
.article-index-category:hover{text-decoration:underline;text-underline-offset:4px}
.article-index-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:12px;color:var(--body)}
.article-index-meta a{color:var(--blue);font-weight:600}
.article-index-card h2{font-family:inherit;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0;text-wrap:wrap;text-align:left;overflow-wrap:break-word}
.article-index-card h2 a{color:var(--ink);text-decoration:none;transition:color 180ms}
.article-index-card:hover h2 a,.article-index-card:focus-within h2 a{color:var(--blue)}
.article-index a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.article-pagination{margin-top:44px;display:flex;flex-wrap:wrap;gap:8px}
.article-empty{padding:48px 0}
.article-single .article-index-meta{margin:0 0 28px}
.article-single .entry-content img{max-width:100%;height:auto}
.article-single-cover{max-width:960px;margin:0 0 36px}
.article-single-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain;object-position:left}
@media(max-width:1100px){.article-index .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:700px){.article-category-nav{gap:8px}.article-category-nav a{padding:10px 12px;font-size:13px}.article-index{padding-bottom:48px}.article-index .article-grid{grid-template-columns:1fr;gap:28px}.article-index-body{padding:22px}}
@media(prefers-reduced-motion:reduce){.article-index .article-index-image img,.article-index-card h2 a{transition:none}.article-index-card:hover .article-index-image img{transform:none}}