/* Keep language selection and the mobile menu together at the right edge. */
.header .header-actions {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-self: end;
}

/* O cabeçalho de publicações é compartilhado pela listagem e pelos artigos. */
body.blog-page .header .nav > a[data-nav="publications"] {
  color: var(--accent);
}

@media (max-width: 900px) {
  body.blog-page .header {
    background: rgba(7, 24, 36, .94);
  }

  .header .header-wrapper {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  /* Links ativos mantêm a mesma altura dos demais itens do menu. */
  .header .nav > a,
  .header .nav > a.active {
    padding: 14px;
  }

  .header .header-actions .menu-toggle {
    flex: 0 0 42px;
  }
}
