.blog-site{min-height:100vh}.blog-index{max-width:var(--landing-content-width);margin:auto;padding:28px 24px 64px}.blog-meta a,.blog-card .blog-meta>span:first-child,.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;background:var(--card);transition:border-color .15s,box-shadow .15s}.blog-card:hover,.blog-card:focus-within{border-color:color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}.blog-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.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-link:hover .blog-card-cover 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-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%,1024px);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%;height:auto;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;align-items:center;gap:32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:48px;padding:40px 0}.blog-author-avatar{flex:none;box-sizing:border-box;width:112px;height:112px;border:3px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:50%;object-fit:cover}.blog-author-initial{display:grid;place-items:center;background:var(--primary);color:#fff;font-size:44px;font-weight:600}.blog-author-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.blog-author-body strong{font-size:1.5rem;line-height:1.2}.blog-author-body p{margin:0;color:var(--primary)}.blog-author-body p a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.blog-author-links{display:flex;gap:16px;margin:2px 0 0;padding:0;list-style:none}.blog-author-links a{display:inline-flex;color:var(--muted-foreground);transition:color .15s}.blog-author-links a:hover,.blog-author-links a:focus-visible{color:var(--primary)}.blog-author-links svg{width:22px;height:22px}.blog-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}.blog-post-nav-card{display:flex;align-items:center;gap:16px;min-height:112px;padding:22px 24px;border:1px solid var(--border);border-radius:16px;background:var(--card, var(--background));color:var(--foreground);text-decoration:none;transition:border-color .15s,box-shadow .15s}.blog-post-nav-card:hover,.blog-post-nav-card:focus-visible{border-color:color-mix(in srgb,var(--primary) 45%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}.blog-post-nav-card span{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.blog-post-nav-card small{color:var(--primary);font-size:.875rem}.blog-post-nav-card strong{display:-webkit-box;overflow:hidden;font-size:1.0625rem;font-weight:600;line-height:1.45;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-post-nav-card svg{flex:none;width:20px;height:20px;color:var(--muted-foreground);transition:color .15s,transform .15s}.blog-post-nav-card:hover svg{color:var(--primary)}.blog-post-nav-card[rel=prev]:hover svg{transform:translate(-3px)}.blog-post-nav-next:hover svg{transform:translate(3px)}.blog-post-nav-next{justify-content:flex-end;text-align:right}.blog-post-nav-next span{align-items:flex-end}@media(max-width:640px){.blog-author{align-items:flex-start;gap:20px}.blog-author-avatar{width:72px;height:72px}.blog-author-initial{font-size:28px}.blog-post-nav{grid-template-columns:minmax(0,1fr);gap:16px}.blog-post-nav>span:empty{display:none}}@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}}.blog-category-guide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:40px;margin:8px 0 48px;padding:32px 36px;border:1px solid var(--brand-4, var(--border));border-radius:20px;background:var(--brand-2, var(--muted));text-align:left}.blog-category-guide-main>*+*{margin-top:16px}.blog-category-guide-updated{font-size:13px;color:var(--muted-foreground)}.blog-category-guide h2{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.3}.blog-category-guide-main>p:not(.blog-category-guide-updated){font-size:16px;line-height:1.75;color:var(--muted-foreground);max-width:680px}.blog-category-guide-keywords{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.blog-category-guide-keywords a{display:inline-flex;padding:6px 14px;border:1px solid var(--brand-6, var(--border));border-radius:999px;background:var(--background);color:var(--brand-11);font-size:14px;font-weight:500;text-decoration:none}.blog-category-guide-keywords a:hover,.blog-category-guide-keywords a:focus-visible{border-color:var(--primary)}.blog-category-guide-cta{display:inline-flex;font-size:14px;font-weight:600;color:var(--brand-11);text-decoration:none}.blog-category-guide-cta:hover{text-decoration:underline;text-underline-offset:3px}.blog-category-guide-faq>div{padding-bottom:18px;border-bottom:1px solid var(--brand-4, var(--border))}.blog-category-guide-faq>div+div{padding-top:18px}.blog-category-guide-faq>div:last-child{border-bottom:0;padding-bottom:0}.blog-category-guide-faq h3{font-size:15px;font-weight:600;line-height:1.5}.blog-category-guide-faq p{margin-top:8px;font-size:14px;line-height:1.7;color:var(--muted-foreground)}@media(max-width:900px){.blog-category-guide{grid-template-columns:1fr;gap:24px;padding:24px 20px}}
