/* ==========================================================================
   Numera - pages/privacy.css
   The privacy page (generator/templates/privacy.html): short sections of a heading, a paragraph and a list, in a
   reading column. The page head is shared (css/pages.css). Logical properties make the same rules work in Arabic.
   ========================================================================== */

.privacy { padding: 40px 0 8px; background: var(--c-ground); }
.page-head + .privacy { padding-top: 16px; }
.privacy__body { max-width: 780px; }
.privacy__title {
  margin-bottom: 14px;
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.2;
  font-weight: 700;
  color: var(--c-ink);
  text-wrap: balance;
}
.privacy__text,
.privacy__list {
  font-size: 16.5px;
  line-height: 1.65;
  color: rgba(10,21,23,0.82);
}
.privacy__text + .privacy__list,
.privacy__list + .privacy__text { margin-top: 12px; }
.privacy__list { padding-inline-start: 22px; }
.privacy__list li + li { margin-top: 8px; }
.privacy__text a { color: var(--c-primary); text-decoration: underline; text-underline-offset: 3px; }
.privacy:last-of-type { padding-bottom: 72px; }

@media (max-width: 760px) {
  .privacy { padding: 32px 0 4px; }
  .privacy:last-of-type { padding-bottom: 56px; }
}

/* ---- Arabic: Tajawal replaces the Latin font main.css gives these elements ---- */
[dir="rtl"] .privacy__title,
[dir="rtl"] .privacy__text,
[dir="rtl"] .privacy__list { font-family: var(--font-arabic); }