.blog-index{padding-block:48px 80px}.blog-heading{padding-block:45px 35px}.blog-heading h1{letter-spacing:-.045em;margin:18px 0 24px;font-size:clamp(38px,5vw,64px);line-height:1.12}.blog-heading>p{max-width:730px;font-size:18px;line-height:1.8}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:20px;display:grid}.blog-card{border-top:2px solid var(--green);padding:24px 0}.blog-card h2{letter-spacing:-.035em;margin:16px 0;font-size:27px;line-height:1.25}.blog-card p:not(.eyebrow){font-size:15px;line-height:1.8}.blog-card h2 a:hover{text-underline-offset:4px;text-decoration:underline}.blog-card>a{text-underline-offset:4px;margin-top:20px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-block}.blog-card time,.blog-meta{font:12px var(--mono);color:var(--muted);margin-top:20px;display:block}.blog-main{padding-block:40px 80px}.blog-breadcrumb{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.blog-breadcrumb a{text-underline-offset:3px;text-decoration:underline}.blog-main .blog-heading{border-bottom:1px solid var(--line);margin-bottom:32px}.blog-body{overflow-wrap:anywhere;font-size:16px;line-height:1.9}.blog-body p{margin:18px 0}.blog-body h2{letter-spacing:-.03em;margin:38px 0 16px;font-size:30px;line-height:1.25}.blog-body h3{margin:28px 0 12px;font-size:23px}.blog-body li{color:var(--muted);margin:10px 0}.blog-body a,.blog-next a{text-underline-offset:3px;text-decoration:underline}.blog-body pre{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px;font-size:13px;line-height:1.7;overflow-x:auto}.blog-body :not(pre)>code{background:var(--line);border-radius:3px;padding:2px 5px;font-size:.9em}.blog-next{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.blog-next h2{margin-bottom:14px;font-size:26px}.blog-next p{font-size:15px;line-height:1.9}@media (width<=850px){.blog-list{grid-template-columns:1fr}.blog-card{padding-bottom:18px}}@media (width<=760px){.blog-heading{padding-top:30px}.blog-main{padding-top:25px}}.blog-breadcrumb a:first-child{display:inline}