:where(.blog-article){max-width:48rem;margin:0 auto;color:hsl(var(--muted-foreground));font-size:1.0625rem;line-height:1.9}.blog-article>div>p:first-child{margin-top:0;padding:1.25rem 1.5rem;border:1px solid rgba(153,213,201,.25);border-radius:1rem;background:linear-gradient(135deg,rgba(153,213,201,.12),rgba(31,111,139,.06));color:hsl(var(--foreground)/.88);font-size:1.2rem;line-height:1.75}.blog-article h2{margin:3.75rem 0 1.25rem;padding:.35rem 0 .35rem 1rem;border-left:3px solid hsl(var(--primary));color:hsl(var(--foreground));font-size:clamp(1.4rem,2vw,1.8rem);font-weight:700;line-height:1.25;letter-spacing:-.02em}.blog-article h3{margin:2.5rem 0 .75rem;color:hsl(var(--foreground));font-size:1.15rem;font-weight:650;line-height:1.4}.blog-article p{margin:0 0 1.5rem}.blog-article a{color:hsl(var(--primary));text-decoration:underline;text-decoration-color:hsl(var(--primary)/.45);text-underline-offset:.18em;transition:color .16s ease,text-decoration-color .16s ease}.blog-article a:hover{color:hsl(var(--foreground));text-decoration-color:currentColor}.blog-article strong{color:hsl(var(--foreground));font-weight:650}.blog-article ol,.blog-article ul{display:grid;gap:.7rem;margin:1.25rem 0 2rem;padding-left:1.5rem}.blog-article li{padding:.7rem 1rem;border:1px solid hsl(var(--border));border-radius:.8rem;background:hsl(var(--muted)/.28)}.blog-article li::marker{color:hsl(var(--primary));font-weight:700}.blog-article img{display:block;width:100%;height:auto;margin:3rem 0;border:1px solid hsl(var(--border));border-radius:1.25rem;background:hsl(var(--muted));box-shadow:0 1.5rem 3rem hsl(var(--foreground)/.08)}.blog-article blockquote{margin:2rem 0;padding:1rem 1.25rem;border-left:4px solid hsl(var(--primary));border-radius:0 .8rem .8rem 0;background:hsl(var(--muted)/.35);color:hsl(var(--foreground)/.82)}@media (max-width:640px){:where(.blog-article){font-size:1rem;line-height:1.8}.blog-article>div>p:first-child{padding:1rem;font-size:1.08rem}.blog-article h2{margin-top:3rem}.blog-article li{padding:.6rem .8rem}}