:root {
  color-scheme: light;
  --ink: #211a12;
  --muted: #6f6254;
  --paper: #fbf6eb;
  --card: #fffdf8;
  --ochre: #b87816;
  --line: #e8dcc9;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;
  line-height: 1.8;
}
.legal-shell { max-width: 900px; margin: 0 auto; padding: 32px 20px 72px; }
.legal-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.brand { color: var(--ink); text-decoration: none; font-size: 1.35rem; font-weight: 700; }
.brand small { display: block; color: var(--muted); font-size: .78rem; font-weight: 400; }
.language-button {
  border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--ink);
  padding: 8px 16px; cursor: pointer; font: inherit; font-size: .9rem;
}
.legal-card { background: var(--card); border: 1px solid var(--line); border-radius: 24px; padding: clamp(24px, 5vw, 52px); box-shadow: 0 18px 60px rgba(61, 39, 13, .08); }
h1 { margin: 0 0 8px; font-family: Amiri, serif; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; }
h2 { margin-top: 32px; font-size: 1.25rem; color: var(--ochre); }
p, li { color: var(--muted); }
a { color: var(--ochre); }
.notice { margin: 24px 0; border-inline-start: 4px solid var(--ochre); border-radius: 12px; padding: 14px 18px; background: #fff5df; color: #6c4a1f; }
.legal-footer { margin-top: 22px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; color: var(--muted); font-size: .88rem; }
.legal-footer a { text-decoration: none; }
[data-en] { display: none; }
html[lang="en"] [data-ar] { display: none; }
html[lang="en"] [data-en] { display: revert; }
html[lang="en"] .legal-card { text-align: left; }
html[lang="en"] .notice { border-inline-start: 0; border-left: 4px solid var(--ochre); }
@media (max-width: 620px) { .legal-header { align-items: flex-start; } .legal-card { border-radius: 18px; } }