/* Peplabco — tabbed Quality / Components / Technical drawings */
.specs { scroll-margin-top: 64px; }
.specs__bar { padding: var(--section-y) 0 0; }
.specs__bar .eyebrow { margin-bottom: var(--space-4); }
.specs__tabs {
  display: flex; gap: 6px; padding: 6px; background: var(--paper-2); border-radius: 999px; width: max-content; max-width: 100%;
  overflow-x: auto; scrollbar-width: none;
}
.specs__tabs::-webkit-scrollbar { display: none; }
.specs__tabs button {
  flex: none; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; white-space: nowrap;
  font: 500 var(--text-base)/1 var(--font-body); color: var(--grey-3);
  background: transparent; border: 0; border-radius: 999px; padding: 14px 22px;
  transition: background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease);
}
.specs__tabs button .mono { font-size: 11px; opacity: .7; }
.specs__tabs button:hover { color: var(--ink); }
.specs__tabs button[aria-selected=true] { background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(11,12,14,.08), 0 6px 18px -10px rgba(11,12,14,.3); }
.specs__tabs button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* Panels sit straight under the tab bar */
.specs .specs__panel { padding-top: var(--space-12); }
.specs .specs__panel[hidden] { display: none; }
.specs { background: var(--paper); }
.specs__short { display: none; }
.specs .specs__panel { background: transparent; }

@media (max-width: 680px) {
  .specs__tabs { width: 100%; }
  .specs__tabs button { padding: 12px 16px; font-size: var(--text-sm); }
  .specs__tabs button .mono { display: none; }
  .specs__tabs { width: auto; }
  .specs__tabs button { flex: 1; justify-content: center; padding: 12px 10px; }
  .specs__long { display: none; }
  .specs__short { display: inline; }
  .specs .specs__panel { padding-top: var(--space-8); }
}