/* Contextual developer examples on the Mobile, Computer and Environments pages.
   Homepage Voice workflows use hands-voice-flow.css instead. */
.hands-dev-example-label {
  display: block; margin-bottom: 13px; color: var(--color-accent-700);
  font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.hands-dev-example .hands-dev-example-panel {
  max-width: 900px; padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--color-divider); border-radius: 24px;
  background: color-mix(in srgb, var(--color-neutral-100) 72%, transparent);
}
.hands-dev-example-panel blockquote {
  margin: 0 0 18px; padding: 0; border: 0; color: var(--color-text);
  font-size: clamp(20px, 2.3vw, 29px); font-weight: 650; line-height: 1.4;
}
.hands-dev-example-panel p { margin: 0; color: color-mix(in srgb, var(--color-text) 72%, transparent); font-size: 15px; line-height: 1.65; }
.hands-dev-example-panel a { display: inline-block; margin-top: 18px; color: var(--color-accent); font-weight: 750; }