.page-header {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  min-block-size: var(--control-block-size);
}

.page-header .button--icon-only {
  --icon-size: var(--icon-size-md);

  padding-inline: var(--space-2xs);
}

.page-header__title {
  min-inline-size: 0;
}

.page-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  margin-inline-start: auto;
}

@media (width <= 48rem) {
  .page-header__title {
    font-size: var(--font-size-heading-3);
  }

  .page-header__back {
    display: none;
  }
}