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

html { scroll-behavior: smooth; }

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

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

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

.fi-shell { min-height: 100vh; display: flex; flex-direction: column; }
.fi-main { flex: 1; }

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

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

.fi-prose > *:first-child { margin-top: 0; }
.fi-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.fi-nav-open { overflow: hidden; }