/* Index-only layout; article pages and the expanded product demo are unchanged. */
.blog-index-page .blog-body{padding-top:12px}
.blog-index-page .blog-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:36px;background:#f7f7f9;padding:32px;border:1px solid #e9e7ee;border-radius:8px}
.blog-feature-copy{min-width:0}
.blog-feature-copy h2{font-size:30px;line-height:1.35}
.blog-feature-copy p{font-size:17px;line-height:1.8}
.blog-feature-copy>a{display:inline-flex;margin-top:8px;gap:8px;font-size:15px;font-weight:600}
.blog-feature .blog-demo-band{min-width:0;padding:0;background:transparent}
.blog-feature .blog-demo-heading{margin-bottom:10px}
.blog-feature .blog-demo-heading h2{display:none}
.blog-feature .blog-demo-heading>span{font-size:11px}
.blog-feature .bm{--bm-font:12px;max-width:none}
.blog-feature .bm-device{height:430px;display:flex;flex-direction:column;box-shadow:none}
.blog-feature .bm-top{padding:10px 12px;gap:8px;flex-shrink:0}
.blog-feature .bm-brand{font-size:14px}.blog-feature .bm-brand b{width:26px;height:27px;font-size:11px}
.blog-feature .bm-demo-label{display:none}
.blog-feature .bm-expand{padding:6px 8px;min-height:38px}
.blog-feature .bm-layout{display:flex;flex-direction:column;flex:1;min-height:0}
.blog-feature .bm-nav{padding:6px;flex-shrink:0}
.blog-feature .bm-nav [role=tablist]{flex-direction:row;gap:4px}
.blog-feature .bm-nav button{flex:1;min-width:0;min-height:38px;padding:8px 4px;text-align:center;font-size:12px}
.blog-feature .bm-content{padding:16px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:auto}
.blog-feature .bm h3{font-size:18px;margin-bottom:16px}
.blog-feature .bm th,.blog-feature .bm td{padding:8px 5px}
.blog-feature .bm-sets summary{padding:10px 4px;gap:8px;flex-wrap:wrap}
.blog-feature .bm-sets summary strong{margin-left:auto}
.blog-feature .bm-footer{padding:9px 12px;font-size:10px;flex-shrink:0}
.blog-index-page .blog-cards{gap:24px;grid-auto-rows:1fr}
.blog-index-page .blog-card{background:#f7f7f9;border:1px solid #e9e7ee;border-radius:8px;padding:26px;min-width:0}
.blog-index-page .blog-card h3{font-size:21px;line-height:1.4}
.blog-index-page .blog-card>a{margin-top:8px}
html[data-theme=dark] .blog-index-page .blog-feature,html[data-theme=dark] .blog-index-page .blog-card{background:#25212d;border-color:#40394c}
html[data-theme=dark] .blog-feature .blog-demo-heading>span{color:#bdb6ca}
@media(min-width:1921px){.blog-index-page .blog-feature{gap:56px;padding:40px}.blog-feature .bm-device{height:450px}.blog-feature-copy h2{max-width:560px;font-size:34px}}
@media(max-width:1000px){.blog-index-page .blog-feature{grid-template-columns:minmax(0,1fr);gap:28px}.blog-feature .blog-demo-band{width:100%;max-width:650px;justify-self:center}.blog-feature-copy h2{font-size:28px}.blog-index-page .blog-cards{grid-auto-rows:auto}}
@media(max-width:767px){.blog-index-page .blog-feature{padding:20px;gap:24px}.blog-feature-copy h2{font-size:25px}.blog-feature .bm-content{padding:14px 10px}.blog-feature .bm-top{padding:10px}.blog-feature .bm-device{height:440px}.blog-feature .bm-footer{font-size:11px}.blog-feature .bm-footer>span:first-child{display:none}.blog-index-page .blog-card{padding:24px}.blog-index-page .blog-cards{gap:18px}.blog-feature .bm-expand,.blog-feature .bm-nav button{min-height:44px}}
@media(max-width:380px){.blog-index-page .blog-feature{padding:16px}.blog-feature .bm-brand{gap:6px;font-size:12px}.blog-feature .bm-top{gap:6px;padding:8px}.blog-feature .bm-brand b{display:none}}