/* ─────────────────────────────────────────────────────────────────────────────
   legal.css — prose styling shared by privacy-notice, terms-conditions,
   cookie-policy and 404.

   These four pages are plain reading, not scroll theatre: one micro-label +
   heading at the top (the standard about-header_wrapper pattern), then this
   wrapper sets the measure and type for everything under it. No rows, no
   rolling reveals inside the prose itself.

   Loads after ptech-home.css.
   ───────────────────────────────────────────────────────────────────────────── */

.legal-meta {
  font-family: Montserrat, sans-serif;
  font-size: 0.85em;
  color: var(--ptech-bone-dim);
  margin: 0.8em 0 0;
}

.legal-content {
  max-width: 42em;
  margin: 5em auto 0;
  text-align: left;
}

.legal-block + .legal-block {
  margin-top: 2.6em;
}

.legal-content h2 {
  font-family: Gabarito, sans-serif;
  font-size: 1.6em;
  font-weight: 900;
  line-height: 1.15;
  margin: 0 0 0.6em;
}

.legal-content h3 {
  font-family: Montserrat, sans-serif;
  font-size: 1.05em;
  font-weight: 700;
  margin: 1.5em 0 0.5em;
}

.legal-content p {
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  line-height: 1.65;
  color: var(--ptech-bone);
  margin: 0 0 1em;
}

.legal-content ul {
  margin: 0 0 1em;
  padding-left: 1.2em;
}

.legal-content li {
  font-family: Montserrat, sans-serif;
  font-size: 1em;
  line-height: 1.65;
  color: var(--ptech-bone);
  margin-bottom: 0.6em;
}

.legal-content li:last-child { margin-bottom: 0; }

.legal-content strong { font-weight: 700; }

.legal-content hr {
  border: none;
  border-top: 1px solid var(--ptech-hair);
  margin: 2.8em 0;
}

.legal-content a {
  color: inherit;
}

@media (max-width: 767px) {
  .legal-content { margin-top: 3.2em; }
  .legal-block + .legal-block { margin-top: 2.2em; }
}