/* Readability improvements for long-form text on the privacy page */
/* Scope all rules to the service-inner-area to avoid global impact */

.service-inner-area {
  background-color: #ffffff;
  color: #222222;
}

/* Constrain line length for better legibility */
.service-inner-area .container {
  max-width: 820px;
}

@media (min-width: 992px) {
  .service-inner-area .container {
    max-width: 920px;
  }
}

/* Typography */
.service-inner-area h1,
.service-inner-area h2,
.service-inner-area h3,
.service-inner-area h4,
.service-inner-area h5 {
  color: #0d0d0d;
  line-height: 1.25;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

.service-inner-area h2:first-child,
.service-inner-area h3:first-child,
.service-inner-area h4:first-child {
  margin-top: 0.2em;
}

.service-inner-area p,
.service-inner-area li {
  font-size: 18px;
  line-height: 1.8;
  color: #222222;
}

@media (max-width: 480px) {
  .service-inner-area p,
  .service-inner-area li {
    font-size: 17px;
    line-height: 1.75;
  }
}

.service-inner-area p {
  margin-bottom: 1em;
}

.service-inner-area ul,
.service-inner-area ol {
  padding-left: 1.25em;
  margin-bottom: 1em;
}

.service-inner-area li + li {
  margin-top: 0.35em;
}

.service-inner-area a {
  color: #0b5ed7; /* readable blue */
  text-decoration: underline;
  text-underline-offset: 2px;
}

.service-inner-area a:hover,
.service-inner-area a:focus {
  color: #084298; /* darker on hover for contrast */
}

.service-inner-area hr {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid #e1e1e1;
}

.service-inner-area abbr[title] {
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}