/* Tabs and code blocks for connect.js (public /connect page and dashboard). */
.ec-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:4px;background:#F4F5F7;border-radius:14px}
.ec-tab{font:inherit;font-size:.875rem;font-weight:500;color:#4B4F58;background:transparent;border:0;border-radius:10px;padding:9px 14px;cursor:pointer}
.ec-tab:hover{color:#111214}
.ec-tab[aria-selected="true"]{background:#fff;color:#111214;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.06)}
.ec-tab:focus-visible{outline:2px solid #2F8CFF;outline-offset:1px}
.ec-text{margin:0 0 10px;font-size:.9375rem;line-height:1.6;color:#4B4F58}
.ec-code{position:relative;margin:0 0 16px;background:#1E1F22;border-radius:12px}
.ec-code pre{margin:0;padding:16px 84px 16px 18px;overflow-x:auto}
.ec-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#E8EAED;white-space:pre}
.ec-copy{position:absolute;top:10px;right:10px;font:inherit;font-size:.8125rem;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:0;border-radius:8px;padding:6px 12px;cursor:pointer}
.ec-copy:hover{background:rgba(255,255,255,.2)}
.ec-panel[hidden]{display:none}

/* Setup steps illustration under the intro */
.hero-fig{margin:22px 0 28px}
.hero-fig img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}