/* Playbook tab strip — shared across /playbook.html, /boards.html, /templates.html.
   One nav, three sections. Mark the active tab with class="pb-tab is-active".
   Hardcoded colors so the partial is self-contained across pages with different
   CSS-var schemes; matches the Playbook dark palette (#111 / silver #e8e4dc). */

.pb-tabs{
  position:sticky;top:0;z-index:19;
  display:flex;gap:0;
  padding:0 12px;
  background:#111;
  border-bottom:1px solid rgba(255,255,255,0.08);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.pb-tabs::-webkit-scrollbar{display:none;}
.pb-tab{
  padding:11px 16px;
  font-size:13px;font-weight:600;
  color:rgba(255,255,255,0.55);
  border-bottom:2px solid transparent;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  transition:color .15s,border-color .15s;
}
.pb-tab:hover{color:#fff;}
.pb-tab.is-active{color:#e8e4dc;border-bottom-color:#e8e4dc;}