.blog-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;flex-wrap:wrap}.blog-count{text-align:right}.blog-count .num{display:block;font-size:3rem;color:var(--color-ink);line-height:1}.blog-count .mono{display:block;color:var(--color-ink-muted);margin-top:.4rem}.cat-bar{display:flex;gap:.4rem;flex-wrap:wrap;padding-bottom:1.5rem;margin-bottom:2.25rem;border-bottom:1px solid var(--color-border)}.cat-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:6px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-border);background:transparent;color:var(--color-ink-mid);cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-feature-settings:"calt" 0}.cat-btn:hover{border-color:var(--color-ink-muted);color:var(--color-ink)}.cat-n{color:var(--color-ink-muted);font-size:.62rem}.cat-btn.active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.cat-btn.active .cat-n{color:#fff}html.dark .cat-btn.active{background:var(--color-brand);border-color:var(--color-brand)}.lead-post{display:grid;grid-template-columns:minmax(0,1fr) 200px;text-decoration:none;margin-bottom:1.25rem;background:var(--dm-card, #fff);overflow:hidden}.lead-body{padding:2rem 2.25rem}.lead-meta{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.lead-cat{color:var(--color-brand-text)}.lead-title{font-size:clamp(1.35rem,1rem + 1.4vw,1.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--color-ink);margin:0 0 .8rem;max-width:24ch}.lead-desc{font-size:.98rem;color:var(--color-ink-muted);line-height:1.7;margin:0 0 1.6rem;max-width:60ch}.lead-foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.lead-foot .mono-sm{color:var(--color-ink-muted)}.lead-side{border-left:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.lead-num{font-size:2.6rem;color:var(--color-ink);letter-spacing:-.05em}.lead-side .mono{color:var(--color-ink-muted)}#posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.post-card{padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;background:var(--dm-card, #fff)}.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.pc-cat{color:var(--color-brand-text)}.pc-title{font-size:1.02rem;font-weight:700;color:var(--color-ink);margin:0 0 .6rem;line-height:1.38;letter-spacing:-.02em}.pc-desc{font-size:.855rem;color:var(--color-ink-muted);line-height:1.65;margin:0 0 1.3rem;flex:1}.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.pc-foot .mono-sm{color:var(--color-ink-muted)}@media(max-width:900px){#posts-grid{grid-template-columns:repeat(2,1fr)}.lead-post{grid-template-columns:1fr}.lead-side{flex-direction:row;border-left:0;border-top:1px solid var(--color-border);padding:1rem;gap:.8rem}.lead-num{font-size:1.6rem}.lead-body{padding:1.6rem}}@media(max-width:560px){#posts-grid{grid-template-columns:1fr}.blog-count{text-align:left}}#pagination{display:flex;align-items:center;justify-content:space-between;margin-top:3.5rem;padding:1.75rem 0 0;border-top:1px solid var(--color-border)}#pagination:empty{display:none;border:none;margin:0;padding:0}.pag-arrow{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.4rem;border-radius:10px;font-size:.84rem;font-weight:600;letter-spacing:-.01em;color:var(--color-ink);background:#fff;border:1.5px solid var(--color-border);cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);user-select:none;min-width:120px}.pag-arrow--prev{justify-content:flex-start}.pag-arrow--next{justify-content:flex-end}.pag-arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.pag-arrow:hover{border-color:var(--color-brand);color:var(--color-brand-text);background:#eff6ff;box-shadow:0 4px 12px #2563eb1a}.pag-arrow:hover .pag-arrow-icon--left{transform:translate(-3px)}.pag-arrow:hover .pag-arrow-icon--right{transform:translate(3px)}.pag-arrow:active{transform:scale(.97)}.pag-arrow--hidden{visibility:hidden;pointer-events:none}.pag-center-col{display:flex;flex-direction:column;align-items:center;gap:.65rem}.pag-pills{display:flex;align-items:center;gap:.4rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.3rem}.pag-pill{width:2.4rem;height:2.4rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:700;color:var(--color-ink-muted);background:transparent;border:none;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.pag-pill{font-family:var(--font-mono);font-weight:500}.pag-pill:hover:not(.pag-pill--active){color:var(--color-ink);background:var(--color-hair)}.pag-pill--active{color:#fff;background:var(--color-ink)}html.dark .pag-pill--active{background:var(--color-brand)}.pag-info{font-size:.78rem;font-weight:500;color:var(--color-ink-muted);letter-spacing:.01em}html.dark .pag-arrow{background:var(--color-surface);border-color:var(--color-border);color:var(--color-ink)}html.dark .pag-arrow:hover{border-color:var(--color-brand);color:var(--color-brand-text);background:#2563eb14;box-shadow:0 4px 16px #2563eb26}html.dark .pag-pills{background:#ffffff0a;border-color:var(--color-border)}html.dark .pag-pill:hover:not(.pag-pill--active){background:#2563eb1f;color:var(--color-brand-text)}html.dark .pag-pill--active{box-shadow:0 2px 14px #2563eb73}@media(max-width:640px){.pag-arrow{min-width:auto;padding:.6rem .8rem}.pag-arrow span{display:none}.pag-pill{width:2.1rem;height:2.1rem;font-size:.8rem}.pag-pills{padding:.25rem;gap:.3rem}}