.blog-site{min-height:100vh}.blog-index{max-width:var(--landing-content-width);margin:auto;padding:28px 24px 64px}.blog-meta a,.blog-card-bottom a,.blog-back{color:var(--primary)}.blog-heading{text-align:center;padding:42px 0 32px}.blog-heading h1{font-size:clamp(32px,4.5vw,52px);font-weight:600;letter-spacing:-1.4px;line-height:1.15;margin:14px 0 18px}.blog-heading p{font-size:17px;line-height:1.7;max-width:600px;margin:auto}.blog-eyebrow{color:var(--primary);font-weight:600}.blog-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:4px 0 40px}.blog-categories a{border:1px solid var(--border);border-radius:999px;padding:7px 17px}.blog-categories a[aria-current],.blog-pagination a[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.blog-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:var(--card)}.blog-card-cover{aspect-ratio:1200/630;display:block;overflow:hidden;background:var(--muted)}.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.blog-card-cover:hover img{transform:scale(1.025)}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:22px}.blog-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.blog-card h2{font-size:21px;font-weight:600;line-height:1.4;margin:12px 0 8px;overflow-wrap:anywhere}.blog-card time,.blog-post-heading time{color:var(--muted-foreground);font-size:12px}.blog-card p{margin-top:12px;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);margin-top:auto;padding-top:18px;font-size:12px}.blog-card-body>p{margin-bottom:24px}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:44px 0 0}.blog-pagination a,.blog-pagination span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:8px}.blog-empty{text-align:center;padding:72px 0}.blog-article{width:min(100%,840px);margin:auto;padding:28px 24px 60px}.blog-post-heading{margin-top:32px}.blog-post-heading h1{font-size:clamp(30px,4.4vw,48px);font-weight:600;line-height:1.17;letter-spacing:-1px;margin:10px 0 20px;overflow-wrap:anywhere}.blog-post-heading p{font-size:18px;line-height:1.75;margin:24px 0 32px}.blog-cover{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.blog-fallback{background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-top:20px}.blog-markdown{margin-top:36px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.blog-markdown h1,.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{font-weight:600;line-height:1.4;margin:32px 0 14px;scroll-margin-top:90px}.blog-markdown h2{font-size:27px}.blog-markdown h3{font-size:21px}.blog-markdown p{margin:16px 0}.blog-markdown a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.blog-markdown ul,.blog-markdown ol{padding-left:26px;margin:16px 0}.blog-markdown ul{list-style:disc}.blog-markdown ol{list-style:decimal}.blog-markdown blockquote{border-left:3px solid var(--primary);padding-left:20px;margin:24px 0}.blog-markdown pre{overflow:auto;padding:20px;background:var(--muted);border-radius:12px;margin:22px 0}.blog-markdown code{font-family:var(--font-mono);font-size:.9em}.blog-markdown img{max-width:100%;border-radius:12px}.blog-table{overflow:auto;margin:24px 0}.blog-table table{width:100%;border-collapse:collapse}.blog-table th,.blog-table td{border:1px solid var(--border);padding:10px 16px;text-align:left}.blog-markdown hr{margin:32px 0;border-color:var(--border)}.blog-author{display:flex;gap:18px;border-top:1px solid var(--border);margin-top:48px;padding-top:28px}.blog-author img{border-radius:50%;object-fit:cover;width:56px;height:56px}.blog-author p{margin:8px 0}.blog-author a{color:var(--primary);overflow-wrap:anywhere}@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-grid{grid-template-columns:minmax(0,1fr)}.blog-heading{padding:24px 0}.blog-card-body{padding:20px}.blog-article,.blog-index{padding-inline:20px}.blog-post-heading p{font-size:16px}.blog-pagination{gap:5px}}