/* ── Tabs bar ─────────────────────────────────────────────────── */
.tabs-bar{
  display:flex;gap:4px;background:var(--bg2);border-bottom:1px solid var(--border);
  padding:0 var(--space-xl);position:sticky;top:var(--header-h);z-index:150;
  overflow-x:auto;
}
.tab-btn{
  background:transparent;border:none;border-bottom:2px solid transparent;
  color:var(--text-muted);padding:12px 16px;font-size:13px;font-weight:600;
  white-space:nowrap;transition:all var(--dur) var(--ease);border-radius:0;
}
.tab-btn:hover{color:var(--text)}
.tab-btn.active{color:var(--yellow);border-bottom-color:var(--yellow)}

/* ── Tab panels ───────────────────────────────────────────────── */
.tab-panel{display:none}
.tab-panel.active{display:block}

.layout-single main{padding:var(--space-xl) var(--space-2xl)}

@media(max-width:900px){
  .tabs-bar{padding:0 var(--space-md)}
  .tab-btn{padding:10px 12px;font-size:12px}
}