/* Profile control spacing and consistent directional chevrons */

/* Give the Profile selector and Explore Work action more breathing room. */
.page-profile .profile-actions {
  gap: clamp(20px, 2vw, 28px) !important;
}

/* Make the Profile selector slightly larger while preserving its categories. */
.page-profile .profile-actions .view-switcher__button {
  min-width: 142px !important;
  padding: 10px 3px 8px !important;
  font-size: clamp(11px, 0.95vw, 12px) !important;
}

.page-profile .profile-actions .view-switcher__arrow {
  font-size: 13px !important;
}

/* Keep the project back control locked to the far-left edge of the nav. */
.project-page .project-nav {
  width: 100%;
  justify-content: space-between !important;
  box-sizing: border-box;
}

.project-page .project-nav__back {
  margin-right: auto;
}

.project-page .menu-toggle {
  margin-left: auto;
}

/* Draw a true chevron instead of relying on text glyphs. */
.project-nav__back,
.back-to-top {
  position: relative;
  overflow: hidden;
  text-indent: -9999px;
}

.project-nav__back::before,
.back-to-top::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  box-sizing: border-box;
  text-indent: 0;
}

/* Left-pointing chevron for project navigation. */
.project-nav__back::before {
  transform: rotate(135deg);
  margin-left: 3px;
}

/* Up-pointing chevron for the solid brown back-to-top control. */
.back-to-top::before {
  transform: rotate(-135deg);
  margin-top: 4px;
}

@media (max-width: 760px) {
  .page-profile .profile-actions {
    gap: 18px !important;
  }

  .page-profile .profile-actions .view-switcher__button {
    min-width: 136px !important;
    padding: 9px 3px 7px !important;
    font-size: 10.5px !important;
  }
}

@media (max-width: 380px) {
  .page-profile .profile-actions {
    gap: 14px !important;
  }

  .page-profile .profile-actions .view-switcher__button {
    min-width: 128px !important;
  }
}