/* MORRB — legal pages (privacy, terms)
 *
 * Loaded after site.css and additive to it. V02 is a one-page marketing site,
 * so site.css carries no running-text styles at all (`p { margin: 0 }`, no list
 * or article rules). A policy is running text, so this fills that gap — using
 * the site's own measures rather than new ones:
 *
 *   measure      44rem — the width site.css already uses for running text
 *                (.faq_answer)
 *   rhythm       3rem / 1.5rem / 1rem / .75rem — existing site.css gaps
 *   inline link  var(--morrb--teal), no underline — exactly how site.css
 *                styles a link inside body copy (.faq_answer a)
 *   type         h1/h3 from the site's type scale, body copy inherits
 *                1rem/1.5 from body
 */

.legal { max-width: 44rem; }

.legal__meta { margin-top: .75rem; opacity: .70; /* morrb-a11y */ font-size: .875rem; }

/* The type scale sets margin: 0 on every heading, so spacing is set here.
   scroll-margin-top matches site.css's `section[id]` rule: the header is fixed,
   so a linked section has to clear it. */
/* morrb-legal-h2:start */
.legal h2 {
  letter-spacing: -.02em;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}
/* morrb-legal-h2:end */
.legal h2, .legal h3 {
  margin-top: 3rem;
  margin-bottom: 1rem;
  scroll-margin-top: 5rem;
}

.legal p { margin: 0 0 1rem; }
.legal p:last-child { margin-bottom: 0; }

/* Not a flex column: flex items lose `display: list-item`, and with it the
   bullets. Spacing comes from the items instead. */
.legal ul {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
  list-style: disc;
}
.legal li { margin-bottom: .5rem; }
.legal li:last-child { margin-bottom: 0; }

.legal a {
  color: var(--morrb--teal);
  text-decoration: none;
}
.legal a:hover { text-decoration: underline; }

/* Long unbroken strings (email addresses, URLs) must not push the page wide. */
.legal { overflow-wrap: break-word; }

@media screen and (max-width: 767px) {
  /* morrb-legal-h2:start */
.legal h2 { font-size: 1.5rem; }
/* morrb-legal-h2:end */
.legal h2, .legal h3 { margin-top: 2.5rem; }
}