/* ============================================================
   الصفحات الثابتة — Static content pages (about / support / privacy / faq)
   ============================================================ */
.container--narrow { max-width: 820px; }

.page-hero {
  background: linear-gradient(135deg, var(--sage-50), var(--bg-soft));
  padding-block: var(--sp-16) var(--sp-12);
  border-bottom: 1px solid var(--line);
}
.page-hero__crumb { display: flex; gap: 8px; font-size: var(--fs-sm); color: var(--muted); margin-bottom: var(--sp-4); }
.page-hero__crumb a:hover { color: var(--sage-600); }
.page-hero__title { font-size: clamp(1.8rem, 4vw, 2.6rem); }
.page-hero__intro { color: var(--ink-soft); max-width: 720px; margin-top: var(--sp-3); font-size: var(--fs-md); }

.page-blocks { display: grid; gap: var(--sp-5); }
.page-block {
  position: relative;
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: var(--sp-6) var(--sp-8); box-shadow: var(--sh-xs);
}
.page-block__head { font-size: var(--fs-lg); margin-bottom: var(--sp-3); display: flex; align-items: center; gap: 10px; }
.page-block__head::before { content: ""; width: 7px; height: 24px; border-radius: 4px; background: var(--sage-500); flex: none; }
.page-block__body { color: var(--ink-soft); line-height: 1.9; white-space: pre-line; }

@media (max-width: 640px) {
  .page-hero { padding-block: var(--sp-12) var(--sp-8); }
  .page-block { padding: var(--sp-5); }
}