body {
  max-width: 860px; margin: 0 auto; padding: 0 24px 60px;
  background: #FBF7F4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}
body.no-header { margin: 40px auto; }

/* ── Header (shared page chrome, same markup/classes as utility.css and
   every other layout's partials/nav.html) ───────────────────────────── */
.nav {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 10px 16px;
  padding: 20px 0; margin-bottom: 34px; border-bottom: 1px solid #E8DED9;
}
.logo {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: Georgia, "Times New Roman", serif; font-size: 22px;
  color: #1E1A1B; text-decoration: none;
}
.logo .wordmark { display: inline-flex; }
.logo span { color: #A71930; font-style: italic; }
.logo img { height: 28px; width: auto; display: block; }
.nav-links { display: flex; align-items: center; gap: 22px; font-size: 14px; }
.nav-links a { color: #6E6367; text-decoration: none; }
.nav-links a:hover { color: #1E1A1B; }
.nav-cta { font-size: 14px; color: #A71930; font-weight: bold; text-decoration: none; }
@media (max-width: 560px) {
  .nav-links { display: none; }
}

/* ── Termly export typography ────────────────────────────────────────────
   Termly's generator drives font size/color per-element via
   data-custom-class attributes rather than a normal heading/paragraph
   cascade - kept exactly as exported so the legal text renders unchanged. */
[data-custom-class='body'], [data-custom-class='body'] * { background: transparent !important; }
[data-custom-class='title'], [data-custom-class='title'] * { font-family: Arial !important; font-size: 26px !important; color: #000000 !important; }
[data-custom-class='subtitle'], [data-custom-class='subtitle'] * { font-family: Arial !important; color: #595959 !important; font-size: 14px !important; }
[data-custom-class='heading_1'], [data-custom-class='heading_1'] * { font-family: Arial !important; font-size: 19px !important; color: #000000 !important; }
[data-custom-class='heading_2'], [data-custom-class='heading_2'] * { font-family: Arial !important; font-size: 17px !important; color: #000000 !important; }
[data-custom-class='body_text'], [data-custom-class='body_text'] * { color: #595959 !important; font-size: 14px !important; font-family: Arial !important; }
[data-custom-class='link'], [data-custom-class='link'] * { color: #3030F1 !important; font-size: 14px !important; font-family: Arial !important; word-break: break-word !important; }
ul { list-style-type: square; }
ul > li > ul { list-style-type: circle; }
ul > li > ul > li > ul { list-style-type: square; }
ol li { font-family: Arial; }
table { border-collapse: collapse; width: 100%; margin-bottom: 16px; }
td, th { padding: 8px; font-size: 14px; font-family: Arial; color: #595959; }
h1, h2, h3 { display: inline; }
bdt { display: none; }

.foot {
  margin-top: 48px; border-top: 1px solid #E8DED9; padding-top: 22px;
  display: flex; flex-wrap: wrap; justify-content: space-between;
  gap: 12px 20px; font-size: 13.5px; color: #6E6367; font-family: Arial, sans-serif;
}
.foot a { color: #6E6367; text-decoration: none; }
.foot a:hover { color: #1E1A1B; text-decoration: underline; }
.foot .fl { display: flex; gap: 20px; flex-wrap: wrap; }
