/* -------------------------------------------------------- */
/* 🔹 Back Link                                             */
/* -------------------------------------------------------- */
/* Mirrors AppBar leading back button on sub-pages          */
/* Icon-only chevron, placed in a flex row with the title   */


/* -------------------------------------------------------- */
/* 🔹 Title Row                                             */
/* -------------------------------------------------------- */
/* Flex row: back chevron left, title centered, empty right  */
/* The title uses flex:1 + text-align:center so it centers   */
/* within the full width, not just the remaining space       */

.page-template__title-row {
  display: flex;
  align-items: center;
  padding: 48px 0 var(--space-xl);
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-scaffold-bg);
}

.page-template__title-row .back-link {
  position: absolute;
}

.page-template__title-row .page-template__title {
  flex: 1;
  padding: 0;
}


/* -------------------------------------------------------- */
/* 🔹 Back Link                                             */
/* -------------------------------------------------------- */

.back-link {
  display: inline-flex;
  align-items: center;
  color: var(--color-on-surface-variant);
  text-decoration: none;
}

.back-link:hover {
  color: var(--color-primary);
}

.back-link svg {
  width: 28px;
  height: 28px;
}