.blog-article-body{background:var(--blog-bg);color:var(--blog-text-primary);font-family:var(--blog-font-body);font-size:var(--font-size-lg);line-height:var(--blog-line-height-article);max-width:var(--blog-max-width-article);margin:0 auto;padding:var(--spacing-8) var(--spacing-4)}@media (min-width: 768px){.blog-article-body{padding:var(--spacing-12) var(--spacing-4)}}.blog-article-body h2{font-family:var(--blog-font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--blog-text-primary);margin-top:var(--spacing-12);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight);scroll-margin-top:80px}.blog-article-body h3{font-family:var(--blog-font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--blog-text-primary);margin-top:var(--spacing-10);margin-bottom:var(--spacing-3);line-height:var(--line-height-tight);scroll-margin-top:80px}.blog-article-body h4{font-family:var(--blog-font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--blog-text-primary);margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);scroll-margin-top:80px}.blog-article-body p{margin-bottom:var(--spacing-6)}.blog-article-body a{color:var(--blog-link);text-decoration:underline;text-decoration-color:#c6161f4d;text-underline-offset:3px;transition:text-decoration-color var(--transition-fast) var(--transition-timing)}.blog-article-body a:hover{text-decoration-color:var(--blog-link-hover)}.blog-article-body a:focus-visible{outline:2px solid var(--blog-accent);outline-offset:2px;border-radius:2px}.blog-article-body blockquote{border-left:4px solid var(--blog-blockquote-border);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-8) 0;background:var(--blog-accent-light);color:var(--blog-text-secondary);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0}.blog-article-body blockquote p:last-child{margin-bottom:0}.blog-article-body img{width:100%;border-radius:var(--radius-lg);margin:var(--spacing-8) 0}.blog-article-body figure{margin:var(--spacing-8) 0}.blog-article-body figcaption{text-align:center;color:var(--blog-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.blog-article-body ul,.blog-article-body ol{padding-left:var(--spacing-6);margin-bottom:var(--spacing-6)}.blog-article-body li{margin-bottom:var(--spacing-2)}.blog-article-body ul li::marker{color:var(--blog-accent)}.blog-article-body ol li::marker{color:var(--blog-accent);font-weight:var(--font-weight-semibold)}.blog-article-body code{background:var(--blog-code-bg);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:SF Mono,Fira Code,Consolas,monospace}.blog-article-body pre{background:var(--blog-text-primary);color:var(--blog-bg);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-8) 0}.blog-article-body pre code{background:transparent;padding:0;border-radius:0;color:inherit}.blog-article-body hr{border:none;border-top:1px solid var(--blog-border);margin:var(--spacing-12) 0}.blog-article-body table{width:100%;border-collapse:collapse;margin:var(--spacing-8) 0;font-size:var(--font-size-base)}.blog-article-body th,.blog-article-body td{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--blog-border);text-align:left}.blog-article-body th{background:var(--blog-bg-secondary);font-weight:var(--font-weight-semibold)}.blog-article-body strong{font-weight:var(--font-weight-bold);color:var(--blog-text-primary)}.blog-article-body em{font-style:italic}.blog-article-header{background:var(--color-black);padding-top:140px;padding-bottom:var(--spacing-16)}@media (min-width: 768px){.blog-article-header{padding-top:160px;padding-bottom:var(--spacing-20, 5rem)}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--blog-accent);z-index:99999;transition:width .1s linear}.blog-index{background:var(--bg-dark);min-height:100vh}.blog-category-badge{display:inline-flex;align-items:center;padding:.2em .7em;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.blog-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-normal) var(--transition-timing),transform var(--transition-normal) var(--transition-timing)}.blog-card:hover{border-color:var(--blog-card-hover-border);transform:translateY(-2px)}.blog-card:focus-within{outline:2px solid var(--blog-accent);outline-offset:2px}.blog-sidebar{position:sticky;top:90px}@media (min-width: 768px){.blog-sidebar{top:130px}}@media (min-width: 1600px){.blog-sidebar{top:160px}}.blog-toc{position:sticky;top:130px;max-height:calc(100vh - 160px);overflow-y:auto}@media (min-width: 1600px){.blog-toc{top:160px;max-height:calc(100vh - 190px)}}.blog-toc a{color:var(--blog-text-muted);text-decoration:none;font-size:var(--font-size-sm);line-height:1.6;display:block;padding:var(--spacing-1) 0;border-left:2px solid var(--blog-border);padding-left:var(--spacing-3);transition:color var(--transition-fast),border-color var(--transition-fast)}.blog-toc a:hover,.blog-toc a.active{color:var(--blog-accent);border-left-color:var(--blog-accent)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-8) 0}.blog-pagination a,.blog-pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.blog-pagination a{color:var(--color-white-70);border:1px solid var(--color-white-10)}.blog-pagination a:hover{background:var(--color-white-10);color:var(--color-white)}.blog-pagination .active{background:var(--blog-accent);color:var(--color-white);border:none}.blog-share-buttons{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.blog-share-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--color-white);border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.blog-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.blog-share-btn:active{transform:translateY(0)}.blog-share-btn svg{flex-shrink:0}.blog-share-btn--whatsapp{background:#25d366}.blog-share-btn--twitter{background:#1da1f2}.blog-share-btn--facebook{background:#1877f2}.blog-share-btn--copy{background:#6b7280}.blog-share-btn--whatsapp:hover{background:#1ebe57}.blog-share-btn--twitter:hover{background:#0d95e8}.blog-share-btn--facebook:hover{background:#0d6ae0}.blog-share-btn--copy:hover{background:#4b5563}.blog-article-body .blog-share-btn,.blog-article-body .blog-share-btn:hover,.blog-article-body .blog-share-btn:focus-visible{color:#fff;text-decoration:none;text-decoration-color:transparent;outline-offset:2px}