:root {
  color-scheme: light;
  --legal-ink: #171717;
  --legal-muted: #5f6368;
  --legal-rule: #e5e7eb;
  --legal-canvas: #f4f5f7;
}

html {
  background: var(--legal-canvas);
}

body {
  box-sizing: border-box;
  min-height: 100vh;
  max-width: 960px;
  margin: 0 auto !important;
  padding: clamp(24px, 5vw, 64px) !important;
  background: #ffffff;
  color: var(--legal-ink);
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  box-shadow: 0 0 60px rgb(15 23 42 / 8%);
}

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

.navbar,
.section {
  margin-right: calc(clamp(24px, 5vw, 64px) * -1);
  margin-left: calc(clamp(24px, 5vw, 64px) * -1);
}

.navbar {
  margin-top: calc(clamp(24px, 5vw, 64px) * -1);
  padding-right: clamp(24px, 5vw, 64px) !important;
  padding-left: clamp(24px, 5vw, 64px) !important;
  border-bottom: 1px solid var(--legal-rule);
}

.section {
  padding-right: clamp(24px, 5vw, 64px) !important;
  padding-left: clamp(24px, 5vw, 64px) !important;
}

.container {
  width: 100% !important;
  max-width: 832px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.navbar img {
  width: min(180px, 48vw) !important;
  height: auto !important;
}

h1,
h2,
h3,
h4 {
  color: var(--legal-ink) !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-indent: 0 !important;
}

h1 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: clamp(2rem, 5vw, 3rem) !important;
  font-weight: 750 !important;
  letter-spacing: -0.035em;
}

h2 {
  margin: 36px 0 12px !important;
  padding: 0 !important;
  font-size: clamp(1.25rem, 3vw, 1.6rem) !important;
}

h3 {
  margin: 32px 0 10px !important;
  padding: 0 !important;
  font-size: 1.125rem !important;
}

p,
li {
  max-width: 75ch;
  color: var(--legal-muted) !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
  text-align: left !important;
  text-indent: 0 !important;
}

p {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

ul,
ol {
  margin: 0 0 24px !important;
  padding-left: 24px !important;
}

li {
  margin-bottom: 10px !important;
  padding: 0 !important;
}

hr {
  height: 1px !important;
  margin: 32px 0 !important;
  border: 0 !important;
  background: var(--legal-rule) !important;
  opacity: 1 !important;
}

a {
  color: #1d4ed8;
  overflow-wrap: anywhere;
}

@media (max-width: 639px) {
  html,
  body {
    background: #ffffff;
  }

  body {
    padding: 20px 16px 40px !important;
    box-shadow: none;
  }

  .navbar,
  .section {
    margin-right: -16px;
    margin-left: -16px;
  }

  .navbar {
    margin-top: -20px;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}