main.blog-index{padding-top:64px}.blog-index .ws-sec-head{grid-template-columns:minmax(0,1fr) auto;margin-bottom:20px}.blog-index .ws-sec-head h1{letter-spacing:-.03em;font-size:clamp(1.875rem,1.45rem + 1.4vw,2.5rem);font-weight:600;line-height:1.15}.blog-index .blog-index-lede{max-width:40em;color:var(--ws-ink-2);text-wrap:pretty;margin:0 0 40px;font-size:1.0625rem;line-height:1.6}.blog-index .blog-panel-title,.blog-index .blog-index-elsewhere h2{letter-spacing:-.005em;margin:0;font-size:.9062rem;font-weight:600;line-height:1.6}.blog-index .blog-index-posts ul{margin:0;padding:0;list-style:none}.blog-index .blog-index-posts li{grid-template-columns:6.5rem minmax(0,1fr) 10rem;align-items:start;gap:20px;padding:18px 20px;display:grid;position:relative}.blog-index .blog-index-posts li+li{border-top:1px solid var(--ws-line)}.blog-index .blog-index-posts li:hover{background:var(--ws-surface-2)}.blog-index .date{color:var(--ws-muted);font-family:var(--ws-mono);white-space:nowrap;margin:0;padding-top:3px;font-size:.7812rem}.blog-index .blog-index-main{min-width:0}.blog-index .title{color:var(--ws-ink);letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600;line-height:1.45}.blog-index .title a{text-decoration:none}.blog-index .title a:after{content:"";position:absolute;inset:0}.blog-index li:hover .title a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.blog-index .title a:focus-visible{outline:none}.blog-index .title a:focus-visible:after{outline:2px solid var(--ws-accent);outline-offset:-3px;border-radius:12px}.blog-index .description{color:var(--ws-muted);margin:4px 0 0;font-size:.875rem;line-height:1.6}.blog-index .blog-index-tags{color:var(--ws-muted);font-family:var(--ws-mono);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:10px 0 0;font-size:.7188rem;display:flex}.blog-index .blog-index-tags .ws-post-topics{flex:12rem}.blog-index .blog-index-posts img{aspect-ratio:2;object-fit:cover;border:1px solid var(--ws-line);background:var(--ws-surface-2);border-radius:8px;width:100%;height:auto;display:block}@media (max-width:47.5em){main.blog-index{padding-top:36px}.blog-index .blog-index-lede{margin-bottom:28px;font-size:1rem}.blog-index .blog-index-posts li{grid-template-columns:minmax(0,1fr) 5.5rem;grid-template-areas:"date cover""main cover";gap:6px 16px;padding:16px}.blog-index .date{grid-area:date;padding-top:0}.blog-index .blog-index-main{grid-area:main}.blog-index .blog-index-posts img{aspect-ratio:4/3;grid-area:cover}.blog-index .blog-index-elsewhere{display:block}}