html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#f9fafb,#f1f5f9);color:#334155;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-content{background:#ffffff;max-width:min(100%,1200px);width:100%;margin:clamp(1rem,5vw,3rem) auto;padding:clamp(2rem,5vw,4rem);border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 12px 30px rgba(0,0,0,.06)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{font-weight:700;color:#0f172a;line-height:1.25;margin-top:clamp(1.5rem,4vw,2.75rem);margin-bottom:clamp(.75rem,2vw,1.25rem);scroll-margin-top:5rem;letter-spacing:-.02em}.blog-content h1{font-size:clamp(1.75rem,4vw + 1rem,2.75rem);border-bottom:2px solid #e2e8f0;padding-bottom:clamp(.5rem,2vw,1rem)}.blog-content h2{font-size:clamp(1.5rem,3vw + .75rem,2rem);border-left:4px solid #5ca030;padding-left:clamp(.75rem,2vw,1rem)}.blog-content h3{font-size:clamp(1.25rem,2.5vw + .5rem,1.6rem);color:#1e293b}.blog-content h4{font-size:clamp(1.1rem,2vw + .5rem,1.25rem);color:#475569;font-weight:600}.blog-content p{margin-bottom:clamp(1rem,3vw,1.6rem);font-size:clamp(.95rem,2vw + .5rem,1.05rem)}.blog-content strong{font-weight:600;color:#0f172a}.blog-content a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .25s ease}.blog-content a:hover{color:#1d4ed8;border-bottom-color:#1d4ed8;background-color:#eff6ff;border-radius:.2rem;padding:0 .2rem}.blog-content ol,.blog-content ul{padding-left:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.blog-content li{margin-bottom:clamp(.5rem,1.5vw,.75rem);padding-left:clamp(.25rem,1vw,.5rem);line-height:1.6}.blog-content ol li::marker,.blog-content ul li::marker{color:#5ca030;font-weight:700}.blog-content blockquote{margin:clamp(1.5rem,4vw,2rem) 0;padding:clamp(1rem,3vw,1.25rem) clamp(1.25rem,4vw,1.75rem);border-left:4px solid #5ca030;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;font-style:italic;border-radius:.5rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.04)}.blog-content code{font-family:JetBrains Mono,SF Mono,Monaco,Consolas,monospace;background:#f1f5f9;color:#b91c1c;border-radius:.4rem;padding:.25em .45em;font-size:clamp(.8em,1.5vw + .6em,.9em);border:1px solid #e2e8f0;word-break:break-word;overflow-wrap:break-word}.blog-content pre{background:#0f172a;color:#e2e8f0;border-radius:.75rem;padding:clamp(1rem,3vw,1.5rem);margin:clamp(1.5rem,4vw,2rem) 0;overflow-x:auto;font-size:clamp(.8rem,1.5vw + .6rem,.9rem);box-shadow:0 6px 18px rgba(0,0,0,.12);-webkit-overflow-scrolling:touch}.blog-content pre code{background:none;color:inherit;padding:0;border:none;font-size:inherit;word-break:normal;overflow-wrap:normal}.imgtxt{display:flex;justify-content:center}.blog-content img{max-width:100%;height:auto;border-radius:1rem}.blog-content img,.blog-content table{margin:clamp(1.5rem,4vw,2.5rem) 0;display:block}.blog-content table{width:100%;border-collapse:collapse;font-size:clamp(.85rem,1.5vw + .7rem,1rem);border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.04);overflow-x:auto;white-space:nowrap}.blog-content tbody,.blog-content thead,.blog-content tr{display:table-header-group}.blog-content tbody{display:table-row-group}.blog-content tr{display:table-row}.blog-content td,.blog-content th{display:table-cell;white-space:normal}.blog-content th{background:#f1f5f9;color:#0f172a;font-weight:600;text-align:left}.blog-content td,.blog-content th{padding:clamp(.75rem,2vw,1rem) clamp(1rem,2.5vw,1.25rem)}.blog-content td{border-top:1px solid #e2e8f0}.blog-content tr:nth-child(2n){background:#fafbfc}@media (min-width:1200px){.blog-content{max-width:1200px}}@media (max-width:1024px) and (min-width:768px){.blog-content{margin:2rem auto}}@media (max-width:768px){.blog-content{border-radius:.5rem;margin:1rem}.blog-content table{font-size:.9rem;border-radius:.5rem}.blog-content li{margin-bottom:.5rem}}@media (max-width:480px){.blog-content{border-radius:.25rem;margin:.5rem;padding:max(1rem,4vw)}.blog-content pre,.blog-content table{font-size:.85rem;border-radius:.5rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{margin-top:1.25rem;margin-bottom:.75rem}.blog-content p{line-height:1.6}}@media (max-width:360px){.blog-content{margin:.25rem;padding:1rem}.blog-content h2{padding-left:.5rem}.blog-content blockquote{padding:1rem}}@media (max-height:600px) and (orientation:landscape){.blog-content{margin-top:1rem;margin-bottom:1rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{margin-top:1rem;margin-bottom:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media print{body{background:#ffffff}.blog-content{box-shadow:none;border:none;margin:0;max-width:100%;padding:2rem}.blog-content a{color:#1e293b!important;border:none;text-decoration:underline}.blog-content blockquote,.blog-content pre{background:#f8fafc;border:1px solid #e2e8f0}.blog-content table{display:table;white-space:normal;font-size:.9rem}}