.blog-post{padding-bottom:160px}.blog-post a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}.blog-post-grid{width:100%;max-width:1280px;margin:0 auto;padding:0 64px}.blog-post-header{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:96px;padding-bottom:60px;display:flex}.blog-post-meta{color:var(--blog-meta);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:1.4;display:flex}.blog-post-header h1{letter-spacing:-.025em;text-wrap:balance;max-width:880px;font-size:clamp(2rem,3.75vw,3rem);font-weight:500;line-height:1.1}.blog-post-author{color:var(--blog-meta);align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:1.4;display:flex}.blog-post-avatar{background:var(--muted);width:24px;height:24px;color:var(--foreground);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex;position:relative;overflow:hidden}.blog-post-avatar img{object-fit:cover}.blog-post-cover{aspect-ratio:16/9;background:var(--blog-media);border-radius:16px;max-width:640px;margin:0 auto;position:relative;overflow:hidden}@supports not (aspect-ratio:1 / 1){.blog-post-cover{height:0;padding-top:56.25%}}.blog-post-cover img{object-fit:cover}.blog-post-layout{grid-template-columns:minmax(0,640px);justify-content:center;row-gap:64px;padding-top:60px;display:grid}.blog-post-body .prose h2{letter-spacing:-.01em;margin-top:40px;margin-bottom:12px;font-size:clamp(1.375rem,2.2vw,1.625rem);font-weight:500;line-height:1.3}.blog-post-body .prose h3{letter-spacing:-.005em;margin-top:32px;margin-bottom:8px;font-size:20px;font-weight:500;line-height:1.35}.blog-post-body .prose>:first-child{margin-top:0}.blog-post-body img{border:0;border-radius:16px;width:100%;height:auto}.blog-post-back{margin-top:64px}.blog-post-related{padding-top:120px}.blog-post-related h2{letter-spacing:-.01em;margin-bottom:16px;font-size:20px;font-weight:500;line-height:1.35}@media (min-width:1280px){.blog-post-layout{grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);justify-content:stretch;column-gap:40px}.blog-post-body{grid-area:1/2}.blog-post-aside{grid-area:1/3;align-self:start;position:sticky;top:104px}}@media (max-width:1279.98px){.blog-post-toc,.blog-post-aside.is-toc-only{display:none}}@media (max-width:809.98px){.blog-post-grid{padding:0 20px}.blog-post-header{gap:16px;padding-top:88px;padding-bottom:40px}.blog-post-cover{aspect-ratio:7/6}@supports not (aspect-ratio:1 / 1){.blog-post-cover{padding-top:85.71%}}.blog-post-layout{row-gap:48px;padding-top:40px}.blog-post-back{margin-top:48px}.blog-post-related{padding-top:96px}}