.blog-content{color:var(--color-primary);line-height:1.75}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{letter-spacing:-.01em;color:var(--color-primary);margin-top:2rem;margin-bottom:.75rem;font-weight:700;line-height:1.2}.blog-content h1{font-size:1.875rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content p{color:var(--color-primary);margin-bottom:1.25rem}.blog-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.blog-content a:hover{color:var(--color-accent-hover)}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.375rem}.blog-content blockquote{border-left:3px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 5%, transparent);color:var(--color-secondary);border-radius:0 6px 6px 0;margin:1.5rem 0;padding:.75rem 1.25rem;font-style:italic}.blog-content blockquote p{margin-bottom:0}.blog-content code{background:color-mix(in srgb, var(--color-secondary) 12%, transparent);color:var(--color-primary);border-radius:4px;padding:.15em .4em;font-family:"M PLUS Rounded 1c",monospace;font-size:.85em}.blog-content pre{background:var(--color-primary);border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.blog-content pre code{color:#e2e8f0;background:0 0;padding:0;font-size:.875rem}.blog-content img{border:1px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);border-radius:8px;max-width:100%;margin:1.5rem 0}.blog-content hr{border:none;border-top:1px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);margin:2rem 0}.blog-content .callout{border:1px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);border-left:3px solid var(--color-secondary);color:var(--color-secondary);background:#fff;border-radius:0 8px 8px 0;margin:1.75rem 0;padding:1.125rem 1.375rem;font-size:.9375rem}.blog-content .callout.accent{border-left-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 3%, transparent);color:var(--color-primary)}.blog-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9rem}.blog-content th,.blog-content td{text-align:left;border:1px solid color-mix(in srgb, var(--color-secondary) 20%, transparent);padding:.625rem .875rem}.blog-content th{background:color-mix(in srgb, var(--color-secondary) 8%, transparent);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}