.text-muted-foreground{color:hsl(var(--muted-foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-accent{background-color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.bg-secondary{background-color:hsl(var(--secondary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}@keyframes subtleShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.blog-content-wrapper{position:relative}.blog-image-container{position:relative;overflow:hidden;border-radius:var(--radius);background-color:hsl(var(--muted))}.blog-image-square{aspect-ratio:1 / 1}.blog-image-wide{aspect-ratio:16 / 9}.blog-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--muted) / .5) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: hsl(var(--muted)) var(--tw-gradient-to-position);background-size:200px 100%;animation:subtleShimmer 1.5s infinite linear}.blog-image-placeholder.loaded{opacity:0}.blog-content img,.blog-content picture{border-radius:var(--radius);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.blog-content img[data-loading=true]{opacity:0}.blog-content img[data-loading=false]{opacity:1}.blog-grid{display:grid;gap:2rem}@media (min-width: 768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{border-radius:var(--radius);border-width:1px;background-color:hsl(var(--card));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.blog-card:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-hero{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: hsl(var(--primary) / .1) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: hsl(var(--secondary) / .1) var(--tw-gradient-to-position);padding-top:4rem;padding-bottom:4rem}.category-filter{border-bottom-width:1px;background-color:hsl(var(--background));padding-top:2rem;padding-bottom:2rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.search-container{position:relative;margin-left:auto;margin-right:auto;max-width:28rem}.search-input{width:100%;border-radius:var(--radius);border-width:1px;padding:.5rem 1rem .5rem 2.5rem}.search-input:focus{border-color:transparent;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--primary))}.footer{border-top-width:1px;background-color:hsl(var(--muted) / .3);padding-top:4rem;padding-bottom:4rem}.footer-content{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.footer-content{max-width:1400px}}.footer-content{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.footer-links{margin-bottom:2rem;display:grid;gap:2rem}@media (min-width: 768px){.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}.footer-copyright{border-top-width:1px;padding-top:2rem;text-align:center;color:hsl(var(--muted-foreground))}@media (max-width: 768px){.blog-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-hero{padding-top:3rem;padding-bottom:3rem}.category-filter{padding-top:1.5rem;padding-bottom:1.5rem}.search-container{padding-left:1rem;padding-right:1rem}.footer-links{grid-template-columns:repeat(1,minmax(0,1fr))}}@keyframes pulse{50%{opacity:.5}}.blog-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.blog-skeleton .skeleton-text{height:1rem;border-radius:.25rem;background-color:hsl(var(--muted))}.blog-skeleton .skeleton-title{height:1.5rem;border-radius:.25rem;background-color:hsl(var(--muted))}.blog-skeleton .skeleton-image{height:12rem;border-radius:var(--radius);background-color:hsl(var(--muted))}.featured-posts{background-color:hsl(var(--muted) / .3);padding-top:4rem;padding-bottom:4rem}.featured-card{border-radius:var(--radius);border-width:1px;background-color:hsl(var(--card));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.featured-card:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.no-results{padding-top:4rem;padding-bottom:4rem;text-align:center}.no-results h3{margin-bottom:1rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.no-results p{color:hsl(var(--muted-foreground))}