/* Header link for Resume. Also in src/styles/main.css and work.css, so a
   later ship keeps the same behavior inside the hashed bundles. This file
   covers the bundles already committed in public/assets. */

@media (max-width: 760px) {
  .nav {
    grid-template-columns: 1fr auto 1fr !important;
  }
  .nav__links {
    display: flex !important;
  }
  .nav__links a:not([href="/resume/"]) {
    display: none !important;
  }
}

.proj__resume {
  font-family: var(--mono);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.9rem 0.2rem;
  margin: -0.9rem 0;
  white-space: nowrap;
}
.proj__resume:hover {
  opacity: 0.55;
}
.proj__resume[aria-current="page"] {
  color: var(--accent);
}
@media (max-width: 420px) {
  .proj__bar {
    gap: 0.45rem;
  }
  .proj__back {
    font-size: 0.62rem;
  }
}