/* Demo navigation outside the captured application screens. */
.service-config-examples{width:100%;min-width:0}.service-config-examples [hidden]{display:none!important}.service-config-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.service-config-tabs>button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;min-height:44px;padding:12px 18px;border:1px solid var(--odx-border,#64748b);border-radius:8px;color:var(--odx-ink);background:transparent;cursor:pointer}.service-config-tabs>button[aria-selected=true]{background:var(--live-demo-primary,#20b633);border-color:var(--live-demo-primary,#20b633);color:var(--live-demo-ink,#fff)}.service-config-tabs>button:focus-visible{outline:2px solid var(--live-demo-primary,#20b633);outline-offset:3px}.service-config-examples>[role=tabpanel]{min-width:0;width:100%}@media(max-width:500px){.service-config-tabs{gap:8px}.service-config-tabs>button{flex:1;min-width:0;padding:11px 12px;white-space:normal}}