.blog-grid{border-bottom:2px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{border-right:2px solid var(--ink);border-top:2px solid var(--ink);color:inherit;flex-direction:column;gap:12px;padding:40px;text-decoration:none;transition:background-color .15s ease-out;display:flex}.blog-card:nth-child(-n+3){border-top:none}.blog-card:nth-child(3n){border-right:none}.blog-card:hover{background:var(--surface-tint)}.blog-card__meta,.blog-meta{font-family:var(--font-mono);color:var(--caption);letter-spacing:.04em;flex-wrap:wrap;gap:6px 14px;font-size:12px;display:flex}.blog-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:22px;font-weight:800;line-height:1.15}.blog-card__description{color:var(--muted);margin:0;font-size:14.5px;line-height:1.55}.blog-card__more{font-family:var(--font-mono);color:var(--signal);margin-top:auto;font-size:13px;font-weight:600}.blog-empty{color:var(--muted);border-bottom:2px solid var(--ink);padding:72px;font-size:18px}.blog-pagination{border-bottom:2px solid var(--ink);font-family:var(--font-mono);justify-content:space-between;gap:16px;padding:24px 72px;font-size:13px;font-weight:600;display:flex}.blog-pagination a{color:var(--signal);text-decoration:none}.blog-pagination__status{color:var(--caption)}.blog-breadcrumbs{font-family:var(--font-mono);color:var(--caption);margin-bottom:22px;font-size:12px}.blog-breadcrumbs a{color:var(--signal);text-decoration:none}.blog-post__header{border-bottom:2px solid var(--ink);padding:72px 72px 40px}.blog-post__title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);max-width:980px;margin:0 0 20px;font-size:56px;font-weight:800;line-height:1}.blog-post__lede{color:var(--body);max-width:760px;margin:0 0 22px;font-size:20px;line-height:1.5}.blog-post__cover{object-fit:cover;border-bottom:2px solid var(--ink);width:100%;max-height:520px;display:block}.blog-post__body{border-bottom:2px solid var(--ink);padding:56px 72px}.blog-tags{flex-wrap:wrap;gap:8px;max-width:760px;margin:40px 0 0;padding:0;list-style:none;display:flex}.blog-tags li{font-family:var(--font-mono);color:var(--ink);border:2px solid var(--ink);padding:4px 10px;font-size:12px}.blog-prose{max-width:760px;color:var(--body);overflow-wrap:anywhere;font-size:18px;line-height:1.75}.blog-prose>:first-child{margin-top:0}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:800;line-height:1.15}.blog-prose h2{margin:48px 0 16px;font-size:32px}.blog-prose h3{margin:36px 0 12px;font-size:24px}.blog-prose h4{margin:28px 0 10px;font-size:19px}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose figure,.blog-prose table,.blog-prose pre,.blog-prose blockquote{margin:0 0 22px}.blog-prose ul,.blog-prose ol{padding-left:26px}.blog-prose li{margin-bottom:8px}.blog-prose a{color:var(--signal);text-underline-offset:3px;text-decoration:underline}.blog-prose a:hover{color:var(--ink)}.blog-prose img{border:2px solid var(--ink);max-width:100%;height:auto;display:block}.blog-prose figcaption{font-family:var(--font-mono);color:var(--caption);margin-top:8px;font-size:12.5px}.blog-prose blockquote{border-left:4px solid var(--signal);color:var(--body-alt);padding:4px 0 4px 22px}.blog-prose code{font-family:var(--font-mono);background:var(--surface-tint);padding:2px 6px;font-size:.9em}.blog-prose pre{background:var(--surface-tint);border:2px solid var(--ink);padding:16px 18px;line-height:1.55;overflow-x:auto}.blog-prose pre code{background:0 0;padding:0}.blog-prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{border:2px solid var(--ink);text-align:left;padding:8px 12px}.blog-prose hr{border:0;border-top:2px solid var(--ink);margin:40px 0}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card:nth-child(-n+3){border-top:2px solid var(--ink)}.blog-card:nth-child(-n+2){border-top:none}.blog-card:nth-child(3n){border-right:2px solid var(--ink)}.blog-card:nth-child(2n){border-right:none}.blog-pagination,.blog-post__header,.blog-post__body,.blog-empty{padding-left:32px;padding-right:32px}.blog-post__title{font-size:44px}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-card,.blog-card:nth-child(n){border-right:none;border-top:2px solid var(--ink);padding:28px 24px}.blog-card:first-child{border-top:none}.blog-post__header{padding-top:48px}.blog-post__title{font-size:34px}.blog-post__lede,.blog-prose{font-size:17px}.blog-prose h2{font-size:26px}}
