/* Blog uses the same .wrap.product-page width and typography settings as products. */
.blog-shell{background:#fff;padding-top:20px;padding-bottom:32px;color:var(--ui-text,inherit)}
.blog-shell a{text-decoration:none;color:inherit}.blog-shell a:hover{color:var(--primary,#1261d6)}
.blog-crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#687687;margin-bottom:22px}
.blog-list-layout{display:grid;gap:32px;align-items:start}.blog-list-layout.has-sidebar{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}
.blog-list-main,.blog-article-main,.blog-right-sidebar{min-width:0}
.blog-list-title{font-size:26px;margin:0 0 22px;line-height:1.35}.blog-category-description{line-height:1.7;margin:0 0 24px}
.blog-feature-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;border-bottom:1px solid #e7e9ed;padding-bottom:25px;margin-bottom:10px}.blog-feature-stack{display:grid;gap:22px;align-content:start}
.blog-news-image{display:block;overflow:hidden;background:#f7f8fa;aspect-ratio:1.65;border-radius:3px}.blog-news-image img,.blog-no-image{width:100%;height:100%;object-fit:contain;display:block}.blog-no-image{display:grid;place-items:center;color:#8c9aaa;font-size:38px;background:#f3f6fa}
.blog-news-copy h3{font-size:17px;line-height:1.45;margin:10px 0 7px;font-weight:650}.blog-news-lead h3{font-size:23px;line-height:1.35}.blog-news-small h3{font-size:16px}.blog-news-copy time{font-size:12px;color:#7a8795}.blog-news-copy p{font-size:14px;line-height:1.65;margin:9px 0 0;color:#536273;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.blog-news-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;padding:23px 0;border-bottom:1px solid #e7e9ed}.blog-news-row h3{margin-top:0;font-size:19px}
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:22px;padding:25px 0}.blog-pagination a{border:1px solid #dce3ec;border-radius:5px;padding:8px 14px}
.blog-side-ad{margin-bottom:24px}.blog-side-ad img{width:100%;height:auto;display:block;border-radius:4px}.blog-side-widget{margin:0 0 26px}.blog-side-widget>h2{font-size:18px;line-height:1.4;border-bottom:2px solid var(--primary,#1261d6);padding:0 0 10px;margin:0 0 17px}.blog-side-widget ul{padding-left:18px;line-height:2}.blog-side-widget .blog-news-side-lead{margin-bottom:15px}.blog-news-side-lead h3{font-size:16px}.blog-news-side-lead p{display:none}.blog-news-compact{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;border-top:1px solid #edf0f4;padding:13px 0}.blog-news-compact h3{font-size:14px;line-height:1.5;margin:0 0 5px}.blog-news-compact .blog-news-image{aspect-ratio:1.2}
.blog-sidebar-inner.is-sticky{position:sticky;top:110px;max-height:calc(100vh - 125px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.blog-right-sidebar{align-self:stretch}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.blog-article-layout.has-left{grid-template-columns:170px minmax(0,1fr)}.blog-article-layout.has-sidebar{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.blog-article-layout.has-left.has-sidebar{grid-template-columns:170px minmax(0,1fr) minmax(240px,300px)}
.blog-left-nav{display:flex;flex-direction:column;gap:1px;align-self:start;border:1px solid #e5e9ef;border-radius:4px;overflow:hidden}.blog-left-nav>b{font-size:15px;padding:14px;background:#f8fafc;border-bottom:1px solid #e5e9ef}.blog-left-nav a{padding:12px 14px;font-size:14px;line-height:1.45;border-bottom:1px solid #edf0f4}.blog-left-nav a:last-child{border:0}.blog-left-nav a[aria-current]{color:var(--primary,#1261d6);font-weight:700;background:#f7faff}
.blog-shell .blog-article-heading{position:static!important;background:#fff!important;color:inherit!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;z-index:auto!important;min-height:0!important}.blog-article-heading h1{margin:0 0 12px;font-size:28px;line-height:1.35;color:inherit!important;font-weight:700}.blog-article-meta{font-size:12px;color:#7a8795;margin:0 0 22px}.blog-article-intro{font-weight:600}.blog-shell .blog-content{color:inherit;line-height:1.85;overflow-wrap:anywhere}.blog-content figure{margin:24px 0}.blog-content img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:3px}.blog-content figcaption{font-size:13px;text-align:center;color:#6c7887;margin-top:8px}.blog-content h2{font-size:23px;line-height:1.4;scroll-margin-top:110px}.blog-content h3{font-size:19px;scroll-margin-top:110px}.blog-content table{width:100%;display:block;overflow:auto;border-collapse:collapse}.blog-content th,.blog-content td{padding:10px;border:1px solid #e2e7ed}.blog-content a{color:var(--primary,#1261d6)}.blog-shell .article-toc{background:#f8fafc;border:1px solid #dfe6ee;padding:18px 22px;margin:0 0 22px;border-radius:4px}.article-toc ol{padding-left:20px;margin-bottom:0}.article-toc .toc-h3{margin-left:16px;font-size:14px}.blog-back-category{display:inline-block;border-top:1px solid #e4e9ef;padding-top:20px;margin-top:24px}
.blog-related-bottom{grid-column:1/-1;border-top:1px solid #e5e9ed;margin-top:6px;padding-top:24px}.has-sidebar>.blog-related-bottom{grid-column:1 / -2}.has-sidebar>.blog-right-sidebar{grid-column:-2/-1;grid-row:1 / span 2}.blog-related-bottom>h2{font-size:23px;margin:0 0 20px;line-height:1.4}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.blog-related-grid h3{font-size:16px}.blog-related-grid .blog-news-copy p{display:none}
.blog-category-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.blog-category-nav a{padding:7px 12px;border:1px solid #e3e8ef;border-radius:4px;font-size:13px}
@media(min-width:1600px){.blog-article-layout.has-left.has-sidebar{grid-template-columns:190px minmax(0,1fr) 320px}.blog-list-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1100px){.blog-article-layout.has-left.has-sidebar{grid-template-columns:145px minmax(0,1fr) 240px}.blog-article-layout,.blog-list-layout{gap:20px}.blog-news-row{grid-template-columns:170px minmax(0,1fr);gap:16px}.blog-news-lead h3{font-size:21px}.blog-feature-layout{gap:18px}}
@media(max-width:900px){.blog-article-layout.has-left.has-sidebar,.blog-article-layout.has-sidebar,.blog-list-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 240px}.blog-article-layout.has-left{grid-template-columns:minmax(0,1fr)}.blog-left-nav{grid-column:1/-1;flex-direction:row;overflow:auto;white-space:nowrap;max-width:100%}.blog-left-nav>b{display:none}.blog-left-nav a{flex:none;border-bottom:0;border-right:1px solid #edf0f4}.has-sidebar>.blog-right-sidebar{grid-row:2 / span 2}.blog-article-layout:not(.has-left)>.blog-right-sidebar{grid-row:1 / span 2}.blog-feature-layout{grid-template-columns:minmax(0,1fr)}.blog-feature-stack{grid-template-columns:1fr 1fr}.blog-news-row{grid-template-columns:130px minmax(0,1fr)}.blog-news-row h3{font-size:16px}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.blog-shell{padding-top:14px;padding-bottom:24px}.blog-list-layout.has-sidebar,.blog-article-layout.has-left.has-sidebar,.blog-article-layout.has-sidebar,.blog-article-layout.has-left{grid-template-columns:minmax(0,1fr)}.has-sidebar>.blog-right-sidebar,.blog-article-layout:not(.has-left)>.blog-right-sidebar{grid-column:1;grid-row:auto}.blog-article-main{grid-column:1}.has-sidebar>.blog-related-bottom{grid-column:1;grid-row:auto}.blog-article-layout>.blog-right-sidebar{order:4}.blog-article-layout>.blog-related-bottom{order:3}.blog-sidebar-inner.is-sticky{position:static;max-height:none;overflow:visible}.blog-list-title{font-size:23px}.blog-article-heading h1{font-size:25px}.blog-feature-layout{gap:20px}.blog-news-row{grid-template-columns:110px minmax(0,1fr);gap:13px;padding:18px 0}.blog-news-row p{display:none}.blog-news-copy h3{font-size:16px}.blog-news-lead h3{font-size:22px}.blog-news-small h3{font-size:14px}.blog-related-grid{gap:22px 14px}.blog-related-grid h3{font-size:14px}.blog-crumbs{margin-bottom:18px}.blog-content h2{font-size:21px}.blog-content h3{font-size:18px}}
.blog-shell details.article-toc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-weight:700;list-style:none}.blog-shell details.article-toc>summary::-webkit-details-marker{display:none}.blog-shell .article-toc-icon{display:flex;flex:none;align-items:center;transition:transform .2s}.blog-shell details.article-toc[open]>summary .article-toc-icon{transform:rotate(180deg)}.blog-shell details.article-toc>summary:focus-visible{outline:2px solid var(--primary,#1261d6);outline-offset:5px}.blog-shell details.article-toc:not([open])>ol{display:none}.blog-shell details.article-toc[open]>ol{margin-top:14px}@media(prefers-reduced-motion:reduce){.blog-shell .article-toc-icon{transition:none}}

/* Override generic site link typography on article cards. */
.blog-shell .blog-news-image{border:1px solid #dedede;background:#fff;border-radius:0;box-sizing:border-box}
.blog-shell .blog-news-copy h3>a{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
.blog-list-main .blog-news-copy h3{font-weight:750!important;font-size:20px;line-height:1.4}
.blog-list-main .blog-news-lead h3{font-size:24px}.blog-list-main .blog-news-small h3{font-size:17px}
.blog-list-main .blog-news-copy p{font-size:14px!important;font-weight:400!important;line-height:1.75}
@media(max-width:700px){.blog-list-main .blog-news-copy h3{font-size:18px}.blog-list-main .blog-news-lead h3{font-size:22px}.blog-list-main .blog-news-small h3{font-size:16px}}

/* 15.7.2: shared category disclosure for left navigation and right sidebar. */
.blog-category-links{min-width:0;width:100%}.blog-category-links a{display:block}.blog-category-more{overflow:visible}.blog-category-links.is-enhanced .blog-category-more{overflow:hidden;transition:height .32s cubic-bezier(.22,.61,.36,1),opacity .24s ease}.blog-category-links [hidden]{display:none!important}.blog-category-toggle{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #e5eaf1;background:#f7faff;color:var(--primary,#1261d6);padding:12px 14px;font:inherit;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer}.blog-category-toggle:hover{background:#edf4ff}.blog-category-toggle:focus-visible{outline:2px solid var(--primary,#1261d6);outline-offset:-3px}.blog-category-toggle svg{flex-shrink:0;transition:transform .32s cubic-bezier(.22,.61,.36,1)}.blog-category-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.blog-side-widget .blog-category-links a{padding:10px 0;border-bottom:1px solid #edf0f4;font-size:14px;line-height:1.5}.blog-side-widget .blog-category-toggle{margin-top:8px;border:1px solid #e5eaf1;border-radius:7px}.blog-category-links a[aria-current=page]{color:var(--primary,#1261d6);font-weight:700}.blog-left-nav .blog-category-first>a:last-child,.blog-left-nav .blog-category-more>a:last-child{border-bottom:1px solid #edf0f4}@media(max-width:900px){.blog-left-nav{flex-direction:column;white-space:normal;overflow:hidden}.blog-left-nav>b{display:block}.blog-left-nav .blog-category-links a{border-right:0;border-bottom:1px solid #edf0f4}}@media(prefers-reduced-motion:reduce){.blog-category-links.is-enhanced .blog-category-more,.blog-category-toggle svg{transition:none}}

/* Sticky category navigation remains bounded by the article, with inner scrolling for long lists. */
@media(min-width:901px){.blog-left-nav.is-sticky{position:sticky;top:var(--blog-category-top,110px);align-self:start;max-height:calc(100vh - var(--blog-category-top,110px) - 16px);max-height:calc(100dvh - var(--blog-category-top,110px) - 16px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain}.blog-left-nav.is-sticky>b{position:sticky;top:0;z-index:1;background:#f8fafc;flex-shrink:0}.blog-left-nav.is-sticky .blog-category-links{flex-shrink:0}}
@media(max-width:900px){.blog-left-nav.is-sticky{position:static;max-height:none;overflow:hidden}}

/* The category rail occupies only the article row, so native sticky stops before related articles. */
.blog-left-rail{min-width:0;align-self:stretch;grid-column:1;grid-row:1}
@media(min-width:901px){.blog-article-layout.has-left>.blog-article-main{grid-column:2;grid-row:1}.blog-left-rail>.blog-left-nav{width:100%}}
@media(max-width:900px){.blog-left-rail{grid-column:1/-1;grid-row:1;align-self:start}}

/* 15.7.5: compact category panels on phones; desktop sidebars keep their native layout. */
.blog-mobile-category-title[hidden],.blog-mobile-category-body[hidden]{display:none!important}.blog-mobile-category-title{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:#f8fafc;color:inherit;border:0;border-bottom:1px solid #e5e9ef;font:inherit;font-size:14px;font-weight:700;line-height:1.4;text-align:left;cursor:pointer}.blog-mobile-category-title>span:first-child{flex:1}.blog-mobile-category-title svg{flex-shrink:0;transition:transform .32s cubic-bezier(.22,.61,.36,1)}.blog-mobile-category-title[aria-expanded=true] svg{transform:rotate(180deg)}.blog-category-count{padding:3px 8px;border-radius:999px;background:#eaf1fc;color:var(--primary,#1261d6);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.blog-mobile-category-title:focus-visible{outline:2px solid var(--primary,#1261d6);outline-offset:-3px}.blog-mobile-category-body{min-width:0}.blog-left-nav>.blog-mobile-category-body{flex-shrink:0}.blog-theme-1{grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){[data-mobile-category].mobile-category-active>.blog-category-desktop-title{display:none!important}[data-mobile-category].mobile-category-active>.blog-mobile-category-body{overflow:hidden;transition:height .32s cubic-bezier(.22,.61,.36,1),opacity .24s ease}.blog-left-rail .blog-left-nav{border-radius:10px;gap:0}.blog-side-widget[data-mobile-category].mobile-category-active{border:1px solid #e5e9ef;border-radius:10px;overflow:hidden}.blog-side-widget[data-mobile-category] .blog-mobile-category-body>.blog-category-links{padding:0 14px 12px}.blog-mobile-category-title[aria-expanded=false]{border-bottom-color:transparent}.blog-left-rail{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){[data-mobile-category].mobile-category-active>.blog-mobile-category-body,.blog-mobile-category-title svg{transition:none}}