@media(max-width:767px){.blog-mobile-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;background:hsl(var(--background));color:hsl(var(--foreground));overflow-wrap:anywhere}.blog-mobile-readable>section:not(:first-child){padding:2.5rem 1.25rem}.blog-mobile-readable :is(p,span,button){font-size:1rem;line-height:1.65}.blog-mobile-readable h2{font-size:2rem;font-weight:700;line-height:1.25}.blog-mobile-readable h3{font-size:1.625rem;font-weight:700;line-height:1.3}.blog-mobile-readable .text-accent{color:hsl(var(--primary))}.blog-mobile-readable button{min-height:44px;min-width:44px;white-space:normal}.blog-mobile-readable button.bg-accent{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.blog-mobile-readable :is(a,button):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.blog-mobile-readable article>a{display:block}.blog-mobile-readable .p-8{padding:1.25rem}.blog-mobile-readable .items-center{flex-wrap:wrap}.blog-mobile-readable :is(.line-clamp-2,.line-clamp-3){display:block;overflow:visible;-webkit-line-clamp:unset}.blog-mobile-readable span.cursor-pointer{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .75rem}.blog-mobile-readable>section:first-child{height:auto;min-height:560px}.blog-mobile-readable>section:first-child>.relative{min-height:560px;padding:3rem 1.25rem}.blog-mobile-readable>section:first-child h1{font-size:2.5rem;font-weight:600;line-height:1.15}.blog-mobile-readable>section:first-child p{color:hsl(var(--primary-foreground))}.blog-mobile-readable>section:first-child .bg-gradient-to-b{background:linear-gradient(to bottom,#000000a6,#0000008c,#000000b3)}}