.blog-index{background:var(--el-bg);color:var(--el-text);font-family:var(--el-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-index-header{padding:96px 0 56px;border-bottom:1px solid var(--el-border-soft)}.blog-index-title{font-family:var(--el-font-display);font-weight:300;font-size:clamp(48px,7vw,80px);line-height:1.04;letter-spacing:-.025em;color:var(--el-text);margin:12px 0 20px;max-width:18ch}.blog-index-lede{font-family:var(--el-font-body);font-size:var(--fs-lead);line-height:1.5;color:var(--el-text-secondary);max-width:56ch;margin:0}.blog-page-number{margin:14px 0 0;color:var(--el-text-tertiary);font-family:var(--el-font-mono);font-size:var(--fs-meta)}.blog-search{position:relative;display:flex;align-items:center;max-width:420px;margin-top:28px}.blog-search-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--el-text-tertiary);pointer-events:none}.blog-search-input{width:100%;height:44px;padding:0 16px 0 42px;border-radius:10px;border:1px solid var(--el-border);background:var(--el-card);color:var(--el-text);font-family:var(--el-font-body);font-size:var(--fs-body);outline:none;transition:border-color .16s ease}.blog-search-input::placeholder{color:var(--el-text-tertiary)}.blog-search-input:focus{border-color:var(--el-text)}.blog-index-body{padding-top:64px;padding-bottom:96px}.blog-section{margin-bottom:64px}.blog-section-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.blog-rule{flex:1;height:1px;background:var(--el-border-soft)}.blog-featured{border:0;border-radius:.6rem;padding:clamp(24px,4vw,48px);background:radial-gradient(circle at 88% 12%,rgba(49,93,144,.12),transparent 34%),#e1eaf4;color:#111;box-shadow:none}.blog-featured h2,.blog-featured [class*=text-neutral-9]{color:#111!important}.blog-featured p,.blog-featured [class*=text-neutral-6],.blog-featured [class*=text-neutral-5]{color:#5e6570!important}.blog-featured [class*=text-blue]{color:#315d90!important}.blog-tags-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:24px;border:1px solid var(--el-border);border-radius:.6rem;background:#eeeae3}.tag-filter-btn{font-size:var(--fs-meta);height:40px;padding:0 18px}.tag-filter-btn.active{background:var(--el-text);color:var(--el-bg);border-color:var(--el-text)}.blog-show-more{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--el-text-tertiary);font-family:var(--el-font-body);font-size:var(--fs-meta);font-weight:500;cursor:pointer;padding:0 10px;height:36px;transition:color .16s ease}.blog-show-more:hover{color:var(--el-text)}.blog-show-more svg{width:14px;height:14px;transition:transform .2s ease}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(32px,4vw,56px) 28px}.blog-card{background:transparent;border:0;border-radius:.45rem;overflow:hidden;transition:transform .22s ease}.blog-card:hover{transform:translateY(-4px)}.blog-card>a>div:first-child{border-radius:.45rem;background:#e1eaf4}.blog-card>a>div:last-child{padding:20px 2px 0!important}.blog-empty{text-align:center;padding:80px 0}.blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:64px;padding-top:32px;border-top:1px solid var(--el-border-soft)}.blog-page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blog-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--el-border);border-radius:999px;color:var(--el-text-secondary);text-decoration:none;font-size:var(--fs-meta)}.blog-page-link:hover,.blog-page-link.active{color:var(--el-bg);background:var(--el-text);border-color:var(--el-text)}.blog-page-direction:last-child{justify-self:end}@media (max-width: 768px){.blog-index-header{padding:64px 0 40px}.blog-index-body{padding-top:40px;padding-bottom:64px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-tags-row{padding:16px;border-radius:18px}.blog-featured{border-radius:.45rem}.blog-pagination{grid-template-columns:1fr 1fr}.blog-page-numbers{grid-column:1 / -1;grid-row:1}.blog-page-direction{grid-row:2}}