.blog-layout-grid{display:grid;grid-template-columns:1fr;gap:40px;padding-top:56px}@media(min-width:1024px){.blog-layout-grid{grid-template-columns:1fr 280px;gap:56px}}.blog-sidebar{display:none}@media(min-width:1024px){.blog-sidebar{display:block}.toc-box{position:sticky;top:88px}}.toc-box{padding:24px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:16px}#toc-nav a{display:block;font-size:.82rem;color:var(--color-gray-600);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--color-gray-200);line-height:1.5;transition:all .15s}#toc-nav a:hover,#toc-nav a.toc-active{color:var(--color-primary);border-left-color:var(--color-accent);font-weight:600}#toc-nav a.toc-h3{padding-left:24px;font-size:.78rem;color:var(--color-gray-400)}.blog-content{color:var(--color-gray-800);font-size:1.05rem;line-height:1.85}.blog-content>p:first-child{font-size:1.15rem;line-height:1.8;color:var(--color-gray-700)}.blog-content p{margin-bottom:1.5em}.blog-content h2{font-size:1.5rem;font-weight:800;color:var(--color-dark);margin-top:2.5em;margin-bottom:.75em;line-height:1.3;padding-bottom:10px;border-bottom:2px solid var(--color-gray-100);scroll-margin-top:88px}.blog-content h3{font-size:1.15rem;font-weight:700;color:var(--color-dark);margin-top:1.8em;margin-bottom:.5em;line-height:1.4;scroll-margin-top:88px}.blog-content h4{font-size:1rem;font-weight:700;color:var(--color-dark);margin-top:1.5em;margin-bottom:.4em;scroll-margin-top:88px}.blog-content ul,.blog-content ol{padding-left:0;margin-bottom:1.5em;list-style:none;display:flex;flex-direction:column;gap:8px}.blog-content ul li{padding-left:24px;position:relative;line-height:1.7;color:var(--color-gray-700)}.blog-content ul li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-size:.85em;top:.1em}.blog-content ol{counter-reset:ol-counter}.blog-content ol li{padding-left:36px;position:relative;line-height:1.7;color:var(--color-gray-700);counter-increment:ol-counter}.blog-content ol li:before{content:counter(ol-counter);position:absolute;left:0;width:24px;height:24px;background:var(--gradient-primary);color:#fff;font-size:.72rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;top:.2em}.blog-content strong{font-weight:700;color:var(--color-dark)}.blog-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid rgba(0,74,173,.3);transition:border-color .15s,color .15s}.blog-content a:hover{color:var(--color-accent-dark);border-bottom-color:var(--color-accent)}.blog-content blockquote{border-left:3px solid var(--color-accent);margin:2em 0;padding:20px 28px;background:#00c3890a;border-radius:0 12px 12px 0;font-style:normal;color:var(--color-gray-700);font-size:1.05rem;line-height:1.7}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content code{background:var(--color-gray-100);color:var(--color-primary);padding:2px 7px;border-radius:5px;font-size:.88em;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.blog-content pre{background:var(--color-dark);color:#e2e8f0;padding:24px;border-radius:12px;overflow-x:auto;margin:2em 0;font-size:.9rem;line-height:1.6}.blog-content pre code{background:transparent;color:inherit;padding:0;font-size:inherit}.blog-content hr{border:none;border-top:2px solid var(--color-gray-100);margin:2.5em 0}.blog-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:.9rem;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.blog-content table th{padding:14px 18px;text-align:left;font-weight:700;color:#fff;background:var(--gradient-primary);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.blog-content table td{padding:12px 18px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:top;background:#fff}.blog-content table tr:last-child td{border-bottom:none}.blog-content table tr:hover td{background:var(--color-gray-50)}.blog-content .callout,.blog-content .info-box{background:#004aad0d;border:1px solid rgba(0,74,173,.12);border-radius:12px;padding:20px 24px;margin:2em 0}.blog-content .key-points{background:linear-gradient(135deg,#00c3890f,#004aad0a);border:1px solid rgba(0,195,137,.2);border-left:4px solid var(--color-accent);border-radius:0 12px 12px 0;padding:24px 28px;margin:0 0 2.5em}.blog-content .key-points p:last-child,.blog-content .key-points ul:last-child{margin-bottom:0}.blog-content .tip{background:#ffb8000f;border:1px solid rgba(255,184,0,.2);border-left:4px solid #FFB800;border-radius:0 12px 12px 0;padding:20px 24px;margin:2em 0}.blog-content .warning{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-left:4px solid #ef4444;border-radius:0 12px 12px 0;padding:20px 24px;margin:2em 0}