.blog-post-page{min-height:100vh}.blog-post-hero{position:relative;overflow:hidden;border-bottom-width:1px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fffbeb var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.blog-post-hero:is(.dark *){--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(124,45,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(124,45,18,.2) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:rgba(120,53,15,.2) var(--tw-gradient-to-position)}.blog-post-hero-grid{position:absolute;inset:0;background-image:linear-gradient(#e2e8f0 1px,transparent 0),linear-gradient(90deg,#e2e8f0 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.6));mask-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.6))}.dark .blog-post-hero-grid{background-image:linear-gradient(rgba(51,65,85,.25) 1px,transparent 0),linear-gradient(90deg,rgba(51,65,85,.25) 1px,transparent 0)}.blog-post-hero-container{width:100%}@media (min-width:640px){.blog-post-hero-container{max-width:640px}}@media (min-width:768px){.blog-post-hero-container{max-width:768px}}@media (min-width:1024px){.blog-post-hero-container{max-width:1024px}}@media (min-width:1280px){.blog-post-hero-container{max-width:1280px}}@media (min-width:1536px){.blog-post-hero-container{max-width:1536px}}.blog-post-hero-container{position:relative;margin-left:auto;margin-right:auto;padding:3rem 1rem}@media (min-width:768px){.blog-post-hero-container{padding-top:5rem;padding-bottom:5rem}}.blog-post-hero-content{margin-left:auto;margin-right:auto;max-width:56rem}.blog-post-back-link{margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-post-back-link:hover{color:hsl(var(--primary))}.blog-post-back-icon{height:1rem;width:1rem}.blog-post-hero-category{margin-bottom:1.5rem;display:inline-flex;align-items:center;border-radius:9999px;background-color:hsl(var(--primary)/.1);padding:.375rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--primary))}.blog-post-hero-title{margin-bottom:1.5rem;font-size:2.25rem;line-height:2.5rem;font-weight:700;letter-spacing:-.025em}@media (min-width:640px){.blog-post-hero-title{font-size:3rem;line-height:1}}@media (min-width:768px){.blog-post-hero-title{font-size:3.75rem;line-height:1}}.blog-post-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.blog-post-hero-meta-item{display:flex;align-items:center;gap:.5rem}.blog-post-hero-meta-icon{height:1rem;width:1rem}.blog-post-hero-meta-author{font-weight:500}.blog-post-hero-tags{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem}.blog-post-hero-tag-icon{height:1rem;width:1rem;color:hsl(var(--muted-foreground))}.blog-post-hero-tags-wrapper{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-hero-tag{border-radius:9999px;background-color:hsl(var(--muted));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.blog-post-featured-image-section{width:100%}@media (min-width:640px){.blog-post-featured-image-section{max-width:640px}}@media (min-width:768px){.blog-post-featured-image-section{max-width:768px}}@media (min-width:1024px){.blog-post-featured-image-section{max-width:1024px}}@media (min-width:1280px){.blog-post-featured-image-section{max-width:1280px}}@media (min-width:1536px){.blog-post-featured-image-section{max-width:1536px}}.blog-post-featured-image-section{margin-left:auto;margin-right:auto;padding:2rem 1rem}.blog-post-featured-image-container{margin-left:auto;margin-right:auto;max-width:56rem}.blog-post-featured-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:1rem;border-width:1px}.blog-post-featured-image{-o-object-fit:cover;object-fit:cover}.blog-post-article{width:100%}@media (min-width:640px){.blog-post-article{max-width:640px}}@media (min-width:768px){.blog-post-article{max-width:768px}}@media (min-width:1024px){.blog-post-article{max-width:1024px}}@media (min-width:1280px){.blog-post-article{max-width:1280px}}@media (min-width:1536px){.blog-post-article{max-width:1536px}}.blog-post-article{margin-left:auto;margin-right:auto;padding:3rem 1rem}.blog-post-article-container{margin-left:auto;margin-right:auto;max-width:56rem}.blog-post-article-prose{max-width:none}.blog-post-h1{font-size:2.25rem;line-height:2.5rem}.blog-post-h1,.blog-post-h2{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:hsl(var(--foreground))}.blog-post-h2{font-size:1.875rem;line-height:2.25rem}.blog-post-h3{font-size:1.5rem;line-height:2rem}.blog-post-h3,.blog-post-h4{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:hsl(var(--foreground))}.blog-post-h4{font-size:1.25rem;line-height:1.75rem}.blog-post-paragraph{margin-bottom:1rem;line-height:1.75rem;color:hsl(var(--muted-foreground))}.blog-post-ul{margin-bottom:1rem;list-style-position:inside;list-style-type:disc}.blog-post-ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.blog-post-ul{color:hsl(var(--muted-foreground))}.blog-post-ol{margin-bottom:1rem;list-style-position:inside;list-style-type:decimal}.blog-post-ol>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.blog-post-ol{color:hsl(var(--muted-foreground))}.blog-post-li{margin-left:1rem}.blog-post-link{font-weight:500;color:hsl(var(--primary))}.blog-post-link:hover{text-decoration-line:underline}.blog-post-code-inline{border-radius:.25rem;background-color:hsl(var(--muted));padding:.125rem .375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground))}.blog-post-pre{margin-bottom:1.5rem;overflow-x:auto;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1));padding:1rem;--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.blog-post-blockquote{margin-top:1rem;margin-bottom:1rem;border-left-width:4px;border-color:hsl(var(--primary));padding-left:1rem;font-style:italic;color:hsl(var(--muted-foreground))}.blog-post-related{border-top-width:1px;background-color:hsl(var(--muted)/.3);padding-top:5rem;padding-bottom:5rem}.blog-post-related-container{width:100%}@media (min-width:640px){.blog-post-related-container{max-width:640px}}@media (min-width:768px){.blog-post-related-container{max-width:768px}}@media (min-width:1024px){.blog-post-related-container{max-width:1024px}}@media (min-width:1280px){.blog-post-related-container{max-width:1280px}}@media (min-width:1536px){.blog-post-related-container{max-width:1536px}}.blog-post-related-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.blog-post-related-title{margin-bottom:2rem;text-align:center;font-size:1.875rem;line-height:2.25rem;font-weight:700}.blog-post-related-grid{margin-left:auto;margin-right:auto;display:grid;max-width:72rem;gap:2rem}@media (min-width:768px){.blog-post-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-post-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-post-related-card{height:100%;cursor:pointer;border-radius:1rem;border-width:2px;border-color:transparent;background-color:hsl(var(--card));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-post-related-card:hover{border-color:hsl(var(--primary)/.5);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blog-post-related-image-container{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-top-left-radius:1rem;border-top-right-radius:1rem;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#ffedd5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,237,213,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fef3c7 var(--tw-gradient-to-position)}.blog-post-related-image-container:is(.dark *){--tw-gradient-from:rgba(124,45,18,.2) var(--tw-gradient-from-position);--tw-gradient-to:rgba(124,45,18,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(120,53,15,.2) var(--tw-gradient-to-position)}.blog-post-related-image{-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.group:hover .blog-post-related-image{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.blog-post-related-image-placeholder{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.blog-post-related-image-icon{height:4rem;width:4rem;color:hsl(var(--primary)/.4)}.blog-post-related-content{padding:1.5rem}.blog-post-related-category{margin-bottom:.75rem;display:inline-flex;align-items:center;border-radius:9999px;background-color:hsl(var(--primary)/.1);padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;color:hsl(var(--primary))}.blog-post-related-title-text{margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.group:hover .blog-post-related-title-text{color:hsl(var(--primary))}.blog-post-related-excerpt{margin-bottom:1rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.blog-post-related-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.blog-post-related-meta-item{display:flex;align-items:center;gap:.25rem}.blog-post-related-meta-icon{height:.75rem;width:.75rem}.blog-post-related-actions{margin-top:3rem;text-align:center}.blog-post-related-view-all{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius);border-width:2px;border-color:hsl(var(--primary));background-color:hsl(var(--background));padding:.75rem 2rem;font-weight:600;color:hsl(var(--primary));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blog-post-related-view-all:hover{background-color:hsl(var(--primary)/.1)}