/* Selected layout: full-width report, two equal supporting modules. */
#quality-analytics .qx-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#quality-analytics .qx-side{display:contents}
#quality-analytics .qx-report{grid-column:1/-1;min-width:0}
#quality-analytics .qx-quality,#quality-analytics .qx-attention{min-width:0;display:flex;flex-direction:column}
#quality-analytics .qx-quality>.qx-link,#quality-analytics .qx-attention-bottom{margin-top:auto}
@media(min-width:761px){
 #quality-analytics .qx-report{display:grid;grid-template-columns:minmax(0,calc(50% - 26px)) minmax(0,1fr);grid-template-rows:min-content min-content min-content 1fr min-content;column-gap:36px;padding:28px;align-content:start}
 #quality-analytics .qx-report>.qx-card-top,#quality-analytics .qx-report>h3,#quality-analytics .qx-report>.qx-report-lead,#quality-analytics .qx-report>.qx-report-insights,#quality-analytics .qx-report>.qx-report-bottom{grid-column:1}
 #quality-analytics .qx-report>.qx-report-insights{grid-row:4;align-self:center}
 #quality-analytics .qx-report>.qx-report-bottom{grid-row:5}
 #quality-analytics .qx-report>.qx-report-demo{grid-column:2;grid-row:1/6;align-self:start;justify-self:end;width:100%;max-width:620px;min-height:0;margin:0;flex:0 0 auto}
 #quality-analytics .qx-report-stage{aspect-ratio:1.9;min-height:0;contain:none;flex:0 0 auto}
 #quality-analytics .qx-interface-compare>img{object-fit:contain;background:#fff}
 #quality-analytics .qx-report-explanation{min-height:85px;padding:15px 12px 16px}
 #quality-analytics .qx-report-bottom{align-self:end;margin-top:0;padding-top:20px}
 #quality-analytics .qx-report h3{max-width:460px}
 #quality-analytics .qx-report-lead{max-width:470px}
 #quality-analytics .qx-quality,#quality-analytics .qx-attention{padding:26px}
 #quality-analytics .qx-side h3{min-height:0}
 #quality-analytics .qx-control-map{height:112px}
 #quality-analytics .qx-control-explanation{min-height:45px}
 #quality-analytics .qx-control-demo{margin-bottom:15px}
 #quality-analytics .qx-screen{height:108px}
 #quality-analytics .qx-contact-scene{gap:22px}
 #quality-analytics .qx-attention-demo{margin-bottom:15px}
 #quality-analytics .qx-card-copy{min-height:42px}
}
@media(min-width:761px) and (max-width:1050px){
 #quality-analytics .qx-composition{gap:16px}
 #quality-analytics .qx-report{column-gap:23px;padding:23px;grid-template-columns:minmax(0,calc(50% - 15px)) minmax(0,1fr)}
 #quality-analytics .qx-report-stage{aspect-ratio:1.75}
 #quality-analytics .qx-report-explanation{min-height:118px}
 #quality-analytics .qx-quality,#quality-analytics .qx-attention{padding:22px}
 #quality-analytics .qx-card-copy{min-height:63px}
 #quality-analytics .qx-contact-scene{gap:12px}
 #quality-analytics .qx-control-explanation{min-height:63px}
}
@media(max-width:760px){
 #quality-analytics .qx-composition{grid-template-columns:minmax(0,1fr);gap:16px}
 #quality-analytics .qx-report{display:flex;grid-column:1}
 #quality-analytics .qx-report>.qx-report-demo{margin:0 -3px}
 #quality-analytics .qx-report-stage{contain:none;min-height:0;flex:0 0 auto}
}

/* A concise decision path fills the report card's left column and follows its demo tabs. */
#quality-analytics .qx-report-insights{min-width:0;margin:15px 0 14px}
#quality-analytics .qx-insights-kicker{display:block;margin:0 0 9px;color:#878b98;font:700 10px/1.35 Raleway,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
#quality-analytics .qx-report-insights ol{list-style:none;display:grid;gap:3px;margin:0;padding:0}
#quality-analytics .qx-report-insight{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;min-width:0;padding:10px 12px 10px 10px;border-left:2px solid transparent;border-radius:0 9px 9px 0;transition:background-color .35s,border-color .35s}
#quality-analytics .qx-report-insight[aria-current="step"]{border-left-color:#ff450a;background:#fff5f0}
#quality-analytics .qx-report-insight-index{padding-top:1px;color:#a4a6b0;font:700 11px/1.4 Raleway,Arial,sans-serif;letter-spacing:.04em}
#quality-analytics .qx-report-insight[aria-current="step"] .qx-report-insight-index{color:#ff450a}
#quality-analytics .qx-report-insight strong{display:block;margin:0 0 3px;color:#272733;font:700 14px/1.3 Raleway,Arial,sans-serif}
#quality-analytics .qx-report-insight p{margin:0;color:#707482;font:400 12px/1.45 Raleway,Arial,sans-serif}
@media(min-width:761px) and (max-width:1050px){
 #quality-analytics .qx-report-insights{margin:9px 0}
 #quality-analytics .qx-report-insight{gap:7px;padding:7px 8px 7px 7px}
 #quality-analytics .qx-report-insight strong{font-size:12px}
 #quality-analytics .qx-report-insight p{font-size:11px;line-height:1.35}
}
@media(max-width:760px){
 #quality-analytics .qx-report-insights{margin:15px 0 8px}
 #quality-analytics .qx-report-insight{padding:8px 9px 8px 8px}
 #quality-analytics .qx-report-insight strong{font-size:13px}
 #quality-analytics .qx-report-insight p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#quality-analytics .qx-report-insight{transition:none}}

/* The third card uses the same numbered header as the first two. */
#quality-analytics .qx-attention .qx-card-top{padding-right:0}
#quality-analytics .qx-attention .qx-card-index{display:inline}
#quality-analytics .qx-attention-origin{margin:-3px 0 14px;color:#a8aab6;font:500 11px/1.45 Raleway,Arial,sans-serif}
@media(max-width:760px){#quality-analytics .qx-attention-origin{font-size:10px;margin-bottom:12px}}
