.blog-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.blog-placeholder{display:grid;place-items:center;background:radial-gradient(ellipse at top right,rgba(95,150,169,.2),transparent),#10171d;color:#7db0c0}.blog-pill{border:1px solid rgba(125,176,192,.18);border-radius:999px;background:rgba(125,176,192,.06);padding:.35rem .75rem;font-size:10px;color:#a6cad5}.blog-search-form{display:flex;width:100%;min-width:0;gap:.65rem}.blog-input{flex:1;min-width:0;width:100%;min-height:48px;border:1px solid rgba(255,255,255,.15);border-radius:.8rem;background:#10161c;padding:.8rem 1rem;font-size:16px;line-height:1.6;color:#e2e8f0;outline:none}.blog-input::placeholder{color:#a8b4c0;opacity:1}.blog-input:focus{border-color:#7db0c0;box-shadow:0 0 0 3px rgba(125,176,192,.1)}.blog-search{display:grid;flex:0 0 48px;min-height:48px;place-items:center;border-radius:.8rem;background:#669caf;color:white}.blog-search svg{width:20px;height:20px}@media(min-width:640px){.blog-search-form{width:min(55%,420px);flex-shrink:0}.blog-input{font-size:14px}}.blog-filter{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.6rem .9rem;font-size:11px;color:#94a3b8;transition:.2s}.blog-filter:hover,.blog-filter.active{color:#c9e0e7;border-color:rgba(125,176,192,.4);background:rgba(125,176,192,.1)}.blog-prose{max-width:780px;margin-inline:auto;font-size:16px;line-height:2.25;color:#b5c0c7;overflow-wrap:anywhere}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:#f1f5f9;font-weight:900;line-height:1.8;margin:2rem 0 1rem;scroll-margin-top:100px}.blog-prose h2{font-size:1.65rem}.blog-prose h3{font-size:1.3rem}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin:1.2rem 0}.blog-prose ul{list-style:disc;padding-inline-start:1.75rem}.blog-prose ol{list-style:decimal;padding-inline-start:1.75rem}.blog-prose a{color:#a6cad5;text-decoration:underline;text-underline-offset:4px}.blog-prose strong,.blog-prose b{color:#e2e8f0}.blog-prose blockquote{border-inline-start:3px solid #669caf;background:rgba(102,156,175,.07);padding:1rem 1.5rem;border-radius:.75rem}.blog-prose img{max-width:100%;height:auto;border-radius:1rem;margin:1.5rem auto}.blog-prose pre{overflow:auto;padding:1rem;background:#080c10;border-radius:1rem;direction:ltr;text-align:left}.blog-prose hr{border-color:rgba(255,255,255,.1);margin:2rem 0}.blog-prose figcaption{font-size:12px;text-align:center;color:#64748b}.blog-prose:focus{outline:none}@media(max-width:640px){.blog-prose{font-size:14px}.blog-prose h2{font-size:1.35rem}}
