.blog-root{background:var(--mx-sage)}.blog-shell{color:var(--mx-ink);background:var(--mx-sage);font:400 16px/1.65 var(--mx-font-sans);-webkit-font-smoothing:antialiased;margin:0}.blog-shell *,.blog-shell :before,.blog-shell :after{box-sizing:border-box}.blog-shell :focus-visible{outline:3px solid var(--mx-ink);outline-offset:5px}.blog-shell .ai-brand{min-width:44px;min-height:44px}.blog-shell .ai-nav-links>a,.blog-shell .ai-language-links a{min-width:44px}.blog-shell .mx-footer :focus-visible{outline-color:var(--mx-lime)}.blog-shell .mx-footer a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.blog-shell .mx-footer-social{min-width:44px}.blog-container{max-width:1248px;margin:auto;padding:0 24px 88px}.blog-container a{color:var(--mx-vivid);text-underline-offset:.2em}.blog-container a:hover{text-decoration-thickness:2px}.blog-container h1,.blog-container h2,.blog-container h3{font-family:var(--mx-font-display);letter-spacing:-.03em;text-wrap:pretty;font-weight:400;line-height:1.08}.blog-container h1{overflow-wrap:anywhere;margin:0 0 28px;font-size:clamp(44px,6vw,78px)}.blog-container h2{font-size:clamp(28px,3vw,40px)}.blog-container h3{font-size:27px}.blog-container img{max-width:100%;height:auto;display:block}.blog-container p{margin:0 0 20px}.blog-skip{background:var(--mx-ink);color:var(--mx-paper);z-index:20;padding:14px 20px;position:absolute;top:-120px;left:24px}.blog-skip:focus{outline:3px solid var(--mx-lime);top:16px}.blog-intro{border-bottom:1px solid var(--mx-line);justify-content:space-between;align-items:flex-end;gap:24px 48px;padding:56px 0 40px;display:flex}.blog-intro-copy{max-width:720px}.blog-intro h1{margin-bottom:20px;font-size:clamp(44px,5vw,64px)}.blog-intro-copy>p,.blog-deck{color:var(--mx-dim);max-width:680px;font-size:18px}.blog-intro-copy>p{margin-bottom:0}.blog-feed{flex-shrink:0;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.blog-category{color:var(--mx-vivid);overflow-wrap:anywhere;font-size:14px;font-weight:600}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.blog-card{min-width:0}.blog-card-link{border-radius:16px;text-decoration:none;display:block}.blog-card-link img{aspect-ratio:1.9;object-fit:cover;border-radius:16px;width:100%}.blog-card-copy{min-width:0;padding-top:20px}.blog-card-meta{flex-wrap:wrap;align-items:baseline;gap:4px 20px;margin-bottom:12px;display:flex}.blog-card-meta .blog-category{margin:0}.blog-card h3{color:var(--mx-ink);overflow-wrap:anywhere;margin:0 0 12px;font-size:clamp(26px,2.5vw,32px)}.blog-card-link:hover h3{text-underline-offset:.12em;text-decoration:underline}.blog-card-copy>p:last-child{margin-bottom:0}.blog-card p:not(.blog-category),.blog-card time{color:var(--mx-dim)}.blog-card time,.blog-featured-label{font-size:14px}.blog-featured-label{color:var(--mx-vivid)}.blog-card-wide{grid-column:1/-1}.blog-card-wide .blog-card-link{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.blog-card-wide h3{font-size:clamp(30px,3vw,40px)}.blog-card-wide .blog-card-copy{padding:16px 0}.blog-list-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:28px 0 24px;display:flex}.blog-list-heading h2{font:500 18px/1.5 var(--mx-font-sans);letter-spacing:0;margin:0}.blog-list-heading p{color:var(--mx-dim);margin:0;font-size:14px}.blog-pagination{border-top:1px solid var(--mx-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 32px;margin-top:56px;padding-top:24px;display:flex}.blog-pagination a,.blog-pagination span{align-items:center;min-height:44px;display:inline-flex}.blog-empty{max-width:680px;padding:48px 0 24px}.blog-empty h2{margin:0 0 20px}.blog-breadcrumb{max-width:760px;margin:auto;padding:24px 0;font-size:14px}.blog-breadcrumb ol{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.blog-breadcrumb li:last-child{overflow-wrap:anywhere}.blog-breadcrumb li+li:before{content:"/";color:var(--mx-dim);margin-right:16px}.blog-breadcrumb a{align-items:center;min-height:44px;display:inline-flex}.blog-article-header{max-width:760px;margin:auto;padding:12px 0 32px}.blog-article-header h1{margin-bottom:20px;font-size:clamp(40px,4.5vw,64px)}.blog-byline{border-top:1px solid var(--mx-line);flex-wrap:wrap;gap:16px 40px;margin-top:24px;padding-top:20px;font-size:14px;display:flex}.blog-byline p{margin:0}.blog-byline span{color:var(--mx-dim);display:block}.blog-container .blog-cover{border-radius:16px;width:auto;max-width:min(100%,960px);max-height:520px;margin:0 auto}.blog-reading-layout{max-width:760px;margin:40px auto 0}.blog-reading-column{min-width:0}.blog-toc{border-block:1px solid var(--mx-line);margin-bottom:40px;padding:20px 0}.blog-toc h2{font:600 16px/1.5 var(--mx-font-sans);letter-spacing:0;margin:0 0 12px}.blog-toc ul{margin:0;padding:0;list-style:none}.blog-toc a{overflow-wrap:anywhere;align-items:center;min-height:44px;padding:6px 0;display:flex}.blog-toc-sub{padding-left:18px;font-size:14px}.blog-prose{overflow-wrap:anywhere;font-size:18px;line-height:1.7}.blog-prose h2{margin:56px 0 24px;scroll-margin-top:24px}.blog-prose>:first-child{margin-top:0}.blog-prose h3{margin:36px 0 20px;scroll-margin-top:24px}.blog-prose li{margin:8px 0}.blog-prose ul,.blog-prose ol{margin:24px 0;padding-left:1.5em}.blog-prose hr{border:0;border-top:1px solid var(--mx-line);margin:40px 0}.blog-prose blockquote{border-left:4px solid var(--mx-vivid);background:var(--mx-soft);margin:32px 0;padding:16px 24px}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose img{border-radius:16px;margin:32px 0 12px}.blog-prose p:has(>img)+p:has(>em:only-child){color:var(--mx-dim);font-size:14px}.blog-table-scroll{border:1px solid var(--mx-line-strong);border-radius:8px;max-width:100%;margin:32px 0;overflow-x:auto}.blog-prose table{border-collapse:collapse;min-width:100%;font-size:16px}.blog-prose th,.blog-prose td{text-align:left;border-bottom:1px solid var(--mx-line);min-width:140px;padding:14px 18px}.blog-prose th{background:var(--mx-soft)}.blog-prose pre{border:1px solid var(--mx-line);border-radius:16px;max-width:100%;padding:24px;font-size:14px;overflow-x:auto}.blog-prose :not(pre)>code{background:var(--mx-soft);border-radius:4px;padding:2px 5px}.blog-author{border-block:1px solid var(--mx-line);gap:24px;margin:40px 0 32px;padding:24px 0;display:flex}.blog-author img{object-fit:cover;border-radius:50%;width:72px;height:72px}.blog-author h2{margin:0 0 12px;font-size:24px}.blog-author>div{overflow-wrap:anywhere;min-width:0}.blog-author p:last-child{margin-bottom:0}.blog-author a{align-items:center;min-height:44px;display:inline-flex}.blog-cta{background:var(--mx-soft);border-radius:16px;padding:24px 28px}.blog-cta h2{margin:0 0 12px;font-size:28px}.blog-container .blog-button{border:1px solid var(--mx-ink);background:var(--mx-lime);min-height:48px;color:var(--mx-ink);border-radius:16px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.blog-related{border-top:1px solid var(--mx-line);margin-top:64px;padding-top:32px}.blog-related>h2{margin:0 0 28px;font-size:32px}.blog-related .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-related .blog-card h3{font-size:26px}@media (width<=900px){.blog-intro{flex-direction:column;align-items:flex-start;gap:16px}.blog-card-wide .blog-card-link{gap:24px}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.blog-container{padding-bottom:56px}.blog-intro{padding:36px 0 28px}.blog-grid,.blog-related .blog-grid,.blog-card-wide .blog-card-link{grid-template-columns:1fr}.blog-card-wide .blog-card-link{gap:0}.blog-card-wide .blog-card-copy{padding:20px 0 0}.blog-list-heading{flex-wrap:wrap;gap:8px}.blog-breadcrumb{padding:20px 0}.blog-breadcrumb li:last-child{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.blog-article-header{padding-top:0}.blog-article-header h1{font-size:40px}.blog-byline{gap:16px 24px}.blog-reading-layout{margin-top:32px}.blog-prose h2{margin-top:40px;font-size:32px}.blog-prose blockquote{padding:16px 20px}.blog-author{gap:16px}.blog-author img{flex-shrink:0;width:48px;height:48px}.blog-cta{padding:24px}.blog-cta h2{font-size:26px}.blog-related{margin-top:48px}}@media (width<=720px){.blog-shell .ai-nav{flex-wrap:wrap}.blog-shell .ai-nav .ai-nav-links{flex-wrap:wrap;flex:230px;justify-content:flex-end}}
