---
import Breadcrumbs from './Breadcrumbs.astro';
---

{Astro.url.pathname !== "/" && (
  <>
    <div id="_top">
      <Breadcrumbs />
    </div>
    <h1>{Astro.locals.starlightRoute.entry.data.title}</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>