/* AWI engineering diagrams.
   The drawings use the AWI Analytics instrument colourway and stay dark on the
   light field-manual page. The contrast is deliberate: paper is the page's voice,
   the dark plate is the software's. */

/* Figures were rendering at the full ~1,264px column — roughly one laptop screen
   of height each. Capped so a drawing is an illustration in the page rather than a
   scroll event. Full detail stays available through the Inspect drawing control,
   which serves at 1,560px. */
.awi-fig{margin:46px 0 0;padding:0;max-width:780px;margin-inline:auto}

/* Three plates carry dense annotation and need a little more room inline:
   the data-flow boundary, the detector lanes, and the measurement table. */
#fig-04-boundary,#fig-06-detection-stack,#fig-15-measurement-selection{max-width:900px}
.awi-fig+.awi-fig{margin-top:58px}

.awi-fig-frame{
  position:relative;
  background:#141414;
  border:1px solid #374151;
  padding:16px;
}
.awi-fig-frame img{
  display:block;
  width:100%;
  height:auto;          /* width/height attrs reserve the box — no layout shift */
  background:#141414;
}

/* The Analytics crop is drawn at 380px and must never be stretched. */
.awi-fig--narrow{max-width:412px}
.awi-fig--narrow .awi-fig-frame{padding:12px}

/* Enlargement control. Visible always — on a phone a 1440-wide plate needs it most. */
.awi-fig-zoom{
  position:absolute;right:16px;bottom:16px;
  display:inline-flex;align-items:center;gap:7px;
  margin:0;padding:7px 12px;
  font:10px/1.6 'Geist Mono',ui-monospace,monospace;
  letter-spacing:.09em;text-transform:uppercase;
  color:#9ca3af;background:#1e2433;
  border:1px solid #374151;border-radius:6px;
  cursor:pointer;
}
.awi-fig-zoom:hover{color:#fff;border-color:#4b5563}
.awi-fig-zoom:focus-visible{outline:2px solid #2869ad;outline-offset:2px}
.awi-fig-zoom svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5}

.awi-fig figcaption{
  display:flex;flex-direction:column;gap:7px;
  margin-top:14px;
}
.awi-fig-label{
  font:12px/1.6 'Geist Mono',ui-monospace,monospace;
  letter-spacing:.09em;text-transform:uppercase;
  color:var(--accent);
}
.awi-fig-cap{
  max-width:64ch;
  font-size:15px;
  line-height:1.75;          /* a long measure needs more leading to track back */
  color:var(--muted);
}

/* Two diagrams side by side where the prose column allows it. */
.awi-fig-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.awi-fig-pair .awi-fig{margin-top:0}

/* Enlargement dialog. Mirrors the existing .product-image-dialog treatment. */
.awi-diagram-dialog{
  max-width:min(96vw,1760px);max-height:95vh;
  overflow:auto;padding:0;
  border:1px solid #374151;background:#141414;
  overscroll-behavior:contain;
}
.awi-diagram-dialog::backdrop{background:rgba(24,59,69,.86)}
.awi-diagram-dialog img{display:block;width:1560px;max-width:100%;height:auto}
.awi-diagram-close{
  position:sticky;top:0;left:100%;
  display:block;margin:0;padding:11px;
  color:#9ca3af;background:#1e2433;
  border:0;border-left:1px solid #374151;border-bottom:1px solid #374151;
  cursor:pointer;
}
.awi-diagram-close:hover{color:#fff}
.awi-diagram-close:focus-visible{outline:2px solid #2869ad;outline-offset:-2px}
.awi-diagram-close svg{display:block;width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}

@media (max-width:860px){
  .awi-fig{margin-top:34px}
  .awi-fig+.awi-fig{margin-top:42px}
  .awi-fig-frame{padding:10px}
  .awi-fig-pair{grid-template-columns:1fr;gap:34px}
  .awi-fig--narrow{max-width:none}
  .awi-fig-zoom{right:10px;bottom:10px}
}

@media (prefers-reduced-motion:reduce){
  .awi-fig-zoom,.awi-diagram-close{transition:none}
}

@media print{
  .awi-fig-zoom{display:none}
  .awi-fig-frame{border-color:#999}
}

/* ── Measurement-range section (Labs) ─────────────────────────────────────── */
/* The first two groups carry AWI's engineering positioning; the second two are
   deliberately quieter so the page does not read as a sensor catalogue. */

.awi-measure-types{
  margin-top:11px;
  font:11px/1.85 'Geist Mono',ui-monospace,monospace;
  letter-spacing:.02em;
  color:var(--muted);
}
.awi-measure-wider{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.awi-measure-wider .product-item-title{font-size:15px}
.awi-measure-wider p{font-size:13px}
.awi-measure-wider .awi-measure-types{font-size:10px}

@media (max-width:860px){
  .awi-measure-types{font-size:10px}
}