.blog-content-wrapper{max-width:1200px;margin:0 auto;padding:24px 16px;display:flex;gap:40px}.blog-article{flex:1;min-width:0;max-width:760px}.blog-toc-desktop{width:220px;flex-shrink:0;display:none}.blog-toc-desktop.toc-ready{display:block}.blog-toc-mobile{margin-bottom:24px;border:1px solid #e5e5e5;border-radius:12px;padding:0;display:none}.blog-toc-mobile.toc-ready{display:block}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.25rem;border-radius:8px;border:1px solid #e5e5e5}.table-wrapper table{margin-bottom:0;min-width:500px}.blog-share-bar{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin:24px 0}.blog-share-buttons{display:flex;flex-wrap:wrap;gap:8px}.blog-share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;border:none;cursor:pointer;white-space:nowrap}.blog-share-wa,.blog-share-tw,.blog-share-fb,.blog-share-copy{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.blog-share-wa:hover,.blog-share-tw:hover,.blog-share-fb:hover,.blog-share-copy:hover{background:#e2e8f0}.blog-author-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 16px;background:#f9fafb;border-radius:12px;margin:24px 0}.blog-author-avatar{width:56px;height:56px;border-radius:999px;background:linear-gradient(90deg,#81e2a4,#f8f5c4);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1e293b}.blog-author-name{font-weight:700;font-size:16px;color:#171717;margin-bottom:4px}.blog-author-role{font-size:13px;color:#64748b;margin-bottom:8px}.blog-author-bio{font-size:13px;color:#525252;line-height:1.6}.blog-floating-share{position:fixed;left:max(calc((100vw - 1200px)/2 - 80px),16px);top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:12px;z-index:50}.blog-float-btn{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;border:1px solid #e2e8f0;cursor:pointer}.prose{color:#475569;line-height:1.8;font-size:1rem}.prose h1,.prose h2,.prose h3,.prose h4{color:#171717;font-weight:700;margin-top:2rem;margin-bottom:.75rem;line-height:1.3;scroll-margin-top:70px}.prose h2{font-size:1.35rem;padding-bottom:6px;border-bottom:2px solid #f0f0f0}.prose h3{font-size:1.15rem;font-weight:600}.prose p{margin-bottom:1rem}.prose ul,.prose ol{margin-left:1.25rem;margin-bottom:1rem;padding-left:0}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-bottom:.4rem;padding-left:.25rem}.prose li>ul,.prose li>ol{margin-top:.4rem;margin-bottom:0}.prose strong{font-weight:700;color:#171717}.prose code{background-color:#f5f5f5;padding:.15em .35em;border-radius:.25rem;font-size:.85em;font-family:ui-monospace,monospace;word-break:break-word}.prose pre{background-color:#171717;color:#e5e5e5;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.prose pre code{background-color:transparent;padding:0;color:inherit;word-break:normal}.prose a{color:#10b981;text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:#059669}.prose blockquote{border-left:4px solid #10b981;padding:.75rem 1rem;margin:1.25rem 0;background:linear-gradient(135deg,#ecfdf5,#f9fafb);border-radius:0 12px 12px 0;color:#065f46;font-size:1rem;font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}.prose img{border-radius:12px;margin:1.25rem 0;max-width:100%;height:auto}.prose table{width:100%;border-collapse:collapse;margin-bottom:0}.prose th,.prose td{border:1px solid #e5e5e5;padding:8px 12px;text-align:left;font-size:.9rem}.prose th{background-color:#f9fafb;font-weight:600}.prose tr:nth-child(2n){background-color:#fafafa}.callout{padding:14px 16px;border-radius:12px;margin:20px 0;font-size:.9rem;line-height:1.6}.callout strong{display:inline}.callout-tip{background:#f0fdf4;border-left:4px solid #22c55e;color:#166534}.callout-warning{background:#fffbeb;border-left:4px solid #f59e0b;color:#92400e}.callout-info{background:#eff6ff;border-left:4px solid #3b82f6;color:#1e40af}.stat-highlight{display:inline-flex;align-items:baseline;gap:4px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:2px 8px;border-radius:6px}.stat-number{font-size:1em;font-weight:800;color:#10b981}@media(min-width:640px){.blog-content-wrapper{padding:32px 24px}.blog-article{max-width:700px}.blog-author-box{flex-direction:row;text-align:left;padding:24px}.blog-author-avatar{width:64px;height:64px}.blog-author-name{font-size:18px}.prose{font-size:1.05rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose blockquote{padding:1rem 1.25rem;font-size:1.05rem}}@media(min-width:1024px){.blog-content-wrapper{padding:40px 24px}.blog-toc-desktop.toc-ready{display:block!important}.blog-toc-mobile.toc-ready{display:none!important}.blog-article{max-width:760px}.blog-share-bar{flex-direction:row;align-items:center}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}}@media(min-width:1280px){.blog-floating-share{display:flex!important}}@media(max-width:1023px){.blog-toc-desktop.toc-ready{display:none!important}.blog-toc-mobile.toc-ready{display:block!important}.blog-floating-share{display:none!important}}@media(max-width:479px){.blog-content-wrapper{padding:16px 12px}.prose{font-size:.95rem;line-height:1.75}.prose h2{font-size:1.2rem}.prose h3{font-size:1.05rem}.prose blockquote{padding:.6rem .8rem;font-size:.95rem}.prose pre{padding:.75rem;font-size:.8rem}.prose th,.prose td{padding:6px 8px;font-size:.8rem}.blog-share-btn{padding:6px 10px;font-size:12px}.blog-author-avatar{width:48px;height:48px}}