/* ==========================================================================
   Privacy policy (no Canva design): a readable text column in the site's
   own type and colours. Missing data is highlighted in red (.todo) until
   the client supplies it.
   ========================================================================== */

.policy { padding: calc(40 * var(--e)) calc(60 * var(--e)) calc(120 * var(--e)); }
.policy__body { max-width: 46rem; margin: 0 auto; font-weight: 300; font-size: max(16px, calc(17 * var(--e))); line-height: 1.6; letter-spacing: -.02em; }
.policy__title { font-weight: 900; font-size: max(34px, calc(56 * var(--e))); line-height: 1.05; letter-spacing: -.078em; color: var(--blue); margin-bottom: .4em; }
.policy__date { font-size: .9em; opacity: .75; margin-bottom: 2em; }
.policy h2 { font-weight: 900; font-size: 1.25em; line-height: 1.2; letter-spacing: -.06em; color: var(--ink); margin: 2em 0 .6em; }
.policy p + p, .policy ul + p, .policy p + ul { margin-top: .8em; }
.policy ul { list-style: disc; padding-left: 1.2em; }
.policy li + li { margin-top: .6em; }
.policy strong { font-weight: 700; }
.policy a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.policy .todo { background: none; color: var(--red); font-weight: 700; }

.policy__footer { justify-content: flex-end; padding-top: calc(60 * var(--e)); padding-bottom: calc(80 * var(--e)); }

@media (max-width: 900px) {
  .policy { padding: calc(30 * var(--u)) calc(32 * var(--u)) calc(80 * var(--u)); }
  .policy__footer { padding-top: calc(50 * var(--u)); }
}