/* ==========================================================================
   Terms & Privacy Policy — one readable column.
   ========================================================================== */

.ia-legal-hero .ia-page-hero__inner {
  padding-top: 56px;
  padding-bottom: 56px;
}

.ia-legal {
  background: #FFFFFF;
  padding: 62px 0 84px;
}
.ia-legal .ia-container { max-width: 860px; }

.ia-legal__updated {
  font-size: 13.5px;
  color: #8FA3B8;
  margin: 0 0 30px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E4EBF2;
}

/* Long-form text: generous measure and spacing so it stays readable. */
.ia-legal__body { font-size: 16px; line-height: 1.75; color: #43607F; }
.ia-legal__body h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 27px;
  line-height: 1.15;
  font-weight: 700;
  color: #0F2440;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 40px 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid #F5821F;
}
.ia-legal__body h2:first-child { margin-top: 0; }
.ia-legal__body h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #0F2440;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin: 26px 0 8px;
}
/* The document nests three levels deep (8 → 8.5 → 8.5.1), so h4 has to read as
   a heading while still sitting clearly under h3. */
.ia-legal__body h4 {
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0F2440;
  letter-spacing: .2px;
  margin: 22px 0 6px;
}
/* Deep links (#terms, #privacy) land under the header, not behind it. */
.ia-legal__body h2[id] { scroll-margin-top: 96px; }
.ia-legal__body p { margin: 0 0 15px; text-wrap: pretty; }
.ia-legal__body ul,
.ia-legal__body ol { margin: 0 0 18px; padding-left: 0; list-style: none; }
.ia-legal__body ul li,
.ia-legal__body ol li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 9px;
}
.ia-legal__body ul li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  color: #F5821F;
  font-weight: 700;
}
.ia-legal__body ol { counter-reset: ia-legal; }
.ia-legal__body ol li { counter-increment: ia-legal; }
.ia-legal__body ol li::before {
  content: counter(ia-legal) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #F5821F;
  font-weight: 700;
}
.ia-legal__body a { font-weight: 600; }
.ia-legal__body strong { color: #0F2440; }

.ia-legal__contact {
  margin-top: 44px;
  background: #F4F7FA;
  border: 1px solid #E4EBF2;
  border-radius: 14px;
  padding: 26px 28px;
}
.ia-legal__contact-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: #0F2440;
  margin-bottom: 8px;
}
.ia-legal__contact p {
  margin: 0 0 6px;
  font-size: 15.5px;
  line-height: 1.6;
  color: #5C7590;
}
.ia-legal__license {
  font-size: 13.5px !important;
  color: #8FA3B8 !important;
  margin: 10px 0 0 !important;
}

@media (max-width: 640px) {
  .ia-legal { padding: 44px 0 60px; }
  .ia-legal__body { font-size: 15.5px; }
  .ia-legal__body h2 { font-size: 23px; margin-top: 32px; }
}
