/* Inter 4.1, self-hosted; SIL Open Font License in assets/fonts/inter/OFL.txt. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter/InterVariable.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter/InterVariable-Italic.woff2') format('woff2')}
:root,body,body[data-structure-review]{
 --site-sans-font:Inter,"Segoe UI",Arial,sans-serif!important;
 --font-sans:var(--site-sans-font)!important;
 --default-font-family:var(--site-sans-font)!important;
 --font-display:var(--site-sans-font)!important;
 --font-geist-sans:var(--site-sans-font)!important;
 --reading-font:var(--site-sans-font)!important;
 --article-body-font:var(--site-sans-font)!important;
}
main.article-calibri{--article-body-font:var(--site-sans-font)!important}
main svg text{font-family:var(--site-sans-font)!important}
.site-header :is(.header-cta,.language-switcher,.language-switcher *){font-family:var(--site-sans-font)!important}
html:lang(vi) body[data-structure-review] main :is(h1,h2,h3){font-family:var(--site-sans-font)!important}
/* Serif display headings and Poppins primary navigation retain their existing faces. */
/* Preserve content and carousel; tighten typography and prevent desktop navigation from disappearing. */
body[data-structure-review] main :is(p,li):not(:where(.hero-carousel *,.eyebrow,.breadcrumb,.knowledge-kicker,.news-list-meta)){line-height:1.5!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body) :is(p,li){line-height:1.6!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body) p{margin-block:0 12px!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body) h2{margin-block:24px 12px!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body) h3{margin-block:20px 8px!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body)>section{padding-block:12px!important;margin-block:0 20px!important}
body[data-structure-review] main .translation-body section section{padding-block:4px 8px!important}
body[data-structure-review] main :is(.knowledge-body,.intl-article-body,.translation-body) section>:is(h2,h3):first-child{margin-top:0!important}
body[data-structure-review] main :is(th,td){line-height:1.45!important}
body[data-structure-review] main .about-copy-inner .hero-intro-list li{line-height:1.5!important}
body[data-structure-review] main .systems-list{margin-bottom:22px!important}
body[data-structure-review] main .systems-list li{padding-block:10px!important;gap:14px!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;min-height:0!important}
body[data-structure-review] main .systems-list li>span{width:30px!important;height:30px!important;font-size:12px!important}
body[data-structure-review] main .systems-list li strong{font-size:16px!important;line-height:1.3!important;margin:0!important}
body[data-structure-review] main .systems-list li p{font-size:17px!important;line-height:1.4!important;margin:3px 0 0!important}
/* Numbered cards use the same compact heading-to-description rhythm. */
body[data-structure-review] main :is(.product-info-grid,.scope-grid,.unit-card-grid,.thermal-flow,.intl-factor-grid)>article{padding:20px!important;min-height:0!important}
body[data-structure-review] main :is(.product-info-grid,.scope-grid,.unit-card-grid,.thermal-flow,.intl-factor-grid) h3{margin:8px 0 6px!important}
body[data-structure-review] main .solution-stage-grid li{min-height:0!important;padding:16px!important}
body[data-structure-review] main .solution-stage-grid h3{margin:8px 0 6px!important}
body[data-structure-review] .hero-copy-inner .hero-actions .button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
body[data-structure-review] .hero-copy-inner .hero-actions .button span{flex:0 0 auto!important;margin-inline-start:0!important}

@media(min-width:901px){
 body[data-structure-review] .hero .hero-copy-inner{padding-block:10px!important;overflow:visible!important;justify-content:space-between!important;gap:0!important}
 body[data-structure-review] .hero .hero-lead-line{font-size:18px!important;line-height:1.2!important}
 body[data-structure-review] .hero .hero-product-line{font-size:clamp(28px,2.3vw,34px)!important;line-height:1.1!important;margin-top:6px!important}
 body[data-structure-review] .hero-copy-inner :is(.hero-company-introduction,.hero-intro-lead,.hero-company-values){font-size:17px!important;line-height:1.35!important}
 body[data-structure-review] .hero-copy-inner .hero-company-introduction{margin:0 0 6px!important}
 body[data-structure-review] .hero-copy-inner .hero-lede{margin-top:4px!important}
 body[data-structure-review] .hero-copy-inner :is(.hero-intro-lead,.hero-company-values){margin-top:6px!important}
 body[data-structure-review] .hero-copy-inner .hero-slogan{margin-top:4px!important;padding-block:2px!important}
 body[data-structure-review] .hero-copy-inner .hero-actions{margin-top:6px!important}
 /* Longer translations determine the row height; the photograph follows that same row. */
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero{grid-template-columns:minmax(0,48%) minmax(0,52%)!important;height:auto!important;min-height:520px!important;align-items:stretch!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero .hero-copy{height:auto!important;align-items:stretch!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero .hero-copy-inner{height:auto!important;max-height:none!important;align-self:stretch!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero h1{font-size:28px!important;line-height:1.15!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero .hero-intro-list li{font-size:16px!important;line-height:1.35!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero .hero-carousel{position:relative!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important}
 html:is(:lang(fr),:lang(ru),:lang(es),:lang(id)) body[data-structure-review] .hero .hero-carousel-stage{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important}
}
/* Laptop header: logo, menu and actions share one vertically centered row. */
@media(min-width:901px){
 .site-header .header-inner{display:grid!important;grid-template-columns:clamp(108px,11.5vw,158px) minmax(0,1fr) clamp(96px,8.4vw,130px) clamp(66px,5.8vw,84px)!important;grid-template-rows:1fr!important;gap:clamp(8px,.8vw,14px)!important;height:76px!important;min-height:76px!important;padding:6px clamp(14px,1.8vw,32px)!important;align-items:center!important}
 .site-header .brand-link{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important;transform:none!important}
 .site-header .brand-link img{width:100%!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
 .site-header .desktop-nav{display:flex!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:0!important;justify-content:space-between!important;gap:clamp(7px,.7vw,12px)!important;align-items:center!important;margin:0!important;padding:0!important}
 .site-header .desktop-nav a{flex:0 1 auto!important;width:auto!important;min-width:min-content!important;max-width:none!important;height:52px!important;min-height:0!important;white-space:normal!important;text-align:center!important;font-size:clamp(12.5px,1.04vw,13px)!important;line-height:1.25!important;padding:6px 0!important;display:flex!important;align-items:center!important;justify-content:center!important}
 .site-header .desktop-nav a:after{bottom:2px!important;left:12%!important;right:12%!important}
 .site-header .desktop-nav a[aria-current="page"]:before{inset:8px -3px!important}
 .site-header .header-cta{grid-column:3!important;grid-row:1!important;display:inline-flex!important;width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;padding:6px 8px!important;margin:0!important;font-size:12px!important;line-height:1.2!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important}
 .site-header .language-switcher{grid-column:4!important;grid-row:1!important;width:100%!important;margin:0!important;align-self:center!important}
 .site-header .language-switcher>summary{width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;padding-inline:6px!important;gap:5px!important}
 .site-header .language-switcher-current{font-size:13px!important}
 .site-header .mobile-menu{display:none!important}
 body[data-structure-review] main .product-anchor-nav{top:77px!important}
 body[data-structure-review] main:has(>.product-anchor-nav) section[id]{scroll-margin-top:171px}
}