*,
*::before,
*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: var(--ft-font);
  color: var(--ft-text);
  background: #fff;
  line-height: 1.6;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--ft-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

.ft-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  max-width: 100%;
}
.ft-main { flex: 1; }

.ft-container {
  width: min(100% - 2rem, var(--ft-container));
  margin-inline: auto;
}

.ft-section { padding: 3.5rem 0; }

.ft-prose > *:first-child { margin-top: 0; }
.ft-prose > *:last-child { margin-bottom: 0; }

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

body.ft-nav-open { overflow: hidden; }