.blog-post{max-width:800px;padding:0 1.5rem;color:#333;line-height:1.6}.blog-post h1{font-size:2.5rem;color:#1a1a1a;margin-bottom:1.5rem;line-height:1.3}.blog-post h2{font-size:1.8rem;color:#2a2a2a;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.blog-post h3{font-size:1.4rem;color:#3a3a3a;margin:1.5rem 0 1rem}.blog-post p{margin-bottom:1.2rem;font-size:1.1rem}.blog-post ol,.blog-post ul{margin:1rem 0;padding-left:2rem}.blog-post li{margin-bottom:.5rem;font-size:1.1rem}.blog-post table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.blog-post th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2a2a2a;border-bottom:2px solid #e9ecef}.blog-post td{padding:1rem;border-bottom:1px solid #e9ecef}.blog-post tr:last-child td{border-bottom:none}.blog-post a{color:#007bff;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-post a:hover{border-bottom-color:#007bff}.blog-post strong{color:#2a2a2a;font-weight:600}.blog-post code{background:#f8f9fa;padding:.2rem .4rem;border-radius:4px;font-size:.9rem;color:#e83e8c}.blog-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 1rem;margin-bottom:3rem;width:100%;position:relative;overflow:hidden}.blog-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;pointer-events:none}.blog-header .container{max-width:800px;margin:0 auto;position:relative;z-index:1}.blog-header h1{font-size:3rem;color:#1a1a1a;margin-bottom:1.5rem;line-height:1.2;font-weight:700}.blog-meta{display:flex;align-items:center;justify-content:center;gap:1rem;color:#666;font-size:1rem}.blog-date,.blog-read-time{display:flex;align-items:center;gap:.5rem}.progress-container{position:fixed;top:0;width:100%;height:4px;background:transparent;z-index:1001}.progress-bar{height:4px;background:#007bff;width:0}@media (max-width:768px){.blog-header{margin-bottom:2rem}.blog-header h1{font-size:2rem;margin-bottom:1rem;line-height:1.3}.blog-meta{flex-direction:column;gap:.5rem}.blog-post h1{font-size:1.8rem;margin-bottom:1rem}.blog-post h2{font-size:1.5rem;margin:1.5rem 0 .8rem}.blog-post h3{font-size:1.3rem;margin:1.2rem 0 .8rem}.blog-post p{font-size:1rem;margin-bottom:1rem;line-height:1.5}.blog-post ol,.blog-post ul{margin:.8rem 0;padding-left:1.5rem}.blog-post li{font-size:1rem;margin-bottom:.4rem}.blog-post td,.blog-post th{padding:.8rem}.blog-post code{font-size:.85rem;padding:.15rem .3rem}.blog-post a,.blog-post code{word-break:break-word}.blog-post{padding:0 1rem;margin:1rem auto;width:100%;max-width:100%;overflow-x:hidden}.blog-post table{display:block;overflow-x:auto;white-space:nowrap;margin:1.5rem -1rem;padding:0 1rem;width:calc(100% + 2rem);font-size:.9rem;-webkit-overflow-scrolling:touch}.blog-post li,.blog-post p,.blog-post td,.blog-post th{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.blog-post code{max-width:100%;overflow-x:auto;display:inline-block;vertical-align:middle}.blog-header{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:2rem 1rem}.blog-header .container{padding:0 1rem;width:100%}}@media (max-width:480px){.blog-header h1{font-size:1.8rem}.blog-post h1{font-size:1.6rem}.blog-post h2{font-size:1.4rem}.blog-post h3{font-size:1.2rem}.blog-post li,.blog-post p{font-size:.95rem}.blog-post table{font-size:.85rem}.blog-post td,.blog-post th{padding:.6rem}.landing-section{padding:10px 0 40px;width:100%;overflow-x:hidden}.blog-post{padding:0 .8rem;width:100%;box-sizing:border-box}.blog-post table{font-size:.8rem;margin:1.5rem -.8rem;width:calc(100% + 1.6rem)}}@supports (-webkit-overflow-scrolling:touch){.blog-post,.blog-post table{-webkit-overflow-scrolling:touch}}.blog-post .chart{width:100%;height:400px;margin:2rem 0}@media screen and (max-width:768px){.blog-post .chart{height:300px;margin:1.5rem 0}}