---
const PAGE_TITLE_ID = '_top';

const { id, entry } = Astro.locals.starlightRoute;
const pageTitle = id === 'docs' ? 'Kent' : entry.data.title;
---

<h1 id={PAGE_TITLE_ID}>{pageTitle}</h1>

<style>
  @layer starlight.core {
    h1 {
      margin-top: 1rem;
      font-size: var(--sl-text-h1);
      line-height: var(--sl-line-height-headings);
      font-weight: 600;
      color: var(--sl-color-white);
    }
  }
</style>
