.scroll-progress-bar{background:linear-gradient(90deg,#06c,#0052a3);height:3px;left:0;position:fixed;top:0;transition:width .1s ease;width:0;z-index:9999}.blog-main-content{background-color:#f8f9fa;padding:60px 20px}.blog-content-wrapper{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin:0 auto;max-width:800px;padding:60px}.blog-content-wrapper h1{color:#003d7a;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:20px}.blog-content-wrapper h2{color:#003d7a;font-size:1.875rem;font-weight:700;line-height:1.4;margin-bottom:20px;margin-top:40px}.blog-content-wrapper h3{color:#003d7a;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:15px;margin-top:30px}.blog-content-wrapper p{color:#333;font-size:1rem;line-height:1.7;margin-bottom:20px}.blog-content-wrapper img{border-radius:4px;height:auto;margin:40px 0;max-width:100%}.blog-content-wrapper a{border-bottom:1px solid transparent;color:#06c;text-decoration:none;transition:border-color .2s ease}.blog-content-wrapper a:hover{border-bottom:1px solid #06c}.blog-content-wrapper ol,.blog-content-wrapper ul{color:#333;line-height:1.8;margin:20px 0;padding-left:30px}.blog-content-wrapper li{font-size:1rem;margin-bottom:12px}.blog-content-wrapper blockquote{background-color:#f8f9fa;border-left:4px solid #06c;color:#555;font-style:italic;margin:30px 0;padding:20px}@media (max-width:768px){.blog-content-wrapper{padding:30px}.blog-content-wrapper h1{font-size:2rem}.blog-content-wrapper h2{font-size:1.5rem}.blog-content-wrapper h3{font-size:1.25rem}.blog-main-content{padding:30px 15px}}@media (max-width:480px){.blog-content-wrapper{padding:20px}.blog-content-wrapper h1{font-size:1.5rem}.blog-content-wrapper h2{font-size:1.25rem}.blog-content-wrapper p{font-size:.95rem}}