/* Baseline styling for outer-most site wrappers and structures */

.page-wrap {
  display: grid;
  grid-template-areas:
    "mobile-nav-fixed"
    "header"
    "header-feature"
    "page-body"
    "footer-feature"
    "footer"
    "footer-disclaimer";
}

body.sticky-bar-on {
  padding-top: var(--page-wrap-with-sticky-padding-top);
}

body:not(.sticky-bar-on) {
  padding-top: var(--page-wrap-padding-top);
}


.mobile-nav-bottom .page-wrap {
  grid-template-areas:
    "header"
    "header-feature"
    "page-body"
    "footer-feature"
    "footer"
    "mobile-nav-fixed";
}

.page-body {
  grid-area: page-body;
  width: 100%;
  /* max-width: var(--width-max-600); */
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 var(--spacing-800) 0;
}






/* Page Header */

.page-header {
  grid-area: header;
}

.page-header .header-inner {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
}




.feature-section {
  padding-left: var(--spacing-800);
  padding-right: var(--spacing-800);
}

.header-feature {
  grid-area: header-feature;
}

.footer-feature {
  grid-area: footer-feature;
}








/* Page Footer */

.page-footer {
  grid-area: footer;
}

.footer-inner {
  display: flex;
  width: 100%;
  max-width: var(--width-max-800);
  padding: var(--spacing-800);
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  margin-left: auto;
  margin-right: auto;
}

.row.disclaimer {
  grid-area: footer-disclaimer;
}