/* Legal pages (privacy policy, account deletion). Extends semantik-pages.css. */

.page-hero .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.page-hero .hero-actions .btn svg { width: 18px; height: 18px; }

/* The legal body is English; keep it left-to-right even on the Arabic page. */
.doc .prose[dir="ltr"] { justify-self: start; }
[dir="rtl"] .doc .prose[dir="ltr"] { justify-self: end; text-align: left; }

.prose .callout[dir="rtl"] { text-align: right; }
.prose .callout a { color: var(--blue-dd); }

/* Alternatives (not a sequence): option cards */
.prose ul.options { list-style: none; padding: 0; display: grid; gap: 12px; margin: 0 0 1.4em; }
.prose ul.options li { margin: 0; padding: 18px 20px; border-radius: var(--r-panel); background: #fff; border: 1px solid #E4EBF3; box-shadow: var(--shadow-1); }
.prose ul.options li > strong:first-child { color: var(--ink); }

.prose .doc-cta { margin: 0 0 1.6em; }
.prose a.btn { color: var(--fg); text-decoration: none; }
.prose .doc-cta .btn svg { width: 18px; height: 18px; }

.contact-card { display: flex; gap: 16px; align-items: flex-start; padding: 20px 22px; border-radius: var(--r-panel); background: var(--paper); border: 1px solid #E4EBF3; margin: 0 0 1.4em; }
.contact-card p { margin: 0; }
.contact-card__icon { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--navy-2); color: var(--blue-l); }
.contact-card__icon svg { width: 20px; height: 20px; }

.prose .doc-related { margin-top: 2.4em; padding-top: 1.4em; border-top: 1px solid var(--line); font-size: .9375rem; }

@media (max-width: 900px) {
  .toc { padding: 18px 20px; border-radius: var(--r-panel); background: var(--paper); border: 1px solid #E4EBF3; }
  .toc ol { border-inline-start: 0; }
  .toc a { padding-inline: 0; border-inline-start: 0; margin-inline-start: 0; }
  [dir="rtl"] .doc .prose[dir="ltr"] { justify-self: stretch; }
}