.blog-article,.blog-index{width:100%;max-width:780px;margin:0 auto;padding:20px 0 48px}.blog-heading{display:grid;gap:16px;margin-bottom:40px}.blog-heading h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.045em;overflow-wrap:anywhere}.blog-heading>p:not(.eyebrow):not(.blog-byline){color:var(--color-muted);font-size:18px;max-width:620px}.blog-byline{color:var(--color-muted);font-size:13px}.blog-byline a{text-decoration:underline;text-underline-offset:3px}.blog-list{display:grid;gap:32px}.blog-card{display:grid;gap:20px;padding-bottom:32px;border-bottom:1px solid var(--color-line)}.blog-card-copy{display:grid;gap:12px}.blog-card-copy h2{font-size:26px;letter-spacing:-.025em}.blog-card-copy>p:not(.blog-byline){color:var(--color-muted)}.blog-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:var(--color-surface)}.blog-empty{display:grid;gap:16px;padding:36px 0;border-top:1px solid var(--color-line)}.blog-empty h2{font-size:24px}.blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;font-size:14px}.blog-pagination a{padding:12px 0;text-decoration:underline;text-underline-offset:4px}.blog-preview{padding:16px;margin-bottom:28px;border:1px solid var(--color-plum);border-radius:8px;font-size:14px}.blog-prose{margin:36px 0 48px;overflow-wrap:anywhere;line-height:1.8}.blog-prose>*+*{margin-top:20px}.blog-prose h2,.blog-prose h3,.blog-prose h4{margin-top:36px;letter-spacing:-.02em}.blog-prose a{color:var(--color-plum);text-decoration:underline;text-underline-offset:3px}.blog-prose pre{padding:20px;background:#f5f3f5;border:1px solid var(--color-line);border-radius:8px;font-size:13px}.blog-prose :not(pre)>code{background:#f5f3f5;padding:2px 4px;border-radius:3px;font-size:.875em}.blog-prose blockquote{margin-left:0;padding-left:20px;border-left:3px solid var(--color-plum);color:var(--color-muted)}.blog-table{max-width:100%;overflow:auto}.blog-table table{border-collapse:collapse;min-width:100%}.blog-table td,.blog-table th{border:1px solid var(--color-line);padding:10px 14px;text-align:left}@media (max-width:640px){.blog-article,.blog-index{padding-top:8px}.blog-heading{margin-bottom:28px}.blog-card-copy h2{font-size:23px}.blog-pagination{font-size:13px}}