/* Bootstrap 5.3 (vendored) provides layout and components; this file sets the brand accent and the few
   panel-specific pieces. The documentation wiki is a separate Starlight site (see site/). */
:root{
  --bs-primary:#0f766e;--bs-primary-rgb:15,118,110;
  --bs-link-color:#0f766e;--bs-link-color-rgb:15,118,110;--bs-link-hover-color:#134e4a;--bs-link-hover-color-rgb:19,78,74;
  --bs-body-bg:#fbfaf6;--bs-tertiary-bg:#f2efe6;--bs-border-color:#e1ddd0;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
[data-bs-theme=dark]{
  --bs-link-color:#2dd4bf;--bs-link-color-rgb:45,212,191;--bs-link-hover-color:#99f6e4;--bs-link-hover-color-rgb:153,246,228;
  --bs-body-bg:#121315;--bs-tertiary-bg:#1b1d20;--bs-border-color:#2d3034;
}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0f766e;--bs-btn-border-color:#0f766e;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#115e59;
  --bs-btn-hover-border-color:#115e59;--bs-btn-active-color:#fff;--bs-btn-active-bg:#134e4a;--bs-btn-active-border-color:#134e4a;
  --bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0f766e;--bs-btn-disabled-border-color:#0f766e}
::selection{background:#99f6e4;color:#042f2e}
.form-control:focus,.form-select:focus{border-color:#0f766e;box-shadow:0 0 0 .25rem rgba(15,118,110,.25)}
.skip{position:absolute;z-index:2000;left:.5rem;top:.5rem;background:#000;color:#fff;padding:.4rem .8rem;border-radius:6px}
.panel-nav{background:#14161a;border-bottom:3px solid #2dd4bf}
.brand-icon{color:#2dd4bf}
main{max-width:46rem}
.demo-banner{background:#14161a;color:#99f6e4;text-align:center;font-size:.88rem;padding:.4rem 1rem}
.steps{display:flex;gap:.5rem;margin:0 0 1.2rem;padding:0;list-style:none}
.steps li{flex:1;border-top:5px solid var(--bs-border-color);padding-top:.4rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bs-secondary-color)}
.steps li.on{border-color:#0f766e;color:var(--bs-body-color)}
.steps li.done{border-color:var(--bs-body-color);color:var(--bs-body-color)}
.dot{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color);color:var(--bs-secondary-color)}
.done>.dot{background:#198754;border-color:#198754;color:#fff}
.win{border:1px solid var(--bs-border-color);border-radius:.6rem;overflow:hidden;margin:1rem 0;background:var(--bs-body-bg)}
.win .bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color)}
.win .dots{display:flex;gap:.3rem}.win .dots i{width:.65rem;height:.65rem;border-radius:50%;background:currentColor;opacity:.25;display:block}
.win .addr{flex:1;text-align:center;font:.78rem var(--mono);color:var(--bs-secondary-color)}
.win iframe{display:block;width:100%;height:30rem;border:0;background:#111}
.id-col{width:11rem;flex:none}
.provider{display:grid;grid-template-columns:1.2fr .7fr 1.2fr auto;gap:.5rem;margin:.5rem 0}
@media (max-width:40rem){.provider{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}