.blog-index{max-width:1040px;margin:0 auto;padding:clamp(56px,8vw,112px) clamp(20px,5vw,48px) clamp(64px,9vw,128px)}.blog-intro h1{margin:0;font-size:clamp(44px,6vw,72px);font-weight:400;letter-spacing:-.05em;line-height:1}.blog-intro p{max-width:56ch;margin:20px 0 0;color:var(--lab-muted);font-size:clamp(16px,1.4vw,18px);line-height:1.6}.blog-intro-links{display:flex;flex-wrap:wrap;gap:0 32px;margin-top:20px;font-size:14px}.blog-entry-read,.blog-intro-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px}.blog-intro-links a:hover{color:var(--lab-blue)}.blog-list{margin:clamp(40px,6vw,72px) 0 0;padding:0;list-style:none}.blog-entry{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 40px;padding:32px 0;border-top:1px solid var(--lab-rule)}.blog-list>li:last-child .blog-entry{border-bottom:1px solid var(--lab-rule)}.blog-entry-meta{display:flex;flex-direction:column;gap:6px;padding-top:6px;color:var(--lab-muted);font:500 11px var(--font-console,var(--font-jetbrains)),monospace;letter-spacing:.045em;text-transform:uppercase}.blog-entry-body h2{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:450;letter-spacing:-.03em;line-height:1.2}.blog-entry-body p{max-width:62ch;margin:12px 0 0;color:var(--lab-muted);font-size:15px;line-height:1.6}.blog-entry-read{margin-top:4px;color:var(--lab-muted);font-size:13px}.blog-entry:hover .blog-entry-read,.blog-entry:hover h2{color:var(--lab-blue)}.blog-entry:focus-visible{outline:2px solid var(--lab-blue);outline-offset:4px}@media (max-width:700px){.blog-entry{grid-template-columns:minmax(0,1fr);padding:26px 0}.blog-entry-meta{flex-direction:row;gap:14px;padding-top:0}}