.mdx-callout{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border-left:3px solid;margin:var(--space-8) 0}.mdx-callout--tip{background-color:var(--color-success-light);border-color:var(--color-success)}.mdx-callout--info{background-color:var(--color-info-light);border-color:var(--color-info)}.mdx-callout--warning{background-color:var(--color-warning-light);border-color:var(--color-warning)}.mdx-callout--important{background-color:var(--color-primary-50);border-color:var(--color-primary)}.mdx-callout__label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mdx-callout--tip .mdx-callout__label{color:var(--color-success)}.mdx-callout--info .mdx-callout__label{color:var(--color-info)}.mdx-callout--warning .mdx-callout__label{color:var(--color-warning)}.mdx-callout--important .mdx-callout__label{color:var(--color-primary)}.mdx-callout__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.mdx-callout__body p{margin:0}.mdx-studio-cta{background:linear-gradient(135deg,var(--color-primary-50),var(--color-surface-container-low));border:1px solid var(--color-primary-100);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-10);margin:var(--space-10) 0;text-align:center}.mdx-studio-cta__headline{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.mdx-studio-cta__sub{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:var(--leading-relaxed)}.mdx-studio-cta__btn{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-8);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-decoration:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.mdx-studio-cta__btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.blog-detail__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-6);padding-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.blog-detail__breadcrumb-link{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.blog-detail__breadcrumb-link:hover{color:var(--color-primary)}.blog-detail__breadcrumb-sep{color:var(--color-gray-300)}.blog-detail__breadcrumb-current{color:var(--text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:240px}.blog-detail__hero{background:linear-gradient(160deg,var(--color-primary-50) 0,var(--color-white) 72%);padding:110px 0 var(--space-16);border-bottom:1px solid var(--border-default)}.blog-detail__hero-inner{width:100%;max-width:var(--container-max)}.blog-detail__category{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-primary-50);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.blog-detail__title{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}.blog-detail__description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.blog-detail__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.blog-detail__dot{color:var(--color-gray-300)}.blog-detail__layout{display:grid;grid-template-columns:1fr 280px;grid-gap:var(--space-16);gap:var(--space-16);padding-top:var(--space-16);padding-bottom:var(--space-16);align-items:start}.blog-article{min-width:0}.blog-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.blog-article__tag{font-size:var(--text-xs);color:var(--text-tertiary);background-color:var(--color-gray-100);border:1px solid var(--border-default);padding:2px var(--space-3);border-radius:var(--radius-full)}.blog-article__body{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-article__body h2{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:var(--space-12) 0 var(--space-4)}.blog-article__body h2,.blog-article__body h3{font-family:var(--font-sans);color:var(--text-primary);line-height:var(--leading-snug)}.blog-article__body h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-8) 0 var(--space-3)}.blog-article__body h4{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-2)}.blog-article__body p{margin:0 0 var(--space-5)}.blog-article__body a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);transition:border-color var(--transition-fast)}.blog-article__body a:hover{border-color:var(--color-primary)}.blog-article__body ol,.blog-article__body ul{margin:0 0 var(--space-5);padding-left:var(--space-6)}.blog-article__body li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.blog-article__body blockquote{margin:var(--space-8) 0;padding:var(--space-4) var(--space-6);border-left:3px solid var(--color-primary);background-color:var(--color-primary-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.blog-article__body blockquote p{margin:0;font-style:italic;color:var(--text-primary)}.blog-article__body code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-gray-100);color:var(--color-primary-container);padding:2px var(--space-2);border-radius:var(--radius-sm)}.blog-article__body pre{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);overflow-x:auto;margin:var(--space-6) 0;font-size:var(--text-sm)}.blog-article__body pre code{background:none;color:inherit;padding:0}.blog-article__body hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-10) 0}.blog-article__body table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--text-sm)}.blog-article__body th{background-color:var(--color-gray-100);font-weight:var(--font-semibold);color:var(--text-primary);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border-hover)}.blog-article__body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);vertical-align:top}.blog-article__body tr:last-child td{border-bottom:none}.blog-article__body strong{font-weight:var(--font-semibold);color:var(--text-primary)}.blog-detail__sidebar{position:-webkit-sticky;position:sticky;top:calc(72px + var(--space-8))}.blog-sidebar-card{background-color:var(--color-gray-50);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5)}.blog-sidebar-card__heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.blog-sidebar-card__links{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.blog-sidebar-card__link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.blog-sidebar-card__link:hover{background-color:var(--color-primary-50);color:var(--color-primary)}.blog-sidebar-card__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--gradient-primary);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:box-shadow var(--transition-fast)}.blog-sidebar-card__cta:hover{box-shadow:var(--shadow-md)}.blog-detail__cta{background:linear-gradient(135deg,var(--color-gray-900) 0,var(--color-primary) 100%);padding:var(--space-20) 0}.blog-detail__cta-inner{text-align:center;max-width:560px;margin:0 auto}.blog-detail__cta-heading{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-inverse);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}.blog-detail__cta-sub{font-size:var(--text-lg);color:color-mix(in srgb,var(--text-inverse) 65%,transparent);margin-bottom:var(--space-8)}.blog-detail__cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.blog-detail__cta-btn{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.blog-detail__cta-btn--primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 40%,transparent)}.blog-detail__cta-btn--primary:hover{box-shadow:0 6px 28px color-mix(in srgb,var(--color-primary) 55%,transparent);transform:translateY(-1px)}.blog-detail__cta-btn--ghost{background:color-mix(in srgb,var(--text-inverse) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--text-inverse) 20%,transparent);color:var(--text-inverse)}.blog-detail__cta-btn--ghost:hover{background:color-mix(in srgb,var(--text-inverse) 14%,transparent);border-color:color-mix(in srgb,var(--text-inverse) 35%,transparent)}@media (max-width:1024px){.blog-detail__layout{grid-template-columns:1fr;gap:var(--space-10)}.blog-detail__sidebar{position:static;order:-1}.blog-sidebar-card__links{display:grid;grid-template-columns:repeat(2,1fr)}.blog-detail__title{font-size:var(--text-4xl)}}@media (max-width:768px){.blog-detail__hero{padding:var(--space-20) 0 var(--space-16)}.blog-detail__cta-heading,.blog-detail__title{font-size:var(--text-3xl)}.blog-sidebar-card__links{grid-template-columns:1fr}.blog-article__body p,.blog-detail__description{font-size:var(--text-sm);text-align:justify}}@media (max-width:480px){.blog-detail__cta-heading,.blog-detail__title{font-size:var(--text-2xl)}.blog-detail__cta-actions{flex-direction:column;width:100%}.blog-detail__cta-btn{width:100%}}