.qtabs-block { width: 100%; }

/* Scope every selector to the block root to prevent leaking styles. */
.qtabs-block .qtabs-nav { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .75rem; }
.qtabs-block .qtabs-nav__btn { border: 1px solid #ddd; padding: .5rem .75rem; border-radius: .5rem; background: #fff; cursor: pointer; transition: background-color .18s ease, border-color .18s ease; }
.qtabs-block .qtabs-nav__btn.is-active { background: #eee; border-color: #007cba; box-shadow: 0 0 0 2px rgba(0,124,186,.12); }
.qtabs-block .qtabs-panels { position: relative; transition: height .2s ease; }
.qtabs-block .qtabs-panel { position: absolute; left: 0; top: 0; width: 100%; border: 1px solid #ddd; border-radius: .5rem; padding: 1rem; opacity: 0; transition: opacity .18s ease; pointer-events: none; }
.qtabs-block .qtabs-panel.is-active { opacity: 1; pointer-events: auto; }
.qtabs-block .qtabs-panel[hidden] { display: none; }