@layer components{.blog-prose{color:var(--foreground);font-size:1.0625rem;line-height:1.85}.blog-prose :where(h2,h3,h4){color:var(--foreground);font-family:var(--font-display),var(--font-sans),sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1.15;scroll-margin-top:6rem}.blog-prose h2{margin-block:3.25rem 1rem;font-size:clamp(1.75rem,4vw,2.35rem)}.blog-prose h3{margin-block:2.5rem .75rem;font-size:clamp(1.35rem,3vw,1.75rem)}.blog-prose :where(p,ul,ol,blockquote,pre,table){margin-block:1.25rem}.blog-prose p:has(>.blog-content-image:only-child){margin-block:2.5rem 0}.blog-prose .blog-content-image{display:block;width:100%;height:auto;overflow:hidden;border:1px solid var(--border);border-radius:var(--shape-radius-panel);background:var(--surface-1);box-shadow:var(--shadow-soft)}.blog-prose p:has(>.blog-content-image:only-child)+p:has(>em:only-child){margin-block:.75rem 2.5rem;padding-inline:1rem;color:var(--muted-foreground);font-size:.9rem;line-height:1.6;text-align:center}.blog-prose :where(ul,ol){padding-left:1.5rem}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin-block:.45rem;padding-left:.25rem}.blog-prose li::marker{color:var(--primary)}.blog-prose a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 45%,transparent);text-underline-offset:.2em}.blog-prose strong{color:var(--foreground);font-weight:700}.blog-prose blockquote{border-left:3px solid var(--primary);border-radius:0 var(--shape-radius-card) var(--shape-radius-card) 0;background:var(--surface-2);padding:1rem 1.25rem;color:var(--muted-foreground)}.blog-prose code{border:1px solid var(--border);border-radius:.4rem;background:var(--surface-2);padding:.15rem .4rem;font-family:var(--font-mono),monospace;font-size:.88em}.blog-prose pre{overflow-x:auto;border:1px solid var(--border);border-radius:var(--shape-radius-panel);background:var(--surface-1);padding:1.25rem}.blog-prose pre code{border:0;background:transparent;padding:0}.blog-prose .blog-table-shell{width:100%;margin-block:2rem;overflow-x:auto;border:1px solid color-mix(in srgb,var(--foreground) 18%,var(--border));border-radius:var(--shape-radius-panel);background:var(--surface-1);box-shadow:var(--shadow-soft)}.blog-prose .blog-table-shell table{width:100%;min-width:48rem;margin:0;border-collapse:collapse;border-spacing:0}.blog-prose .blog-table-shell :where(th,td){min-width:10rem;border-right:1px solid color-mix(in srgb,var(--foreground) 12%,var(--border));border-bottom:1px solid color-mix(in srgb,var(--foreground) 12%,var(--border));padding:1rem 1.1rem;text-align:left;vertical-align:top}.blog-prose .blog-table-shell th{background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));color:var(--foreground);font-size:.9rem;font-weight:700;line-height:1.4}.blog-prose .blog-table-shell td{color:var(--muted-foreground);font-size:.95rem;line-height:1.65}.blog-prose .blog-table-shell :where(th,td):first-child{width:20%;min-width:9rem;background:color-mix(in srgb,var(--primary) 5%,var(--surface-1));color:var(--foreground);font-weight:650}.blog-prose .blog-table-shell :where(th,td):not(:first-child){width:40%}.blog-prose .blog-table-shell :where(th,td):last-child{border-right:0}.blog-prose .blog-table-shell tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 62%,transparent)}.blog-prose .blog-table-shell tbody tr:nth-child(2n) td:first-child{background:color-mix(in srgb,var(--primary) 7%,var(--surface-2))}.blog-prose .blog-table-shell tr:last-child td{border-bottom:0}}