/* =====================================================================
   MESA QUANTUM — DESIGN SYSTEM (NEXT) · CAPABILITY GRAPHICS
   Nine original line pictograms, one per subject. See README.md for the
   drawing-language spec, the depiction sentence for each, and the
   motion-manifest.json fragment you must paste in before enabling motion.

   These are NOT motifs. A motif is decorative and carries aria-hidden.
   These depict a named subject, so they carry a real accessible label
   and they are content (design-guidelines §4 "Iconography").

   INLINE THEM. Do not reference an .svg from `src` or from CSS
   `background-image`. An SVG loaded as a separate document resolves
   `currentColor` against its own root, not the host page — that is the
   defect motifs.css already had to fix for contour.svg, and every file
   here paints with currentColor exclusively.
   ===================================================================== */

.g {
  /* opacity tiers: hierarchy is carried by these, never by stroke weight */
  --g-field: 0.26;      /* the ground being measured: graticule, contours, hatch */
  --g-context: 0.55;    /* the apparatus: satellites, cells, mirrors, rails */
  --g-subject: 1;       /* the thing the adjacent copy claims: the measurement */

  display: block;
  width: 100%;
  height: auto;
  color: inherit;           /* every mark is currentColor */
  overflow: hidden;   /* an SVG must never paint outside its own viewBox onto a neighbour */
}

.g .g-field   { opacity: var(--g-field); }
.g .g-context { opacity: var(--g-context); }
.g .g-subject { opacity: var(--g-subject); }

/* Light ground vs dark ground.
   A dark mark on white reads heavier than a white mark on near-black at
   the same alpha, so the tiers are lifted on dark rather than the colour
   being changed. Apply on the SVG or on any ancestor. */
.g--on-dark, .g--on-dark .g { --g-field: 0.34; --g-context: 0.66; }

/* Optional: tint the measurement itself with the theme accent. Sets
   `color`, so both currentColor strokes and currentColor fills follow. */
.g--accent .g-subject { color: var(--ds-accent, currentColor); }

/* Sizing helper. The family is 3:2; give it a column, not a full bleed. */
.g--inline { max-width: 34rem; }

/* =====================================================================
   MOTION — REMOVED IN THIS VENDORED COPY.

   Upstream, three of the nine graphics can animate once `.g--live` is
   added: mag-isr (the traverse), time-synchronization (pulling into step)
   and vision-automated-test (step and repeat). Six keyframes blocks
   carry them.

   This site enables none of them, and the blocks are deleted rather than
   left in place, because the audit’s motion detector reads keyframes blocks out
   of the stylesheet text rather than out of what the page applies. Six
   keyframes blocks nothing references would each need a declaration in
   motion-manifest.json, and declaring an animation that never runs is a
   false statement in a file whose whole purpose is true ones.

   This build ships exactly one animation — the homepage hero cross-fade
   — and it is declared. Every graphic below is therefore at rest, which
   is the state the drawings were designed to be read in anyway: the
   at-rest frame IS the finished frame.

   Upstream source of truth: mq-website-astro/design-system-next/graphics/
   graphics.css. Restore the block from there together with its
   motion-manifest.json fragment (graphics/README.md §5) if a page ever
   enables one.
   ===================================================================== */

/* No reduced-motion block is needed here any more: with the motion removed,
   every graphic on this site is already at its finished frame for every
   visitor. The site-wide guard still lives in ../tokens/core.css, and the
   one animation this build does ship — the homepage hero cross-fade — is
   guarded and declared in site.css and motion-manifest.json.  */