/* #/privacy «الخصوصية» (js/pages/privacy.js): a bare page (no shell, no code needed). One readable column of the V4
   cards on the app's black; phone first. Tokens only (css/tokens.css). */
.pv {
  max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; display: flex; flex-direction: column; gap: 18px;
  padding-bottom: max(48px, env(safe-area-inset-bottom));
}
.pv-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pv-logo { width: 28px; height: 28px; }
.pv-head { display: flex; flex-direction: column; gap: 8px; padding: 6px 4px 4px; }
.pv-eyebrow { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-meta); color: var(--ac); }
.pv-eyebrow .ph { font-size: 16px; }
.pv-title { font-size: 32px; font-weight: 400; line-height: 1.35; }
.pv-lead { color: var(--muted); font-size: var(--fs-body); line-height: 1.8; }
.pv-cards { display: flex; flex-direction: column; gap: 10px; }
.pv-card { gap: 12px; }
.pv-text { font-size: var(--fs-body); line-height: 1.9; color: var(--soft); }
.pv-list { display: flex; flex-direction: column; gap: 8px; padding-inline-start: 0; list-style: none; }
.pv-list li {
  position: relative; padding-inline-start: 18px; font-size: var(--fs-body); line-height: 1.9; color: var(--soft);
}
.pv-list li::before {
  content: ""; position: absolute; inset-inline-start: 2px; top: .8em; width: 6px; height: 6px; border-radius: 50%;
  background: var(--ac);
}
.pv-wa { align-self: flex-start; padding: 0 22px; }
.pv-updated { font-size: var(--fs-small); color: var(--muted-2); text-align: center; }

@media (min-width: 701px) {
  .pv { padding-top: 40px; gap: 22px; }
  .pv-title { font-size: 40px; }
}
@media (max-width: 700px) {
  .pv-title { font-size: 28px; }
  .pv-text, .pv-list li { font-size: var(--fs-ui); }
  .pv-wa { align-self: stretch; }
}