/* Stage B v2.2 — approved black offset shadow refinement. */
:root { --v22-ink: #111; }
/* Main header RFQ: keep royal blue and white, use a solid black outline and shadow. */
.site-header .nav-rfq,
.site-header .button--primary {
  border: 2px solid var(--v22-ink) !important;
  box-shadow: 5px 5px 0 var(--v22-ink) !important;
}
/* Existing approved surface components; only the offset shadow changes. */
.stage-b-hero-aside,
.stage-card,
.stage-lab .lab-canvas,
.stage-lab .lab-detail,
.stage-diagram-button.is-selected,
.stage-mobile-node,
.stage-mobile-node.is-selected,
.rfq-form-wrap,
.rfq-side-note,
.contact-form-section form,
.stage-v2-cta-button,
.rfq-controls .button,
.contact-form-section .button,
.stage-b-bottom-cta-v2 .button,
.site-nav-panel,
.site-footer .footer-n2 {
  box-shadow: 6px 6px 0 var(--v22-ink) !important;
}
.stage-lab .lab-canvas { box-shadow: 8px 8px 0 var(--v22-ink) !important; }
.stage-lab .lab-detail { box-shadow: 7px 7px 0 var(--v22-ink) !important; }
.stage-diagram-button.is-selected,
.stage-mobile-node,
.stage-mobile-node.is-selected { box-shadow: 3px 3px 0 var(--v22-ink) !important; }
.site-header .stage-brand .brand-mark.brand-n2 { box-shadow: 4px 4px 0 var(--v22-ink) !important; }
/* Desktop and mobile preserve the exact diagram and interaction arrangement. */
@media (max-width: 760px) {
  .stage-b-hero-aside,
  .stage-card,
  .stage-lab .lab-canvas,
  .stage-lab .lab-detail,
  .rfq-form-wrap,
  .rfq-side-note { box-shadow: 4px 4px 0 var(--v22-ink) !important; }
}