:root{--blog-primary:#A37558;--blog-primary-hover:#8C6349;--blog-primary-light:rgba(163,117,88,0.1);--blog-secondary:#F9F3F0;--blog-accent:#C49A80;--blog-text:#3E2E23;--blog-text-light:#6B5345;--blog-border:#E6D2C7;--blog-shadow:0 10px 25px -5px rgba(163,117,88,0.1),0 8px 10px -6px rgba(163,117,88,0.1);--blog-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dark{--blog-primary:#C49A80;--blog-primary-hover:#D4B095;--blog-primary-light:rgba(196,154,128,0.15);--blog-secondary:#2A2420;--blog-accent:#E6D2C7;--blog-text:#F5EBE4;--blog-text-light:#D4BFB3;--blog-border:#5A4A40;--blog-shadow:0 10px 25px -5px rgba(0,0,0,0.3),0 8px 10px -6px rgba(0,0,0,0.2)}.blog-card{transition:var(--blog-transition);border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,var(--blog-secondary),white);border:1px solid var(--blog-border);position:relative}.dark .blog-card{background:linear-gradient(135deg,var(--blog-secondary),#362E29)}.blog-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--blog-primary),var(--blog-accent));opacity:0;transition:var(--blog-transition)}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--blog-shadow)}.blog-card:hover:before{opacity:1}.blog-title{position:relative;display:inline-block;font-weight:600;color:var(--blog-text);transition:var(--blog-transition)}.blog-title:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:linear-gradient(to right,var(--blog-primary),var(--blog-accent));transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.65,0,.35,1)}.blog-title:hover{color:var(--blog-primary)}.blog-title:hover:after{transform:scaleX(1);transform-origin:left}.blog-content{line-height:1.9;font-size:1.05rem;color:var(--blog-text)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-family:Georgia,serif;color:var(--blog-text);margin-top:2em;margin-bottom:.8em;font-weight:700;letter-spacing:-.02em}.blog-content h1{font-size:2.5rem;line-height:1.2;border-bottom:2px solid var(--blog-primary-light);padding-bottom:.6rem;margin-bottom:1.2rem}.blog-content h2{font-size:1.85rem;line-height:1.3;position:relative;padding-left:1.2rem}.blog-content h2:before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:5px;background:linear-gradient(to bottom,var(--blog-primary),var(--blog-accent));border-radius:3px}.blog-content h3{font-size:1.5rem;line-height:1.4;color:var(--blog-primary)}.blog-content h4{font-size:1.25rem;line-height:1.5;font-weight:600}.blog-content p{margin-bottom:1.5rem;color:var(--blog-text-light);line-height:1.8}.blog-content a{color:var(--blog-primary);text-decoration:none;position:relative;font-weight:500;transition:var(--blog-transition);border-bottom:1px dashed var(--blog-primary-light);padding-bottom:1px}.blog-content a:hover{color:var(--blog-primary-hover);border-bottom:1px solid var(--blog-primary)}.blog-content blockquote{border-left:4px solid var(--blog-primary);background-color:var(--blog-primary-light);padding:1.2rem 1.5rem;margin:2rem 0;border-radius:0 .75rem .75rem 0;font-style:italic;color:var(--blog-text);position:relative}.blog-content blockquote:before{content:'"';font-size:3rem;font-family:Georgia,serif;color:var(--blog-primary);opacity:.2;position:absolute;top:-.5rem;left:.5rem}.blog-content pre{background-color:#282c34;border-radius:.75rem;padding:1.5rem;overflow-x:auto;margin:1.8rem 0;border:1px solid var(--blog-border);box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-content code{font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:.2em .4em;border-radius:.25rem;background-color:var(--blog-primary-light);color:var(--blog-primary)}.blog-content pre code{background-color:transparent;padding:0;color:#e6e6e6}.blog-content ol,.blog-content ul{margin-left:1.8rem;margin-bottom:1.8rem;color:var(--blog-text-light)}.blog-content li{margin-bottom:.5rem;position:relative}.blog-content ul li::marker{color:var(--blog-primary)}.blog-content img{max-width:100%;height:auto;border-radius:.75rem;margin:2rem 0;box-shadow:var(--blog-shadow);transition:var(--blog-transition)}.blog-content img:hover{transform:scale(1.01)}.w-md-editor-toolbar{background-color:var(--blog-secondary)!important;border-bottom:2px solid var(--blog-primary-light)!important;padding:.75rem!important;border-radius:.75rem .75rem 0 0!important}.w-md-editor-toolbar ul li button{color:var(--blog-text)!important;transition:var(--blog-transition)!important;border-radius:.5rem!important;padding:.5rem!important}.w-md-editor-toolbar ul li button:hover{color:var(--blog-primary)!important;background-color:var(--blog-primary-light)!important}.w-md-editor-content{background-color:var(--blog-secondary)!important;border-radius:0 0 .75rem .75rem!important}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--blog-primary-light) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--blog-primary-light);border-radius:10px;-webkit-transition:var(--blog-transition);transition:var(--blog-transition)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--blog-primary)}.blog-fade-in{animation:fadeIn .9s cubic-bezier(.22,1,.36,1) forwards}.blog-outline{position:sticky;top:2.5rem;max-height:calc(100vh - 9rem);overflow-y:auto;padding:1.5rem;margin-left:2rem;border-left:3px solid var(--blog-primary);background-color:var(--blog-secondary);border-radius:.75rem;box-shadow:var(--blog-shadow);transition:var(--blog-transition)}.blog-outline:hover{box-shadow:0 15px 30px -10px rgba(163,117,88,.15),0 10px 15px -5px rgba(163,117,88,.1)}.dark .blog-outline{background-color:#2A2420}.blog-outline-nav{position:sticky;top:2.5rem;align-self:flex-start;width:100%;max-height:calc(100vh - 5rem);overflow-y:auto;padding-right:.5rem;font-family:Georgia,serif}.blog-outline-nav a{display:block;color:var(--blog-text-light);text-decoration:none;border-left:2px solid transparent;padding:.5rem 0 .5rem 1rem;margin:.25rem 0;transition:var(--blog-transition);font-size:.95rem;line-height:1.4}.blog-outline-nav a.active,.blog-outline-nav a:hover{color:var(--blog-primary);border-left:2px solid var(--blog-primary);background-color:var(--blog-primary-light);border-radius:0 .5rem .5rem 0}.scrollbar-thin::-webkit-scrollbar{width:5px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.3);border-radius:9999px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(163,117,88,.5)}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.4)}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgba(163,117,88,.6)}.scrollbar-hidden{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.blog-article-container{overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior-y:none}.blog-article-container::-webkit-scrollbar{width:6px}.blog-article-container::-webkit-scrollbar-track{background-color:transparent}.blog-article-container::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.15);border-radius:9999px;-webkit-transition:all .3s ease;transition:all .3s ease}.blog-article-container:hover::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.3)}.dark .blog-article-container::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.25)}.dark .blog-article-container:hover::-webkit-scrollbar-thumb{background-color:rgba(163,117,88,.4)}@media (min-width:1024px){.blog-article-container{max-height:calc(100vh - 100px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}