.blog-rich-content h2[id],.blog-rich-content h3[id],.blog-rich-content h4[id]{scroll-margin-top:7.5rem}.blog-rich-content .blog-snippet{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin:2rem 0;padding:1rem 1.25rem}.blog-rich-content .blog-snippet__title{letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;align-items:center;margin-bottom:.75rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-rich-content .blog-snippet--definition{border-left:4px solid #3b82f6}.blog-rich-content .blog-snippet--definition .blog-snippet__title{color:#1d4ed8;background:#dbeafe}.blog-rich-content .blog-snippet--tldr{border-left:4px solid #10b981}.blog-rich-content .blog-snippet--tldr .blog-snippet__title{color:#047857;background:#d1fae5}.blog-rich-content .blog-snippet--framework{border-left:4px solid #7c3aed}.blog-rich-content .blog-snippet--framework .blog-snippet__title{color:#6d28d9;background:#ede9fe}.blog-rich-content .blog-snippet--table-highlight{border-left:4px solid #f59e0b}.blog-rich-content .blog-snippet--table-highlight .blog-snippet__title{color:#92400e;background:#fef3c7}.blog-rich-content .blog-table-highlight{overflow-x:auto}.blog-rich-content .blog-table-highlight table{border-collapse:collapse;border-radius:.75rem;width:100%;overflow:hidden}.blog-rich-content .blog-table-highlight th{background:#f1f5f9}.blog-rich-content .blog-table-highlight th,.blog-rich-content .blog-table-highlight td{text-align:left;border:1px solid #e2e8f0;padding:.6rem .8rem}.blog-rich-content .blog-slot{background:#fff;border:1px dashed #cbd5e1;border-radius:1rem;margin:2rem 0;padding:.9rem}.blog-rich-content .blog-slot img{border-radius:.75rem;width:100%;margin:.5rem 0 .35rem}.blog-rich-content .blog-slot figcaption,.blog-rich-content figure figcaption{color:#64748b;margin-top:.4rem!important;font-size:.72rem!important}.blog-rich-content .blog-slot__label{text-transform:uppercase;letter-spacing:.08em;color:#334155;background:#e2e8f0;border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.blog-rich-content .blog-slot--audio audio{width:100%;margin-top:.65rem}.blog-rich-content .blog-visual-grid{gap:1rem;margin:2rem 0;display:grid}@media (min-width:768px){.blog-rich-content .blog-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dark .blog-rich-content .blog-snippet{background:#0f172a80;border-color:#94a3b859}.dark .blog-rich-content .blog-snippet--definition .blog-snippet__title{color:#bfdbfe;background:#1e40af59}.dark .blog-rich-content .blog-snippet--tldr .blog-snippet__title{color:#a7f3d0;background:#04785759}.dark .blog-rich-content .blog-snippet--framework .blog-snippet__title{color:#ddd6fe;background:#5b21b659}.dark .blog-rich-content .blog-snippet--table-highlight .blog-snippet__title{color:#fcd34d;background:#92400e66}.dark .blog-rich-content .blog-table-highlight th,.dark .blog-rich-content .blog-table-highlight td{border-color:#94a3b859}.dark .blog-rich-content .blog-table-highlight th{background:#33415599}.dark .blog-rich-content .blog-slot{background:#0f172a8c;border-color:#94a3b859}.dark .blog-rich-content .blog-slot__label{color:#e2e8f0;background:#475569cc}.dark .blog-rich-content .blog-slot figcaption,.dark .blog-rich-content figure figcaption{color:#94a3b8!important}