@layer components{.blog-prose{color:color-mix(in srgb, var(--foreground) 78%, var(--muted-foreground));font-size:clamp(1.0625rem,.35vw + 1rem,1.125rem);line-height:1.9}.blog-prose :where(h2,h3,h4){color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.025em;scroll-margin-top:6rem;font-weight:650;line-height:1.15}.blog-prose h2{margin-block:clamp(3.75rem,7vw,5.5rem) 1.25rem;font-size:clamp(1.8rem,4vw,2.4rem)}.blog-prose h3{margin-block:clamp(2.5rem,5vw,3.5rem) .8rem;font-size:clamp(1.3rem,3vw,1.7rem)}.blog-prose :where(p,ul,ol,blockquote,pre,table){margin-block:1.4rem}.blog-prose p:has(>.blog-content-image:only-child){margin-block:2.5rem 0}.blog-prose .blog-content-image{border:1px solid var(--border);border-radius:var(--shape-radius-panel);background:var(--surface-1);width:100%;height:auto;box-shadow:var(--shadow-soft);display:block;overflow:hidden}.blog-prose p:has(>.blog-content-image:only-child)+p:has(>em:only-child){color:var(--muted-foreground);text-align:center;margin-block:.75rem 2.5rem;padding-inline:1rem;font-size:.9rem;line-height:1.6}.blog-prose :where(ul,ol){padding-left:1.5rem}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li{margin-block:.65rem;padding-left:.25rem}.blog-prose li::marker{color:var(--primary)}.blog-prose a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 45%, transparent);text-underline-offset:.2em;font-weight:600}.blog-prose strong{color:var(--foreground);font-weight:700}.blog-prose>p:first-child{color:var(--foreground);font-size:1.12em;line-height:1.75}.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);color:var(--muted-foreground);padding:1rem 1.25rem}.blog-prose code{border:1px solid var(--border);background:var(--surface-2);font-family:var(--font-mono), monospace;border-radius:.4rem;padding:.15rem .4rem;font-size:.88em}.blog-prose pre{border:1px solid var(--border);border-radius:var(--shape-radius-panel);background:var(--surface-1);padding:1.25rem;overflow-x:auto}.blog-prose pre code{background:0 0;border:0;padding:0}.blog-prose .blog-table-shell{border:1px solid color-mix(in srgb, var(--foreground) 18%, var(--border));border-radius:var(--shape-radius-panel);background:var(--surface-1);width:100%;box-shadow:var(--shadow-soft);margin-block:2rem;overflow-x:auto}.blog-prose .blog-table-shell table{border-collapse:collapse;border-spacing:0;width:100%;min-width:48rem;margin:0}.blog-prose .blog-table-shell :where(th,td){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));text-align:left;vertical-align:top;min-width:10rem;padding:1rem 1.1rem}.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{background:color-mix(in srgb, var(--primary) 5%, var(--surface-1));width:20%;min-width:9rem;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}}