.article-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:64px;gap:64px;max-width:1120px;margin:0 auto;padding:48px 32px 80px;align-items:start}.article-main{min-width:0}.article-sidebar{position:-webkit-sticky;position:sticky;top:96px}@media (max-width:960px){.article-layout-grid{grid-template-columns:1fr;gap:0;padding:32px 20px 60px}.article-sidebar{display:none}}.blog-page-content{padding:60px 20px}.blog-content{color:#2c3e50;font-size:18px;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:2.5rem;margin-bottom:1.25rem;font-weight:700;line-height:1.3;color:#101828}.blog-content h1{font-size:2.5rem}.blog-content h2{font-size:2rem}.blog-content h3{font-size:1.5rem}.blog-content h4{font-size:1.25rem}.blog-content p{margin-bottom:1.5rem;line-height:1.8}.blog-content img{max-width:100%;height:auto;border-radius:12px;margin:2.5rem 0}.blog-content ol,.blog-content ul{margin-bottom:1.75rem;padding-left:2rem}.blog-content li{margin-bottom:.75rem;line-height:1.8}.blog-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background-color:oklch(97% .008 220);border:1px solid oklch(91% .015 220);border-radius:10px;font-size:1.15em;font-style:italic;color:#434e58;line-height:1.75}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content code{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-size:.9em;color:#d97706}.blog-content pre{background-color:#1e293b;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:2rem 0}.blog-content pre code{background:none;padding:0;color:#e2e8f0}.blog-content a{color:#0076a9;text-decoration:none;border-bottom:1px solid rgba(0,118,169,.35);transition:all .2s ease;font-weight:600}.blog-content a:hover{color:#0d54c7;border-bottom-color:#0d54c7;background-color:rgba(0,118,169,.05)}.blog-content table{width:100%;margin:1.5rem 0;border-collapse:collapse}.blog-content table td,.blog-content table th{padding:.75rem;border:1px solid #dee2e6;text-align:left}.blog-content table th{background-color:#f8f9fa;font-weight:600}.blog-content hr{margin:3rem 0;border:none;border-top:1px solid #e5e7eb}.blog-content strong{font-weight:700;color:#101828}.blog-content em{font-style:italic;color:#4b5563}.blog-content>h1:first-child,.blog-content>h2:first-child{display:none}@media (max-width:768px){.blog-page-content{padding:16px 12px 40px}.blog-content{font-size:16px}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.75rem}.blog-content h3{font-size:1.35rem}.blog-content h4{font-size:1.15rem}}