.ms-blog-article{max-width:80ch;margin:0 auto;padding:var(--ms-section-px) var(--ms-section-px) var(--ms-section-py)}.ms-blog-breadcrumb{margin:0 0 32px;font-size:var(--ms-text-xs);color:var(--ms-text-placeholder);display:flex;align-items:center;gap:8px}.ms-blog-breadcrumb a{color:var(--ms-text-muted);text-decoration:none;transition:color .15s}.ms-blog-breadcrumb a:hover{color:var(--ms-text)}.ms-blog-breadcrumb span:last-child{color:var(--ms-text-body);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}.ms-blog-header{margin-bottom:32px}.ms-blog-header h1{font-size:36px;font-weight:700;line-height:var(--ms-leading-tight);letter-spacing:var(--ms-tracking-tight);color:var(--ms-text);margin:0 0 20px}.ms-blog-header-desc{font-size:var(--ms-text-body-lg);line-height:var(--ms-leading-body);color:var(--ms-text-body);margin:0 0 20px}.ms-blog-header-meta{display:flex;align-items:center;gap:8px;font-size:var(--ms-text-sm);color:var(--ms-text-subtle)}.ms-blog-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.ms-blog-hero-img{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:var(--ms-radius-xl);margin-bottom:32px}.ms-blog-content{font-family:var(--ms-font-sans);color:var(--ms-text-body);line-height:var(--ms-leading-body)}.ms-blog-content h2{color:var(--ms-text);font-weight:700;letter-spacing:var(--ms-tracking-tight);line-height:var(--ms-leading-tight)}.ms-blog-content h3,.ms-blog-content h4{color:var(--ms-text);font-weight:700}.ms-blog-content p{font-size:var(--ms-text-body-size);color:var(--ms-text-body);line-height:var(--ms-leading-body)}.ms-blog-content a{color:var(--ms-text);text-decoration-color:var(--ms-border-medium);text-underline-offset:3px}.ms-blog-content a:hover{text-decoration-color:var(--ms-text)}.ms-blog-content blockquote{border-left-color:var(--ms-border);color:var(--ms-text-secondary);font-style:normal}.ms-blog-content :not(pre)>code{font-family:var(--ms-font-mono);font-size:.85em;color:var(--ms-text);background:var(--ms-bg-alt);border:1px solid var(--ms-border-light);border-radius:var(--ms-radius-sm);padding:2px 8px;font-weight:500}.ms-blog-content :not(pre)>code:before,.ms-blog-content :not(pre)>code:after{content:none}.ms-blog-content ul,.ms-blog-content ol{font-size:var(--ms-text-body-size);color:var(--ms-text-body);line-height:var(--ms-leading-body)}.ms-blog-content li{margin-bottom:6px}.ms-blog-content li::marker{color:var(--ms-text-muted)}.ms-blog-content table{font-size:var(--ms-text-sm)}.ms-blog-content th{color:var(--ms-text-muted);border-bottom-color:var(--ms-border)}.ms-blog-content td{border-bottom-color:var(--ms-border-light)}.ms-blog-content img{border-radius:var(--ms-radius-lg)}.ms-blog-content hr{border-color:var(--ms-border)}.ms-blog-content strong{color:var(--ms-text)}.ms-blog-content pre{position:relative;background:var(--ms-bg-subtle)!important;border:1px solid var(--ms-border);border-radius:var(--ms-radius);padding:0;overflow:hidden}.ms-blog-content pre code{display:block;padding:14px 18px;overflow-x:auto;font-family:var(--ms-font-mono);font-size:var(--ms-text-xs);line-height:var(--ms-leading-body);color:var(--ms-text-body);background:transparent!important}.ms-blog-code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 6px 18px;border-bottom:1px solid var(--ms-border)}.ms-blog-code-lang{font-family:var(--ms-font-mono);font-size:var(--ms-text-xxs);font-weight:500;color:var(--ms-text-placeholder);text-transform:lowercase}.ms-blog-code-header .ms-code-copy{background:transparent;color:var(--ms-text-muted);padding:4px 10px;font-size:var(--ms-text-xxs);border-radius:var(--ms-radius-sm)}.ms-blog-code-header .ms-code-copy:hover{background:var(--ms-bg-hover);color:var(--ms-text)}@media(max-width:900px){.ms-blog-article{padding:var(--ms-section-px-tablet) var(--ms-section-px-tablet) var(--ms-section-py-sm)}}@media(max-width:600px){.ms-blog-article{padding:var(--ms-section-px-mobile) var(--ms-section-px-mobile) 48px}.ms-blog-header h1{font-size:30px}.ms-blog-breadcrumb span:last-child{max-width:20ch}}@media(max-width:480px){.ms-blog-header h1{font-size:26px}}