/* Shared desktop header geometry for the primary content pages. */
:is(
  .directory-header,
  .events-header,
  .saved-header,
  .about-header,
  .info-header,
  .place-header,
  .plan-header
) {
  align-items: center;
  display: grid;
  font-family: var(--font-mono);
  font-size: 0.67rem;
  font-weight: 500;
  grid-template-columns: 1fr auto 1fr;
  letter-spacing: 0.09em;
}

:is(
    .directory-header,
    .events-header,
    .saved-header,
    .about-header,
    .info-header,
    .place-header,
    .plan-header
  )
  > p {
  margin: 0;
  text-align: center;
}

:is(
    .directory-header,
    .events-header,
    .saved-header,
    .about-header,
    .info-header,
    .place-header,
    .plan-header
  )
  nav {
  display: flex;
  gap: 0.45rem;
  justify-self: end;
}