.ps-header { border-bottom: 0.5rem solid var(--foreground); background-color: var(--background); display: flex; padding: 0; margin: 0; &--title { font-size: 1.5rem; margin: 0; } &--nav { margin-left: auto; display: flex; } &--nav-list { display: flex; justify-content: flex-end; align-items: center; list-style: none; margin: 0; padding: 0; } &--nav-item { margin: 0; margin-right: 1rem; &-action { color: var(--foreground); text-decoration: none; &:hover { color: var(--accent); } } } }