.vision-art {
  --vision-gold: #ffcc66;
  --vision-ink: #e6e1cf;
  --vision-muted: #a8adae;
  --vision-border: rgba(214, 219, 210, .14);
  --vision-defect: #ee9c86;
  color: var(--vision-ink);
  line-height: 1.5;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 16px;
  background: linear-gradient(145deg, rgba(47, 56, 65, .88), rgba(25, 32, 41, .94));
  border: 1px solid var(--vision-border);
  border-radius: 20px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .035);
}
.vision-art *, .vision-art *::before, .vision-art *::after { box-sizing: border-box; }
.vision-art .vision-art__heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 16px; margin-bottom: 10px; }
.vision-art .vision-art__title { font-size: 15px; font-weight: 600; letter-spacing: .06em; }
.vision-art .vision-art__example { font-size: 12px; letter-spacing: .06em; color: var(--vision-muted); }
.vision-art .vision-art__input { display: flex; align-items: center; min-height: 44px; gap: 13px; margin-bottom: 10px; }
.vision-art .vision-art__source-icon { display: grid; place-items: center; width: 54px; height: 44px; flex: 0 0 54px; background: rgba(255, 204, 102, .045); border: 1px solid rgba(255, 204, 102, .23); border-radius: 9px; }
.vision-art .vision-art__source-icon svg { width: 43px; height: 36px; fill: none; stroke: var(--vision-gold); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.vision-art .vision-art__folder-icon { display: none; }
.vision-art .vision-art__input-copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.vision-art .vision-art__input-copy strong { font-size: 13px; font-weight: 500; color: var(--vision-ink); }
.vision-art .vision-art__input-copy span { font-size: 12px; line-height: 1.45; color: var(--vision-muted); }
.vision-art .vision-art__input-wire { position: relative; height: 1px; width: 80px; min-width: 22px; flex: 1 1 32px; max-width: 80px; margin-left: auto; background: rgba(255, 204, 102, .24); overflow: hidden; }
.vision-art .vision-art__input-wire i { position: absolute; left: 0; top: -1px; width: 12px; height: 3px; background: var(--vision-gold); box-shadow: 0 0 8px rgba(255, 204, 102, .5); }
.vision-art .vision-art__input-destination { color: var(--vision-muted); font-size: 12px; white-space: nowrap; }
.vision-art .vision-art__viewer { position: relative; border: 1px solid var(--vision-border); border-radius: 12px; background: radial-gradient(ellipse at 50% 45%, rgba(72, 91, 97, .28), transparent 68%), #1b2630; overflow: hidden; }
.vision-art .vision-art__viewer-meta { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 11px 14px 0; font-size: 12px; color: var(--vision-muted); }
.vision-art .vision-art__viewer-meta > span:first-child { display: flex; align-items: center; gap: 7px; min-width: 0; }
.vision-art .vision-art__viewer-meta i { width: 5px; height: 5px; border-radius: 50%; flex: 0 0 5px; background: var(--vision-gold); box-shadow: 0 0 9px rgba(255, 204, 102, .23); }
.vision-art .vision-art__viewer-meta > span:last-child { font-size: 9px; letter-spacing: .1em; white-space: nowrap; }
.vision-art .vision-art__viewer-meta b { font-weight: 400; color: var(--vision-ink); }
.vision-art .vision-art__image { display: block; width: 100%; height: 260px; object-fit: contain; margin: 1px 0 -5px; overflow: visible; }
.vision-art .vision-art__frame-corners { fill: none; stroke: #c0ccc8; stroke-opacity: .25; stroke-width: 1.5; }
.vision-art .vision-art__frame-ticks { fill: none; stroke: #c0ccc8; stroke-opacity: .2; }
.vision-art .vision-art__geometry { fill: none; stroke: var(--vision-gold); stroke-width: 1.3; }
.vision-art .vision-art__svg-label { font-size: 18px; font-family: inherit; font-weight: 400; fill: var(--vision-gold); stroke: none; letter-spacing: .04em; }
.vision-art .vision-art__svg-defect { fill: var(--vision-defect); }
.vision-art .vision-art__capture-corners { fill: none; stroke: var(--vision-gold); stroke-width: 2; }
.vision-art .vision-art__ng-label { fill: var(--vision-defect); font-size: 26px; font-family: inherit; font-weight: 600; letter-spacing: .08em; }
.vision-art[data-vision-scenario="guidance"] [data-v-final-stamp] rect { fill: #273b35; stroke: #9ab6a6; }
.vision-art[data-vision-scenario="guidance"] [data-v-final-stamp] path { stroke: #9ab6a6; }
.vision-art[data-vision-scenario="guidance"] .vision-art__ng-label { fill: #9ab6a6; }
.vision-art .vision-art__image-foot { display: flex; justify-content: space-between; gap: 12px; padding: 0 14px 10px; color: #97a4a6; font-size: 12px; line-height: 1.4; }
.vision-art .vision-art__image-foot > span:last-child { letter-spacing: .05em; white-space: nowrap; }
.vision-art .vision-art__stage { display: none; }
.vision-art .vision-art__stage-num { color: var(--vision-gold); font-size: 25px; font-weight: 300; line-height: 1.2; font-variant-numeric: tabular-nums; }
.vision-art .vision-art__stage > div { min-width: 0; }
.vision-art .vision-art__stage strong { display: block; font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: .03em; }
.vision-art .vision-art__stage p { margin: 7px 0 0; font-size: 12px; line-height: 1.7; color: var(--vision-muted); max-width: 45em; }
.vision-art .vision-art__stage-count { margin-left: auto; font-size: 11px; color: #899699; padding-top: 6px; white-space: nowrap; }
.vision-art .vision-art__graph { border-top: 1px solid var(--vision-border); margin-top: 10px; padding-top: 10px; }
.vision-art .vision-art__graph-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.vision-art .vision-art__graph-heading strong { font-size: 12px; font-weight: 500; }
.vision-art .vision-art__graph-heading > span { font-size: 12px; color: var(--vision-muted); }
.vision-art .vision-art__nodes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.vision-art .vision-art__node { position: relative; display: flex; flex-direction: column; justify-content: flex-start; min-height: 73px; border: 1px solid var(--vision-border); border-radius: 7px; padding: 7px 8px; background: rgba(10, 19, 26, .15); }
.vision-art .vision-art__node-code { display: flex; justify-content: space-between; align-items: center; font-size: 9px; letter-spacing: .1em; line-height: 1; color: #869297; font-variant-numeric: tabular-nums; }
.vision-art .vision-art__node-code i { width: 4px; height: 4px; background: #728087; border-radius: 50%; }
.vision-art .vision-art__node strong { font-weight: 400; font-size: 12px; line-height: 1.5; margin: 6px 0 3px; }
.vision-art .vision-art__node small { color: #849399; font-size: 7px; letter-spacing: .06em; line-height: 1.5; }
.vision-art .vision-art__connector { position: absolute; width: 14px; height: 1px; right: -14px; top: 38px; background: rgba(170, 183, 182, .2); }
.vision-art .vision-art__connector i { position: absolute; top: -1px; left: calc(var(--node-pass, 0) * 65%); width: 5px; height: 3px; opacity: var(--node-pass, 0); background: var(--vision-gold); }
.vision-art .vision-art__node:last-child .vision-art__connector { display: none; }
.vision-art .vision-art__node[data-status="active"] { background: rgba(255, 204, 102, .065); border-color: rgba(255, 204, 102, .6); }
.vision-art .vision-art__node[data-status="active"] strong { color: var(--vision-gold); }
.vision-art .vision-art__node[data-status="active"] .vision-art__node-code i, .vision-art .vision-art__node[data-status="done"] .vision-art__node-code i { background: var(--vision-gold); }
.vision-art .vision-art__node[data-status="done"] { border-color: rgba(255, 204, 102, .26); }
.vision-art .vision-art__branches { display: flex; justify-content: flex-end; gap: 18px; padding: 7px 0 0; font-size: 12px; color: var(--vision-muted); }
.vision-art .vision-art__branches span { display: flex; align-items: center; gap: 6px; }
.vision-art .vision-art__branches span::before { content: ''; width: 5px; height: 5px; background: var(--vision-gold); opacity: .8; }
.vision-art .vision-art__branches span:last-child::before { background: var(--vision-defect); }
.vision-art .vision-art__feedback { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 10px; margin-top: 10px; }
.vision-art .vision-art__feedback-card { position: relative; padding: 9px 11px; border: 1px solid var(--vision-border); border-radius: 7px; background: rgba(22, 30, 39, .4); min-width: 0; }
.vision-art .vision-art__feedback-label { display: flex; align-items: center; gap: 6px; color: var(--vision-muted); font-size: 12px; }
.vision-art .vision-art__feedback-label i { width: 12px; height: 12px; display: inline-block; position: relative; flex: 0 0 12px; opacity: .7; }
.vision-art .vision-art__location-glyph { border: 1px solid currentColor; border-radius: 50%; }
.vision-art .vision-art__location-glyph::before { content: ''; position: absolute; top: 4px; left: -3px; width: 16px; height: 1px; background: currentColor; }
.vision-art .vision-art__location-glyph::after { content: ''; position: absolute; left: 4px; top: -3px; width: 1px; height: 16px; background: currentColor; }
.vision-art .vision-art__result-glyph { border: 1px solid currentColor; border-radius: 3px; }
.vision-art .vision-art__result-glyph::after { content: ''; position: absolute; top: 4px; left: 2px; width: 6px; height: 1px; background: currentColor; transform: rotate(-45deg); }
.vision-art .vision-art__output-glyph { border: 1px solid currentColor; }
.vision-art .vision-art__output-glyph::after { content: ''; position: absolute; top: 3px; left: 3px; width: 4px; height: 4px; border: 1px solid currentColor; }
.vision-art .vision-art__feedback-card > strong { display: block; margin: 9px 0 5px; font-size: 12px; font-weight: 500; line-height: 1.6; min-height: 20px; font-variant-numeric: tabular-nums; }
.vision-art .vision-art__feedback-card > small { display: block; font-size: 12px; color: #88979d; line-height: 1.5; }
.vision-art .vision-art__feedback-card[data-active="true"] { border-color: rgba(255, 204, 102, .33); }
.vision-art .vision-art__feedback-card[data-active="true"] > strong { color: var(--vision-gold); }
.vision-art .vision-art__feedback-card[data-defect="true"] { border-color: rgba(238, 156, 134, .38); background: rgba(116, 64, 58, .09); }
.vision-art .vision-art__feedback-card[data-defect="true"] > strong { color: var(--vision-defect); }
.vision-art .vision-art__output-wire { position: absolute; bottom: 0; height: 1px; left: 8px; right: 8px; background: rgba(255, 204, 102, .16); }
.vision-art .vision-art__output-wire i { position: absolute; width: 7px; height: 3px; top: -1px; border-radius: 1px; background: var(--vision-gold); box-shadow: 0 0 8px rgba(255, 204, 102, .35); }
.vision-art .vision-art__disclaimer { margin: 8px 0 0; font-size: 12px; color: #8c989c; line-height: 1.6; }
@media (max-width: 760px) {
  .vision-art { padding: 18px; border-radius: 15px; }
  .vision-art .vision-art__heading { margin-bottom: 12px; gap: 8px 12px; }
  .vision-art .vision-art__title { font-size: 14px; }
  .vision-art .vision-art__example { font-size: 12px; line-height: 1.6; }
  .vision-art .vision-art__input { gap: 10px; margin-bottom: 12px; }
  .vision-art .vision-art__input-destination { display: none; }
  .vision-art .vision-art__input-wire { max-width: 45px; flex-basis: 22px; }
  .vision-art .vision-art__input-copy strong { font-size: 13px; }
  .vision-art .vision-art__input-copy span { font-size: 12px; }
  .vision-art .vision-art__viewer-meta { padding: 12px 10px 0; font-size: 12px; }
  .vision-art .vision-art__viewer-meta > span:last-child { font-size: 8px; }
  .vision-art .vision-art__image { margin-top: 5px; }
  .vision-art .vision-art__image-foot { font-size: 12px; padding: 7px 10px 11px; flex-wrap: wrap; gap: 3px 8px; }
  .vision-art .vision-art__stage { padding: 21px 0; min-height: 108px; }
  .vision-art .vision-art__stage p { font-size: 12px; line-height: 1.75; }
  .vision-art .vision-art__graph-heading strong { font-size: 12px; }
  .vision-art .vision-art__graph-heading > span { font-size: 12px; }
  .vision-art .vision-art__nodes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .vision-art .vision-art__node { padding: 10px; min-height: 81px; }
  .vision-art .vision-art__node strong { font-size: 12px; margin: 8px 0 4px; }
  .vision-art .vision-art__node small { font-size: 9px; }
  .vision-art .vision-art__node-code { font-size: 10px; }
  .vision-art .vision-art__node:nth-child(2n) .vision-art__connector { display: none; }
  .vision-art .vision-art__node:nth-child(3) .vision-art__connector { display: block; }
  .vision-art .vision-art__node:last-child { grid-column: 1 / -1; min-height: 61px; display: grid; grid-template-columns: 28px 1fr; column-gap: 9px; align-items: start; }
  .vision-art .vision-art__node:last-child .vision-art__node-code { padding-top: 4px; }
  .vision-art .vision-art__node:last-child strong { margin: 0; }
  .vision-art .vision-art__node:last-child small { grid-column: 2; }
  .vision-art .vision-art__branches { justify-content: flex-start; flex-direction: column; gap: 7px; font-size: 12px; line-height: 1.5; }
  .vision-art .vision-art__feedback { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
  .vision-art .vision-art__feedback-card { padding: 11px; }
  .vision-art .vision-art__feedback-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1.5fr; align-items: center; column-gap: 10px; }
  .vision-art .vision-art__feedback-card:last-child > strong { margin: 0; }
  .vision-art .vision-art__feedback-card:last-child > small { grid-column: 2; margin-top: 4px; }
  .vision-art .vision-art__feedback-label { font-size: 12px; }
  .vision-art .vision-art__feedback-card > strong { font-size: 12px; margin-top: 9px; }
  .vision-art .vision-art__feedback-card > small { font-size: 12px; }
  .vision-art .vision-art__disclaimer { font-size: 12px; }
}
@media (min-width: 561px) and (max-width: 760px) {
  .vision-art .vision-art__nodes { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .vision-art .vision-art__node { padding: 7px 8px; min-height: 73px; }
  .vision-art .vision-art__node small { font-size: 7px; }
  .vision-art .vision-art__node-code { font-size: 9px; }
  .vision-art .vision-art__node:nth-child(2n) .vision-art__connector { display: block; }
  .vision-art .vision-art__node:last-child { grid-column: auto; display: flex; min-height: 73px; }
  .vision-art .vision-art__node:last-child .vision-art__node-code { padding-top: 0; }
  .vision-art .vision-art__node:last-child strong { margin: 8px 0 4px; }
  .vision-art .vision-art__branches { flex-direction: row; justify-content: flex-end; gap: 18px; }
  .vision-art .vision-art__feedback { grid-template-columns: 1fr 1fr 1.15fr; }
  .vision-art .vision-art__feedback-card:last-child { grid-column: auto; display: block; }
  .vision-art .vision-art__feedback-card:last-child > strong { margin: 9px 0 5px; }
  .vision-art .vision-art__feedback-card:last-child > small { margin-top: 0; }
}
@media (max-width: 560px) {
  .vision-art .vision-art__image { height: auto; max-height: 270px; }
}
@media (max-width: 380px) {
  .vision-art { padding: 13px; }
  .vision-art .vision-art__heading { flex-direction: column; align-items: flex-start; gap: 6px; }
  .vision-art .vision-art__source-icon { width: 47px; flex-basis: 47px; height: 49px; }
  .vision-art .vision-art__source-icon svg { width: 36px; height: 32px; }
  .vision-art .vision-art__input-wire { display: none; }
  .vision-art .vision-art__viewer-meta { flex-direction: column; align-items: flex-start; gap: 6px; }
  .vision-art .vision-art__stage { gap: 10px; }
  .vision-art .vision-art__stage-count { display: none; }
  .vision-art .vision-art__feedback { grid-template-columns: 1fr; }
  .vision-art .vision-art__feedback-card, .vision-art .vision-art__feedback-card:last-child { grid-column: auto; display: block; }
  .vision-art .vision-art__feedback-card > strong, .vision-art .vision-art__feedback-card:last-child > strong { margin: 9px 0 5px; }
  .vision-art .vision-art__feedback-card:last-child > small { margin-top: 0; }
}

/* Primary production-timing illustration, driven only by domain-demos progress. */
.vision-acquisition { color: #e6e1cf; min-width: 0; }
.vision-acquisition__heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; }
.vision-acquisition__heading strong { font-size: 15px; font-weight: 500; line-height: 1.6; color: #ffcc66; }
.vision-acquisition__heading span { color: #a8adae; font-size: 11px; letter-spacing: .08em; }
.vision-acquisition__scene { display: block; width: 100%; height: auto; overflow: visible; }
.vision-acquisition__rail { fill: #28333d; stroke: #a8adae; stroke-opacity: .5; stroke-width: 2; }
.vision-acquisition__ticks { fill: none; stroke: #e6e1cf; stroke-opacity: .35; stroke-width: 2; }
.vision-acquisition__frame { fill: #28333d; stroke: #a8adae; stroke-width: 2; }
.vision-acquisition__label { fill: #e6e1cf; font-family: inherit; font-size: 25px; }
.vision-acquisition__small { fill: #a8adae; font-family: inherit; font-size: 21px; }
.vision-acquisition__exposure { fill: #ffcc66; fill-opacity: .13; stroke: #ffcc66; stroke-width: 2; }
[data-acquisition-part] rect { fill: #697981; stroke: #e6e1cf; stroke-width: 2; }
[data-acquisition-part] path { fill: none; stroke: #e6e1cf; stroke-opacity: .6; stroke-width: 2; }
[data-acquisition-encoder] { fill: #28333d; stroke: #ffcc66; stroke-width: 2; }
.vision-acquisition__direction { fill: none; stroke: #ffcc66; stroke-width: 2; }
.vision-acquisition__state { margin: 0 0 7px; min-height: 1.6em; color: #ffcc66; font-size: 14px; line-height: 1.6; }
.vision-acquisition__note { margin: 0; color: #a8adae; font-size: 13px; line-height: 1.8; }
.vision-acquisition{background:#1f2430;border:1px solid #e6e1cf24;border-radius:8px;overflow:hidden;box-shadow:0 25px 70px #0002;text-align:left}
.vision-acquisition *{box-sizing:border-box}
.vision-acquisition .vision-acquisition__heading{padding:17px 24px;border-bottom:1px solid #e6e1cf20;background:#e6e1cf04;align-items:center}
.vision-acquisition .vision-acquisition__heading strong{font-size:16px;color:#e6e1cf;letter-spacing:.015em}
.vision-acquisition .vision-acquisition__heading span{font-size:11px;letter-spacing:.025em;color:#c1bdaf}
.vision-acquisition__workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);min-width:0}
.vision-acquisition__transport{padding:25px 26px 28px;min-width:0;display:flex;flex-direction:column}
.vision-acquisition__scene-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;color:#a9aaab;font-size:10px;line-height:1.6;letter-spacing:.11em}
.vision-acquisition__scene-heading>span:last-child{font-size:10px;letter-spacing:.04em}
.vision-acquisition .vision-acquisition__scene{margin:auto 0;min-height:240px}
.vision-acquisition .vision-acquisition__rail{fill:#e6e1cf09;stroke:#e6e1cf55;stroke-width:1.5}
.vision-acquisition .vision-acquisition__ticks{stroke:#e6e1cf;stroke-opacity:.24;stroke-width:1.4}
.vision-acquisition__machine-support{fill:none;stroke:#e6e1cf;stroke-opacity:.21;stroke-width:1.5}
.vision-acquisition__surface-grid{fill:none;stroke:#e6e1cf;stroke-opacity:.07;stroke-width:1;stroke-dasharray:4 5}
.vision-acquisition__conveyor-frame{fill:none;stroke:#e6e1cf;stroke-opacity:.37;stroke-width:2}
.vision-acquisition__roller{fill:#1f2430;stroke:#e6e1cf;stroke-opacity:.4;stroke-width:2}
.vision-acquisition .vision-acquisition__frame{fill:#1f2430;stroke:#e6e1cf;stroke-opacity:.8;stroke-width:1.5}
.vision-acquisition__camera-detail{fill:none;stroke:#e6e1cf;stroke-opacity:.4;stroke-width:1}
.vision-acquisition .vision-acquisition__label{font-size:20px;letter-spacing:.05em}
.vision-acquisition .vision-acquisition__small{font-size:18px}
.vision-acquisition .vision-acquisition__exposure{fill:#ffcc66;fill-opacity:.08;stroke:#ffcc66;stroke-width:1.5}
.vision-acquisition [data-acquisition-part] rect{fill:#a7b1ab;stroke:#e6e1cf;stroke-width:1.5}
.vision-acquisition [data-acquisition-part] path.vision-acquisition__part-shadow{fill:#0005;stroke:none}
.vision-acquisition [data-acquisition-part] path.vision-acquisition__part-bevel{stroke:#e6e1cf;stroke-opacity:.48;stroke-width:1}
.vision-acquisition [data-acquisition-part] circle{fill:#283a3d;stroke:#e6e1cf;stroke-width:1.3}
.vision-acquisition [data-acquisition-part] path.vision-acquisition__part-scratch{stroke:#344b4b;stroke-opacity:1;stroke-width:1.6}
.vision-acquisition [data-acquisition-encoder]{fill:#1f2430;stroke:#ffcc66;stroke-width:1.5}
.vision-acquisition .vision-acquisition__state{font-size:16px;line-height:1.8;min-height:1.8em;margin:2px 0 7px;color:#ffcc66}
.vision-acquisition .vision-acquisition__note{font-size:13px;line-height:1.9;max-width:570px;color:#b5b5ae}
.vision-acquisition__inspection{min-width:0;border-left:1px solid #e6e1cf20;background:#e6e1cf05;padding:25px 24px 27px}
.vision-acquisition__detail{display:block;width:100%;height:auto;max-height:290px;margin:8px auto 10px;overflow:visible}
.vision-acquisition__detail-corners{fill:none;stroke:#e6e1cf;stroke-opacity:.3;stroke-width:1}
.vision-acquisition__result{border-top:1px solid #e6e1cf20;padding-top:17px}
.vision-acquisition__result>span{display:block;font-size:10px;letter-spacing:.11em;color:#a9aaab}
.vision-acquisition__result>strong{display:block;font-size:19px;font-weight:400;line-height:1.7;margin:6px 0;color:#d6d1c3}
.vision-acquisition[data-result-ready=true] .vision-acquisition__result>strong{color:#ffcc66}
.vision-acquisition__result>p{font-size:12px;line-height:1.85;margin:4px 0 0;color:#b5b5ae;max-width:430px}
.service-demo:has(.sw-preview) .domain-modes button,.service-demo:has(.sw-preview) .domain-scenarios button,.service-demo:has(.sw-preview) [data-domain-step],.service-demo:has(.vision-acquisition) .domain-modes button,.service-demo:has(.vision-acquisition) .domain-scenarios button,.service-demo:has(.vision-acquisition) [data-domain-step]{min-height:44px}
@media(max-width:1000px){.vision-acquisition__workspace{grid-template-columns:minmax(0,1.25fr) minmax(250px,.8fr)}.vision-acquisition__transport{padding:22px 21px 25px}.vision-acquisition__inspection{padding:22px 21px 25px}.vision-acquisition .vision-acquisition__scene{min-height:220px}.vision-acquisition .vision-acquisition__state{font-size:15px}}
@media(max-width:760px){.vision-acquisition__workspace{grid-template-columns:1fr}.vision-acquisition .vision-acquisition__heading{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:5px}.vision-acquisition .vision-acquisition__heading strong{font-size:15px}.vision-acquisition .vision-acquisition__heading span{font-size:11px}.vision-acquisition__transport{padding:22px 20px}.vision-acquisition .vision-acquisition__scene{min-height:0;margin:14px 0 5px}.vision-acquisition__inspection{border-left:0;border-top:1px solid #e6e1cf20;padding:21px 20px 23px;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1fr);gap:10px 20px;align-items:center}.vision-acquisition__inspection>.vision-acquisition__scene-heading{grid-column:1/-1}.vision-acquisition__detail{margin:0;max-height:225px}.vision-acquisition__result{padding-top:0;border:0}.vision-acquisition__result>strong{font-size:18px}.vision-acquisition .vision-acquisition__state{font-size:15px;min-height:1.8em}.vision-acquisition .vision-acquisition__note{font-size:12px}.vision-acquisition__result>p{font-size:12px}}
@media(max-width:420px){.vision-acquisition .vision-acquisition__heading{padding:15px}.vision-acquisition__transport{padding:21px 15px}.vision-acquisition__inspection{padding:21px 15px;grid-template-columns:1fr;gap:5px}.vision-acquisition__detail{max-width:275px;max-height:218px;margin:0 auto 5px}.vision-acquisition__result{border-top:1px solid #e6e1cf20;padding-top:14px}.vision-acquisition .vision-acquisition__heading strong{font-size:14px}.vision-acquisition .vision-acquisition__heading span{font-size:10px}.vision-acquisition .vision-acquisition__state{font-size:14px;min-height:1.8em}.vision-acquisition .vision-acquisition__note{font-size:12px}.vision-acquisition__scene-heading{font-size:9px;gap:6px}.vision-acquisition__scene-heading>span:last-child{font-size:9px}}
@media (max-width: 560px) {
  .vision-acquisition__heading { display: block; }
  .vision-acquisition__heading strong, .vision-acquisition__heading span { display: block; }
  .vision-acquisition__heading span { margin-top: 5px; }
  .vision-acquisition__state { min-height: 3.2em; }
}