@layer components {
  /* Accueil: the page's header, above the list the sidebar makes on the mobile shell. */
  .home { display: flex; flex-direction: column; }
  .home-title {
    display: flex; align-items: center; gap: 10px; min-height: 56px;
    font-size: 25px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15;
  }
  .home-title .brand-mark { width: 32px; height: 32px; }
}