/* Section tabs shared by the three Persona 8B pages:
   /persona-8b/ (Personas), /persona-8b/applications/, /persona-8b/playground/.
   Colors match the shared shell in subpages.css (--mx-dim, --mx-blue, --mx-soft). */
.p8-tabs {
  display: flex;
  justify-content: center;
  gap: clamp(22px, 3.4vw, 44px);
  padding: 0 clamp(20px, 5vw, 64px);
  background: rgba(10, 10, 10, .92);
  border-bottom: 1px solid rgba(74, 143, 194, .09);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative;
  z-index: 5;
}
.p8-tabs a {
  display: block;
  margin-bottom: -1px;
  padding: 13px 2px 11px;
  border-bottom: 2px solid transparent;
  color: #aeb4bb;
  font-size: .72rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .15s, border-color .15s;
}
.p8-tabs a:hover { color: #4A8FC2; }
.p8-tabs a[aria-current="page"] { color: #f5f5f5; border-bottom-color: #4A8FC2; }
.p8-tabs a:focus-visible { outline: 1px solid #4A8FC2; outline-offset: 2px; }
@media (max-width: 560px) {
  .p8-tabs { gap: 18px; }
  .p8-tabs a { font-size: .68rem; letter-spacing: .06em; }
}
@media print { .p8-tabs { display: none; } }