/* Presentation only. No altered photographs, navigation delays or hidden content. */
.products.section, main .page-lead {
  background-image:linear-gradient(#3266b207 1px,transparent 1px),linear-gradient(90deg,#3266b207 1px,transparent 1px);
  background-size:40px 40px;
}
.qst-light-card { position:relative; }
.qst-light-card::after {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(300px circle at var(--qst-light-x,50%) var(--qst-light-y,50%),#729cd519,transparent 75%);
  box-shadow:inset 0 0 0 1px #3266b250; opacity:0; z-index:3;
  transition:opacity 180ms ease-out;
}
/* Do not change the card background: home photograph blending depends on it. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  .qst-light-card.qst-light-active::after { opacity:1; }
}
.qst-light-card:focus-within { outline:1px solid #3266b270; outline-offset:2px; }
header nav > a, .text-link, .breadcrumbs a, .science-nav a, .contact-details a, .product a:not(.home-product-image-link) {
  position:relative;
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat; background-position:0 100%; background-size:0 1px;
  transition:background-size 180ms ease-out,color 180ms ease-out,scale 160ms ease-out;
}
:is(header nav > a,.text-link,.breadcrumbs a,.science-nav a,.contact-details a,.product a:not(.home-product-image-link)):is(:hover,:focus-visible) { background-size:100% 1px; }
.qst-link-arrow { display:inline-block; transition:translate 180ms ease-out; }
:is(a,button):is(:hover,:focus-visible) > .qst-link-arrow { translate:3px 0; }
[dir="rtl"] :is(a,button):is(:hover,:focus-visible) > .qst-link-arrow { translate:-3px 0; }
.button { transition:box-shadow 180ms ease-out,background-color 180ms ease-out,color 180ms ease-out,scale 160ms ease-out; }
.button:is(:hover,:focus-visible):not(:disabled) { box-shadow:inset 0 0 0 1px #3266b280; }

/* The dots are anchored to the painted photograph, including object-fit letterboxes. */
.instrument-hero figure.qst-instrument-diagram { min-width:0; }
.qst-diagram-canvas { position:relative; line-height:0; }
.qst-diagram-canvas > img { display:block; }
.qst-instrument-point {
  position:absolute; width:44px; height:44px; padding:0; margin:0; border:0;
  background:transparent; transform:translate(-50%,-50%); z-index:2;
  color:#28518e; border-radius:50%; touch-action:manipulation;
}
.qst-instrument-point::before {
  content:""; position:absolute; inset:10px; border:2px solid #fff; border-radius:50%;
  background:#3266b2; box-shadow:0 0 0 1px #28518e50,0 0 0 5px #3266b21c;
  transition:box-shadow 160ms ease,background-color 160ms ease;
}
.qst-instrument-point::after {
  content:"+"; position:absolute; inset:0; display:grid; place-items:center;
  color:#fff; font:500 17px/1 Arial,sans-serif;
}
.qst-instrument-point[aria-expanded="true"]::after { content:"−"; }
.qst-instrument-point:is(:hover,:focus-visible,[aria-expanded="true"])::before {
  background:#244d87; box-shadow:0 0 0 1px #28518e70,0 0 0 7px #3266b225;
}
.qst-instrument-point:focus-visible { outline:2px solid #28518e; outline-offset:1px; }
.qst-diagram-caption { margin-top:12px; min-height:116px; text-align:start; line-height:1.5; }
.qst-diagram-hint { margin:0 0 10px; color:#476177; font-size:12px; }
.qst-diagram-panel { position:relative; padding:12px 42px 12px 14px; border-inline-start:2px solid #3266b2; background:#edf1f6; }
[dir="rtl"] .qst-diagram-panel { padding:12px 14px 12px 42px; }
.qst-diagram-panel[hidden] { display:none; }
.qst-diagram-panel strong { display:block; color:#233c54; font-size:14px; }
.qst-diagram-panel p { margin:4px 0 0; font-size:13px; line-height:1.5; color:#3c5669; }
.qst-diagram-close { position:absolute; inset-inline-end:2px; top:2px; width:36px; height:36px; padding:0; background:transparent; border:0; color:#28518e; font:24px/1 Arial,sans-serif; border-radius:3px; }
.qst-diagram-close:focus-visible { outline:2px solid #28518e; }
@media (max-width:760px) {
  .qst-diagram-caption { min-height:126px; }
}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active) {
  .products.section, main .page-lead { background-image:none; }
  .qst-light-card::after { display:none; }
  .qst-link-arrow { transition:none; translate:none!important; }
  :is(header nav > a,.text-link,.breadcrumbs a,.science-nav a,.contact-details a,.button,.product a:not(.home-product-image-link)) { transition:none; }
  .qst-instrument-point::before { transition:none; }
}
@media (forced-colors:active) {
  .qst-instrument-point::before { background:ButtonFace; border-color:ButtonText; }
  .qst-instrument-point::after { color:ButtonText; }
  .qst-diagram-panel { border:1px solid CanvasText; }
}
@media print {
  .qst-instrument-point,.qst-diagram-caption,.qst-light-card::after { display:none!important; }
  .products.section, main .page-lead { background-image:none; }
}