/* LIVE 1.5: equal account-action metrics at each existing header breakpoint.
   Primary/secondary colors and all authentication/logout behavior stay intact. */
.red-site-header .red-nav-actions a:is(.red-account-link, .red-logout-link) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: .28rem .7rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: inherit;
  font-size: .67rem;
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
}
.red-site-header .red-nav-actions a.red-logout-link {
  border-color: #27482c;
  background: #fff9ed;
  color: #27482c;
}
.red-site-header .red-nav-actions a.red-logout-link[hidden] { display: none !important; }
.red-site-header .red-nav-actions a.red-logout-link:hover {
  background: #27482c;
  color: #fff9ed;
}
.red-site-header .red-nav-actions a.red-logout-link:focus-visible {
  outline: 3px solid #718b45;
  outline-offset: 3px;
}

@media (min-width: 901px) and (max-width: 1100px) {
  .red-site-header .red-nav-actions a:is(.red-account-link, .red-logout-link) {
    min-height: 27px;
    padding: .22rem .48rem;
    font-size: .59rem;
  }
}
@media (max-width: 900px) {
  .red-site-header .red-nav-actions a:is(.red-account-link, .red-logout-link) {
    min-height: 40px;
    padding: .55rem .48rem;
    font-size: .75rem;
    white-space: normal;
  }
}
@media (max-width: 580px) {
  .red-site-header .red-nav-actions a:is(.red-account-link, .red-logout-link) {
    font-size: .7rem;
  }
}


/* LIVE 1.6: Community follows the project action, before My RED. Match the existing
   project button exactly, without its session-dependent project class.
   The footer Community link and account/logout presentation are unchanged. */
.red-site-header .red-nav-actions > .red-community-link {
  box-sizing: border-box;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .7rem;
  border: 0;
  border-radius: 999px;
  background: var(--red-highlight, #27482c);
  color: #fffaf0 !important;
  font-family: inherit;
  font-size: .67rem;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.red-site-header .red-nav-actions > .red-community-link:hover {
  background: var(--red-forest-deep, #203d25);
}
.red-site-header .red-nav-actions > .red-community-link:focus-visible {
  outline: 3px solid #718b45;
  outline-offset: 3px;
}
@media (min-width: 901px) and (max-width: 1100px) {
  .red-site-header .red-nav-actions > .red-community-link {
    min-height: 27px;
    padding: .22rem .48rem;
    font-size: .59rem;
  }
}
@media (max-width: 900px) {
  .red-site-header .red-nav-actions > .red-community-link {
    min-height: 40px;
    padding: .55rem .48rem;
    font-size: .75rem;
    white-space: normal;
  }
}
@media (max-width: 580px) {
  .red-site-header .red-nav-actions > .red-community-link { font-size: .7rem; }
}