/* Shared appearance for navigation buttons across all site pages. */
.nav .navlink,
.nav .nav-cta,
.page-nav .page-nav-link,
.page-nav .page-nav-actions .page-nav-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:7px 11px;
  border:1px solid rgba(169,197,149,.22);
  border-radius:7px;
  background:rgba(66,104,46,.28);
  color:#e3ecdd;
  font-family:inherit;
  font-size:11.5px;
  font-weight:500;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 3px 8px rgba(0,0,0,.08);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.nav .navlink:hover,
.nav .nav-cta:hover,
.page-nav .page-nav-link:hover {
  transform:translateY(-2px);
  border-color:var(--orange);
  background:rgba(66,104,46,.45);
  color:#fff;
  box-shadow:0 5px 12px rgba(0,0,0,.15);
}
.nav .navlink:focus-visible,
.nav .nav-cta:focus-visible,
.page-nav .page-nav-link:focus-visible {
  transform:translateY(-2px);
  border-color:var(--orange);
  background:rgba(66,104,46,.45);
  color:#fff;
  outline:2px solid var(--orange);
  outline-offset:3px;
}
.nav .navlink:active,
.nav .nav-cta:active,
.page-nav .page-nav-link:active {
  transform:translateY(0) scale(.97);
  border-color:var(--orange);
  background:rgba(66,104,46,.55);
}
.nav .afp-header-links {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  min-width:0;
  margin-left:auto;
}
@media(max-width:760px) {
  .nav .navlink,
  .nav .nav-cta,
  .page-nav .page-nav-link,
  .page-nav .page-nav-actions .page-nav-link {
    min-height:40px;
    padding:8px 10px;
    font-size:11px;
    line-height:1.4;
  }
  .nav .afp-header-links {
    width:100%;
    margin-left:0;
    gap:6px;
  }
}
@media(max-width:380px) {
  .nav .navlink,
  .nav .nav-cta,
  .page-nav .page-nav-link,
  .page-nav .page-nav-actions .page-nav-link {
    padding:8px;
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce) {
  .nav .navlink,
  .nav .nav-cta,
  .page-nav .page-nav-link {transition:none}
  .nav .navlink:hover,
  .nav .navlink:focus-visible,
  .nav .navlink:active,
  .nav .nav-cta:hover,
  .nav .nav-cta:focus-visible,
  .nav .nav-cta:active,
  .page-nav .page-nav-link:hover,
  .page-nav .page-nav-link:focus-visible,
  .page-nav .page-nav-link:active {transform:none}
}
