/* Typography for the Terms of Use and Privacy Policy documents.
   Body text matches the home page's "Important Information" block:
   Roboto 11px / 1.25, #444, justified, one blank line between paragraphs.
   Used by the standalone pages and the pop-up window, so it overrides the
   template's global heading, paragraph, and list styles. */
.legal-doc {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
  color: #444;
}
.legal-doc h1,
.legal-doc h2 {
  font-family: 'Roboto', sans-serif;
}
.legal-doc h1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: #1C2B36;
  margin: 0 0 4px;
  text-align: center;
}
.legal-doc .legal-effective {
  font-size: 11px;
  color: #6b6b6b;
  margin: 0 0 24px;
  text-align: center;
}
.legal-doc h2 {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  color: #444;
  margin: 22px 0 6px;
}
.legal-doc p,
.legal-doc li {
  font-size: 11px;
  line-height: 1.25;
  color: #444;
  text-align: justify;
}
.legal-doc p {
  margin: 0 0 1.25em; /* one blank line, like the <br><br> on the home page */
}
.legal-doc ul {
  list-style: disc outside;
  margin: 0 0 1.25em;
  padding-left: 18px;
}
.legal-doc li {
  margin-bottom: 3px;
}
.legal-doc a,
.legal-doc a:hover,
.legal-doc a:focus {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(68, 68, 68, 0.4);
}
.legal-doc a:hover {
  text-decoration-color: currentColor;
}