/* A photographic equipment viewer paired with a numbered test index. */
.quality-section .quality-heading-v34{margin-bottom:36px}
.quality-section .quality-heading-v34 .section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.quality-heading-note{justify-self:end;margin:0;color:#68716b;font-size:14px;font-weight:400;line-height:1.6;text-align:right}
.quality-heading-note span{display:block}
.quality-media{display:grid;grid-template-rows:minmax(0,1fr);min-width:0;align-self:stretch}
.quality-section .quality-workbench .quality-media .quality-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-self:start;min-height:0;height:auto;max-height:none;aspect-ratio:auto;border-radius:0;overflow:visible;isolation:isolate;background:none}
.quality-section .quality-workbench .quality-media .quality-stage img{position:relative;inset:auto;grid-area:1/1;align-self:start;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transform:none}
.quality-section .quality-workbench .quality-media .quality-stage:hover img{transform:none}
.quality-section .quality-media .quality-stage::after{content:none}
.quality-image-index{position:relative;z-index:2;grid-area:2/1;align-self:start;justify-self:end;top:auto;left:auto;display:flex;align-items:baseline;gap:4px;margin:22px 0 0;padding:0;background:none;border-radius:0;color:#7c8288;font-size:13px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}
.quality-image-index>span[aria-hidden]{font-size:13px;color:inherit}
.quality-image-overlay{position:relative;z-index:auto;grid-area:2/1;left:auto;right:auto;bottom:auto;display:grid;gap:9px;padding:20px 0 0;border-top:1px solid #dfe3e6}
.quality-section #quality-image-caption{margin:0;padding-right:70px;color:#20252a;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.025em}
.quality-section .quality-media-summary{margin:0;max-width:54ch;color:#61666c;font-size:15px;font-weight:400;line-height:1.6}
.quality-section .quality-report-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;width:fit-content;min-height:44px;margin-top:3px;padding:4px 0;border:0;background:none;color:#20252a;font-size:14px;font-weight:400;line-height:1.4;text-decoration:none}
.quality-section .quality-report-link svg{box-sizing:border-box;flex:none;width:18px;height:18px;padding:0;border:0;border-radius:0;fill:none;stroke:currentColor;stroke-width:1.5;transition:color .18s}
.quality-section .quality-report-link:hover{color:#20252a;text-decoration:underline;text-underline-offset:4px}
.quality-section .quality-report-link:hover svg{background:none;color:inherit}
.quality-section .quality-report-link:focus-visible{outline:2px solid #20252a;outline-offset:4px}
.quality-section .quality-workbench .quality-steps{counter-reset:quality-test}
.quality-section .quality-workbench .quality-steps>div{counter-increment:quality-test;border-color:#dce3e6}
.quality-section .quality-workbench .quality-steps button{display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:18px;padding:20px 0;text-align:left}
.quality-section .quality-workbench .quality-steps button::before{content:'0' counter(quality-test);position:static;color:#929da3;font-size:14px;font-weight:400;line-height:1.4;font-variant-numeric:tabular-nums}
.quality-section .quality-workbench .quality-steps button::after{content:none}
.quality-test-name{display:flex;flex-direction:column;gap:6px;font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.025em}
.quality-test-name small{color:#859197;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}
.quality-section .quality-workbench .quality-steps button[aria-expanded=true]{color:#0047ab;--quality-control:#fff}
.quality-section .quality-workbench .quality-steps button[aria-expanded=true]::before{color:#0047ab}
.quality-section .quality-workbench .quality-steps button span{position:relative;display:block;box-sizing:border-box;width:32px;height:32px;margin:0;border:1px solid #d3dde3;border-radius:50%;background:transparent;color:transparent}
.quality-section .quality-workbench .quality-steps button[aria-expanded=true] span{border-color:#0047ab;background:#0047ab;color:transparent}
.quality-section .quality-workbench .quality-steps button span::before,.quality-section .quality-workbench .quality-steps button span::after{right:9px}
.quality-section .quality-workbench .quality-steps p{margin:0 0 22px 52px;padding:0 24px 0 0;color:#68716b;font-size:16px;line-height:1.6}
@media(max-width:1100px){
 .quality-heading-note{font-size:13px}
 .quality-section .quality-workbench .quality-steps button{grid-template-columns:28px minmax(0,1fr) 32px;gap:14px}
 .quality-section .quality-workbench .quality-steps p{margin-left:42px;padding-right:0}
 .quality-image-overlay{left:auto;right:auto}
}
@media(max-width:800px){
 .quality-section .quality-heading-v34 .section-heading{grid-template-columns:minmax(0,1fr);gap:16px}
 .quality-heading-note{justify-self:start;text-align:left}
 .quality-section .quality-heading-v34{margin-bottom:26px}
 .quality-section .quality-workbench .quality-steps button{padding:18px 0}
}
@media(max-width:600px){
 .quality-section .quality-heading-v34 .section-heading{grid-template-columns:minmax(0,1fr)}
 .quality-section .quality-workbench .quality-media .quality-stage img{aspect-ratio:4/3}
 .quality-image-index{top:auto;left:auto;font-size:13px}
 .quality-image-overlay{left:auto;right:auto;bottom:auto;gap:9px}
 .quality-section #quality-image-caption{font-size:23px}
 .quality-section .quality-media-summary{font-size:14px;line-height:1.55}
 .quality-section .quality-report-link{font-size:13px;gap:16px;margin-top:6px}
 .quality-test-name{font-size:20px}
 .quality-section .quality-workbench .quality-steps p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.quality-section .quality-report-link svg{transition:none}}