.blog-index{max-width:896px}.blog-posts{margin-top:48px}.blog-card{overflow:hidden;border:1px solid var(--public-divider);border-radius:16px;background:var(--public-surface)}.public-site .blog-card h2{margin:16px 0;max-width:720px}.public-site .blog-meta{font-size:14px;line-height:1.6;color:var(--public-muted)}.blog-meta span{margin-inline:6px}.public-site .blog-byline{margin:16px 0 0;color:var(--public-muted);font-size:14px}.blog-byline a{color:var(--public-text);text-decoration:underline;text-underline-offset:4px}.blog-back,.blog-read{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:48px}.blog-read{margin-top:8px;font-weight:600}.blog-read-time{color:var(--public-muted);font-size:14px;font-weight:400}.blog-article{max-width:736px;margin-inline:auto}.blog-article-header{margin-top:32px}.public-site .blog-article h1{font-size:clamp(32px,5vw,48px);line-height:1.12}.blog-body{font-size:18px;line-height:1.75}.public-site .blog-body h2{scroll-margin-top:24px;margin-top:56px}.public-site .blog-body h3{margin:32px 0 16px;font-size:21px;line-height:1.4}.public-site .blog-body p{margin-bottom:24px}.blog-body a{text-decoration:underline;text-underline-offset:4px}.blog-body a,.blog-body strong{color:var(--public-text)}.blog-cta{margin-top:56px;padding-block:32px;border-top:1px solid var(--public-divider)}.public-site .blog-cta h2{margin-top:0}@media (max-width:600px){.public-header{flex-wrap:wrap}.public-header nav{gap:8px 16px}.blog-card-copy{padding:24px}.blog-body{font-size:17px}.blog-article-header{margin-top:24px}.public-site .blog-card h2{font-size:25px;line-height:1.25}}.blog-card-copy{padding:32px}.blog-card-cover{display:block}.blog-cover{display:flex;justify-content:center;align-items:center;gap:20px;padding:36px 24px;background:#171d19;overflow:hidden;border-radius:16px}.blog-cover img{display:block;width:24%;max-width:180px;height:auto;aspect-ratio:390/620;border:1px solid #363d38;border-radius:12px;transform:rotate(-7deg)}.blog-cover img:nth-child(2){width:29%;max-width:210px;transform:none}.blog-cover img:nth-child(3){transform:rotate(7deg)}.blog-card .blog-cover{border-radius:0}.blog-article>.blog-cover{margin-top:32px}.blog-screenshot{margin:32px 0}.blog-screenshot img{display:block;width:100%;height:auto;border:1px solid var(--public-divider);border-radius:12px}.blog-screenshot figcaption{margin-top:12px;color:var(--public-muted);font-size:13px;line-height:1.6}@media (max-width:600px){.blog-cover{gap:12px;padding:28px 16px}}