/* -------------------------------------------------------- */
/* 🔹 Page Template                                         */
/* -------------------------------------------------------- */
/* Standard page layout with title and content area         */
/* Usage: wrap page content in .page-template               */
/* Mirrors page_template.dart                               */


/* -------------------------------------------------------- */
/* 🔹 Page Title                                            */
/* -------------------------------------------------------- */
/* Centered title shown below nav bar                       */
/* Matches headlineLarge, primary color                     */

.page-template__title {
  padding: 48px 0 var(--space-xl);
  text-align: center;
  font-size: var(--text-headline-large);
  font-weight: var(--text-title-weight);
  letter-spacing: -0.3px;
  color: var(--color-primary);
}


/* -------------------------------------------------------- */
/* 🔹 Page Content                                          */
/* -------------------------------------------------------- */
/* Mirrors screenPadding — content area below title         */

.page-template__content {
  padding-bottom: var(--space-xxxl);
}


/* -------------------------------------------------------- */
/* 🔹 Bottom Section                                        */
/* -------------------------------------------------------- */
/* Pushed to viewport bottom via flex-grow, mirrors         */
/* SliverFillRemaining + Spacer in Dart                     */

.page-template__bottom {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: var(--space-xxxxl);
  padding-bottom: 30px;
}