/* Presentation only: retain CMS copy, product assets and the shared mobile template. */
.xf-hero .xf-hero-description{font-weight:600;line-height:1.75}
.xf-tech-image img[src*="reference-match"],.xf-product-visual img[src*="reference-match"]{filter:none;mix-blend-mode:normal}
.xf-product-visual{flex:none;min-height:0;height:240px;margin:24px 0}
.xf-product-visual:has(img[src*="reference-match"]){background:#fff;border-radius:6px;padding:12px}
.xf-product-visual img{width:100%;height:100%;max-height:100%;object-fit:contain}
.xf-product h4{margin-top:auto}
.xf-tech-image:has(img[src*="reference-match"]){background:#eef4ff}
.xf-tech-grid h3{line-height:1.5;margin-bottom:18px}
.xf-feature-media img{display:block;width:100%;height:auto;object-fit:contain}
.xf-page #yfei-quality h2{font-size:32px;line-height:1.5;margin-bottom:20px}
.xv-hero:before{background:url('/uploads/reference-audit-20261017/product-hero-top.png') center top/auto 100% no-repeat}

.xv-quality-hero{text-align:left;padding:22px 0 48px}
.xv-quality-hero>.xf-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto max-content max-content max-content minmax(48px,1fr);column-gap:54px;align-items:start}
.xv-quality-hero .xv-breadcrumb{grid-column:1/-1;margin-bottom:30px}
.xv-quality-hero h1{grid-column:1;font-size:44px;line-height:1.35;margin-bottom:12px}
.xv-quality-hero h2{grid-column:1;font-size:28px;line-height:1.5;margin-bottom:24px}
.xv-quality-hero p{grid-column:1;font-size:17px;line-height:1.85;margin:0 0 28px}
.xv-quality-hero .xf-actions{grid-column:1;justify-content:flex-start;align-content:start;gap:20px}
.xv-quality-showcase{grid-column:2;grid-row:2/6;align-self:center;justify-self:end;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:520px;width:100%;margin:0}
.xv-quality-showcase img{height:auto;aspect-ratio:23/15;object-fit:contain;border-radius:6px}
.xv-quality-showcase img:first-child{grid-column:1/-1;max-height:250px;aspect-ratio:auto}
.xv-highlight-grid article{padding-right:110px}
.xv-highlight-grid h3{font-size:23px;line-height:1.5}
.xv-highlight-grid article:after{opacity:.28;background-size:auto 82%}
.xv-feature-switch{grid-template-columns:24% minmax(0,1fr)}
.xv-feature-panel{min-height:470px;padding:30px 36px}
.xv-feature-panel .xv-list{min-height:72px}
.xv-feature-panel img{height:300px;margin-top:24px}
.xv-scene-grid img{aspect-ratio:23/15;object-fit:contain;background:#f4f5f7}
.xv-scene-grid h3{font-weight:600;line-height:1.5}
.xv-scene-grid p,.xv-scene-grid ul{line-height:1.85}
.xv-product-cta>.xf-wrap{border-radius:8px;gap:32px}

.xs-rich [style*="font-family"]{font-family:inherit!important}
.xs-rich h2,.xs-rich h3,.xs-rich h4{font-weight:600!important;line-height:1.5!important}
.xs-rich p,.xs-rich li{line-height:1.85!important}
.xf-single-page[data-channel="8"] .xs-rich-bands>div{background-color:#fff!important;border-bottom:1px solid #e5e9ef!important}
.xf-single-page[data-channel="8"] .xs-rich-bands>div:has(>h3):not(:has(>.xs-rich-grid)){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);column-gap:65px}
.xf-single-page[data-channel="8"] .xs-rich-bands>div:has(>h3):not(:has(>.xs-rich-grid))>h3{text-align:left;font-size:26px!important;margin:0!important}
.xf-single-page[data-channel="8"] .xs-rich-bands>div:has(>h3):not(:has(>.xs-rich-grid))>p{grid-column:2}
.xf-single-page[data-channel="8"] .xs-rich .xs-rich-item{padding:24px 0!important}
.xf-single-page[data-channel="8"] .xs-rich .xs-rich-item h4{font-size:23px!important;margin-bottom:16px!important}
.xs-rich .xs-table,.xv-spec-scroll{overscroll-behavior-inline:contain;scrollbar-color:#8baadd #edf2f7}
.xs-rich .xs-table:focus-visible{outline:2px solid #0061ff;outline-offset:4px}

.xs-list-page .xf-news-image img,.xc-card-image img{object-fit:contain;background:#f2f4f7}
.xs-list-page .xf-news-card h3,.xc-card h2{text-wrap:pretty}
.xs-list-page .xf-news-meta time{font-variant-numeric:tabular-nums}
.xc-card-body{padding:24px 28px 28px}
.xc-card h2{font-size:20px;line-height:1.6}
.xc-evidence{gap:48px}
.xi-example img{object-fit:contain;aspect-ratio:2;background:#f5f6f8}
.xi-related-card img{height:auto;aspect-ratio:2/1;object-fit:contain}
.xi-brochure>img{object-fit:contain;background:#f4f5f7}
.xf-contact-inner{border-radius:8px}
.xf-contact-identity button{background:#fff;padding:8px;aspect-ratio:1}
.xf-contact-identity button img{width:100%;height:100%;object-fit:contain}

@media(min-width:768px){
  .xf-wrap,.xi-wrap,.xs-store-detail .container{width:calc(100% - 128px)}
  .xf-contact-dock{right:6px;background:#051637b3;gap:2px;padding:6px 0}
  .xf-contact-dock>a,.xf-contact-dock>button{width:42px;height:44px}
  .xf-contact-dock i{font-size:24px}
  .xf-contact-launcher{right:6px;width:42px;height:42px;box-shadow:0 3px 12px #001e5526}
  .xf-contact-launcher i{font-size:25px}
  .xf-contact-dock .xf-back-top{width:38px;height:38px}
}
@media(min-width:1301px) and (max-width:1500px){
  .xf-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
  .xf-product-body{min-height:520px;padding:28px}
  .xf-product ul{font-size:16px}
  .xf-product>p{font-size:15px;min-height:48px}
}
@media(min-width:768px) and (max-width:1100px){
  .xv-quality-hero>.xf-wrap{column-gap:28px}
  .xv-quality-hero h1{font-size:36px}
  .xv-quality-hero h2{font-size:24px}
  .xv-quality-hero p{font-size:16px}
  .xv-quality-hero .xf-actions{gap:12px}
  .xv-quality-hero .xf-button{min-width:0;padding:10px 20px}
  .xv-quality-showcase{gap:10px}
  .xv-feature-switch{grid-template-columns:210px minmax(0,1fr)}
  .xv-feature-panel{padding:24px;min-height:470px}
  .xv-feature-panel img{height:250px}
  .xf-single-page[data-channel="8"] .xs-rich-bands>div{padding-left:64px!important;padding-right:64px!important}
}
@media(max-width:767px){
  .xf-page #yfei-quality h2{font-size:26px}
  .xf-product-visual{height:auto;aspect-ratio:3/2;margin:22px 0}
  .xf-product-visual img{max-height:240px}
  .xf-tech-grid p{min-height:0}
  .xv-quality-hero{text-align:left;padding:22px 0 35px}
  .xv-quality-hero>.xf-wrap{display:block}
  .xv-quality-hero h1{font-size:34px}
  .xv-quality-hero h2{font-size:24px}
  .xv-quality-hero p{font-size:16px;line-height:1.85;margin-bottom:24px}
  .xv-quality-hero .xf-actions{flex-direction:column;align-items:flex-start;gap:14px}
  .xv-quality-hero .xf-actions .xf-button{width:180px}
  .xv-quality-showcase{margin-top:30px;gap:12px;max-width:520px}
  .xv-quality-showcase img:first-child{max-height:none}
  .xv-highlight-grid article{padding:26px 68px 26px 24px;min-height:170px}
  .xv-highlight-grid h3{font-size:21px}
  .xv-highlight-grid p{font-size:16px;line-height:1.85}
  .xv-highlight-grid article:after{background-size:auto 55%;opacity:.22}
  .xv-feature-switch{grid-template-columns:minmax(0,1fr);gap:20px}
  .xv-feature-tabs{grid-template-columns:minmax(0,1fr);gap:8px}
  .xv-feature-tabs button,.xv-feature-tabs button:last-child{grid-column:auto;min-height:48px;font-size:16px;padding:12px 16px;text-align:left}
  .xv-feature-panel{padding:26px 20px;min-height:0}
  .xv-feature-panel .xv-list{min-height:0;font-size:15px}
  .xv-feature-panel img{height:auto;aspect-ratio:2.2;object-fit:contain;margin-top:24px}
  .xv-scene-grid,.xv-scene-three,.xv-scene-four{grid-template-columns:minmax(0,1fr);gap:30px}
  .xv-scene-grid h3{font-size:20px;margin:16px 0 10px}
  .xv-scene-grid p,.xv-scene-grid ul{font-size:16px;line-height:1.8}
  .xv-product-cta>.xf-wrap{padding:32px 24px}
  .xf-single-page[data-channel="8"] .xs-rich-bands>div:has(>h3):not(:has(>.xs-rich-grid)){display:block}
  .xf-single-page[data-channel="8"] .xs-rich-bands>div:has(>h3):not(:has(>.xs-rich-grid))>h3{font-size:25px!important;margin-bottom:24px!important}
  .xs-rich .xs-rich-item p{font-size:16px!important}
  .xc-card-body{padding:22px}
  .xc-evidence{gap:28px}
  .xs-list-page .xf-news-meta{padding:0 24px;margin-top:24px}
  .xs-list-page .xf-news-card h3{padding:0 24px}
  .xs-list-page .xf-news-card>.xf-text-link{margin-left:24px;margin-right:24px}
  .xf-contact-inner{padding:32px 22px}
}