.page-title{padding:calc(var(--nav-h) + 56px) 0 40px;background-color:var(--bg);text-align:center;border-bottom:1px solid var(--hairline)}.page-title h1{font-size:clamp(32px,4.5vw,48px);color:var(--text);margin-bottom:15px;font-weight:600}.page-title p{font-size:18px;color:var(--text-2);max-width:700px;margin:0 auto;line-height:1.6}.blog-articles{padding:60px 0 80px;background-color:var(--bg-section)}.blog-articles .article-card{min-height:430px}.blog-articles .article-content{padding-bottom:70px}.blog-articles .article-description{font-size:15px;color:var(--text-muted);line-height:1.5;margin-bottom:15px;flex-grow:1}.blog-articles .article-meta{position:absolute;bottom:20px;left:20px;right:20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-faint);display:flex;flex-wrap:wrap;gap:5px}.blog-articles .meta-separator{margin:0 3px}.blog-articles .article-category{font-weight:500;color:var(--primary);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:none}.blog-articles .article-category:hover,.blog-articles .article-category:focus-visible{text-decoration:underline;outline:none}.blog-articles .article-author{font-style:normal}.blog-categories{padding:20px 0;background-color:var(--bg);border-bottom:1px solid var(--hairline)}.category-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.category-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--text-2);padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);text-decoration:none}.category-btn:hover{background:#ffffff0a;border-color:var(--hairline-strong);color:var(--text)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:50px;padding:20px 0}.pagination-btn{background:transparent;border:1px solid var(--hairline-strong);color:var(--text);padding:8px 16px;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pagination-btn:hover:not(:disabled){background:#ffffff0a;color:var(--text)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;gap:6px}.pagination-page{background:transparent;border:1px solid var(--hairline-strong);color:var(--text);width:36px;height:36px;border-radius:var(--radius-btn);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);display:flex;align-items:center;justify-content:center}.pagination-page:hover{background:#ffffff0a;color:var(--text)}.pagination-page.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}@media(max-width:768px){.page-title{padding:calc(var(--nav-h) + 32px) 0 30px}.page-title h1{font-size:32px}.page-title p{font-size:16px}.blog-articles{padding:40px 0 60px}.blog-articles .article-card{min-height:auto}.blog-articles .article-description{font-size:14px}.blog-articles .article-meta{font-size:11px}}