html{overflow:auto!important}body{overflow:auto!important;height:auto!important}.app{overflow:auto!important;height:auto!important;min-height:100vh!important}.blog-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post{transition:transform .3s ease,box-shadow .3s ease}.blog-post:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026!important}.post-title{color:var(--color-text);transition:color .3s ease}.blog-post:hover .post-title{color:var(--color-primary)}.post-content a{color:var(--color-primary);text-decoration:underline;transition:opacity .3s ease}.post-content a:hover{opacity:.8}.tag{transition:background .3s ease,transform .2s ease;cursor:default}.tag:hover{background:var(--color-primary)!important;color:#fff;transform:scale(1.05)}@media (max-width: 768px){.blog-hero h1{font-size:2rem!important}.blog-hero p{font-size:1rem!important}.post-title{font-size:1.5rem!important}.blog-post{padding:1.5rem!important}.post-content h3{font-size:1.3rem!important}.post-content h4{font-size:1.1rem!important}}