html {
  scroll-behavior: smooth;
  min-height: 100%;
}

html,
body {
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  color: var(--td-text);
  background: #ffffff;
}

body {
  min-height: 100vh;
  background: #ffffff;
}

.site-branding__name,
.site-branding__text,
h1,
h2,
h3 {
  color: #0f2747;
}

.dialog-off-canvas-main-canvas,
.td-site {
  min-height: 100vh;
}

.td-site {
  display: flex;
  flex-direction: column;
}

.td-main {
  flex: 1 1 auto;
  min-height: 0;
}

footer.td-footer {
  flex: 0 0 auto;
  align-self: stretch;
  margin-top: 0;
}

.td-page__content > * {
  width: min(100% - 40px, var(--td-container));
  margin-left: auto;
  margin-right: auto;
}