@media(max-width:767px){.blog-article-readable{--background: 40 33% 98%;--foreground: 24 30% 14%;--card: 40 30% 98%;--card-foreground: 24 30% 14%;--muted: 35 20% 92%;--muted-foreground: 24 15% 32%;--primary: 147 22% 25%;--primary-foreground: 40 33% 98%;color-scheme:light;color:hsl(var(--foreground));overflow-wrap:anywhere}.blog-article-readable>.max-w-6xl{padding:2rem 1.25rem}.blog-article-readable :is(p,span,button,nav,[data-state]){font-size:1rem;line-height:1.65}.blog-article-readable h1{font-size:2.25rem;font-weight:700;line-height:1.2}.blog-article-readable h2{font-size:1.875rem;font-weight:700;line-height:1.3}.blog-article-readable h3{font-size:1.5rem;font-weight:600;line-height:1.35}.blog-article-readable .text-accent{color:hsl(var(--primary))}.blog-article-readable nav{flex-wrap:wrap;gap:.5rem}.blog-article-readable nav .line-clamp-1{display:block;-webkit-line-clamp:unset}.blog-article-readable nav svg{flex-shrink:0}.blog-article-readable :is(button,a.inline-flex){min-height:44px}.blog-article-readable :is(a,button):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.blog-article-readable nav a{display:inline-flex;align-items:center;min-height:44px}.blog-article-readable .blog-prose{font-size:1.125rem;line-height:1.85;max-width:100%}.blog-article-readable .blog-prose :is(p,li,p span,li span){font-size:1.125rem!important;line-height:1.85!important;color:hsl(var(--foreground))}.blog-article-readable .blog-prose>*+*{margin-top:1.5rem}.blog-article-readable .blog-prose h2{margin-top:2.75rem}.blog-article-readable .blog-prose h3{margin-top:2rem}.blog-article-readable .blog-prose :is(h1,h2,h3,h4){scroll-margin-top:7rem}.blog-article-readable .blog-prose a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:.2em}.blog-article-readable .blog-prose :is(img,video,iframe){max-width:100%}.blog-article-readable .blog-prose :is(table,pre){display:block;max-width:100%;overflow-x:auto}.blog-article-readable .blog-prose :is(th,td){min-width:8rem;font-size:1rem}.blog-article-readable .blog-prose blockquote{padding-left:1rem;margin-block:2rem}.blog-article-readable section.bg-foreground{padding:1.5rem}.blog-article-readable section.bg-foreground :is(h2,p){color:hsl(var(--primary-foreground))}.blog-article-readable section.bg-foreground a{width:100%;justify-content:center;font-size:1rem;white-space:normal;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.blog-article-readable button svg{flex-shrink:0}}