/* Unified public layout for product, editorial, province and AI pages.
   Keeps section content aligned without hiding horizontal table scrolling. */
:root{--be-content-width:1200px;--max:1200px}
html{max-width:100%;scroll-padding-top:74px}
body{max-width:100%;overflow-x:clip}
body,main,header,footer,section{min-width:0}
:where(main,section,article,aside) :is(img,video,iframe,canvas,picture){max-width:100%}
:where(main,section,article,aside) img{height:auto}
:where(main,section,article,aside) :is(h1,h2,h3,h4,p,li,a){overflow-wrap:break-word}
/* Every main landing-page content wrapper has the same measure. */
.container,.hero-image-wrap,.conveyor,.wrap{width:min(var(--be-content-width),calc(100% - 32px))!important;max-width:100%;margin-inline:auto}
.container>*,.hero-content>*,.factory-console-grid>*,.ready-grid>*,.be-ai-articles-heading>*,.be-geo-grid>*,.ai-article-layout>*,.ai-social>*,.ai-public-nav>*{min-width:0}
.hero-image-wrap,.image-banner{max-width:100%}
.hero-image-wrap img,.image-banner img,.hero-image{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}
/* One edge-aligned measure: published AI cards, images, content and share sections. */
.be-ai-articles-container,.be-geo-wrap,.ai-article-index,.ai-article-page,.be-geo-main{width:min(var(--be-content-width),calc(100% - 32px));max-width:100%;margin-inline:auto}
.be-ai-articles-section{padding-inline:16px}
.be-ai-articles-container{width:100%;max-width:var(--be-content-width)}
.be-ai-articles-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.be-ai-articles-grid>*{min-width:0}
.ai-article-index,.ai-article-page{padding:34px 0 68px}
.ai-article-layout,.ai-hero,.ai-social,.ai-related{width:100%;max-width:100%;min-width:0}
.ai-article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:clamp(18px,3vw,36px)}
.ai-article-body{max-width:100%;min-width:0;overflow-wrap:anywhere}
.ai-article-body :is(table,pre,code){max-width:100%}
.ai-article-body pre{overflow-x:auto;white-space:pre}
.ai-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ai-hero{aspect-ratio:2/1}
.ai-hero img{width:100%;height:100%;object-fit:cover}
.ai-public-nav{padding-inline:max(16px,calc((100% - var(--be-content-width))/2))}
.ai-social-buttons{min-width:0}
.ai-social-buttons a,.ai-social-buttons button{max-width:100%;overflow-wrap:anywhere}
.be-geo-main{padding:18px 0 62px}
.be-geo-area{padding-inline:16px}
.be-geo-wrap{width:100%;max-width:var(--be-content-width)}
.be-geo-top{padding-inline:max(16px,calc((100% - var(--be-content-width))/2))}
.be-geo-top a{min-width:0;overflow-wrap:anywhere}
.be-geo-list-section,.be-geo-page-hero{max-width:100%}
.be-seo-guide{max-width:100%;width:100%}
/* Original pages contain several wide comparisons: keep the scroll inside their card. */
:where(.article-copy,.be-seo-body,.be-geo-main,.ai-article-body) :is(.table-wrap,.compare-wrap,.be-seo-scroll){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(.article-copy,.be-seo-body) table{max-width:100%}
:where(.article-copy,.be-seo-body) :is(pre,code){overflow-wrap:anywhere}
@media(max-width:1070px){.be-ai-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-article-layout{grid-template-columns:minmax(0,1fr)}.ai-article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .container,.hero-image-wrap,.conveyor,.wrap,.ai-article-index,.ai-article-page,.be-geo-main{width:calc(100% - 24px)!important;max-width:100%}
  .be-ai-articles-section,.be-geo-area{padding-inline:12px}
  .be-ai-articles-grid{grid-template-columns:minmax(0,1fr)}
  .be-ai-articles-heading{align-items:flex-start;flex-direction:column;gap:10px}
  .ai-public-nav{padding:11px 12px;flex-wrap:wrap;gap:9px}
  .ai-public-nav nav{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
  .ai-public-nav nav a{white-space:normal}
  .ai-article-index,.ai-article-page{padding-block:24px 48px}
  .ai-article-top h1{font-size:clamp(1.48rem,6.5vw,2.3rem);overflow-wrap:anywhere}
  .ai-article-meta{flex-wrap:wrap;gap:5px 14px}
  .ai-article-aside{grid-template-columns:minmax(0,1fr)}
  .ai-hero{border-radius:12px;margin-block:20px 24px}
  .ai-social{padding:16px;margin-block:35px}
  .ai-social-buttons{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ai-social-buttons>*{justify-content:center;text-align:center;min-width:0;white-space:normal!important}
  .be-geo-card-grid{grid-template-columns:minmax(0,1fr)}
  .be-geo-list-section{padding:17px 13px}
  .be-geo-top{padding:12px;gap:9px}
  .be-geo-top b{font-size:.87rem;overflow-wrap:anywhere}
  .be-geo-top a:last-child{flex-shrink:0}
  .be-seo-guide{border-radius:12px}
  .hero-content,.factory-console-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  .container,.hero-image-wrap,.conveyor,.wrap,.ai-article-index,.ai-article-page,.be-geo-main{width:calc(100% - 20px)!important}
  .be-ai-articles-section,.be-geo-area{padding-inline:10px}
  .ai-social-buttons{grid-template-columns:1fr 1fr}
  .ai-public-nav nav{gap:6px}
  .ai-public-nav nav a{font-size:.68rem}
}

/* Legacy standalone article also aligns with every modern landing page. */
body.be-standalone-article{max-width:var(--be-content-width);width:min(var(--be-content-width),calc(100% - 32px));margin-inline:auto;padding:20px 0 32px}
body.be-standalone-article :is(table,pre){display:block;max-width:100%;overflow-x:auto}
@media(max-width:650px){body.be-standalone-article{width:calc(100% - 24px);padding:15px 0 25px}}