/* The public pages /privacy and /support (and their /en versions): plain text pages with no scripts. */
@font-face { font-family: "GE SS Two"; src: url("../fonts/NotoKufiArabic-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Thq Sans"; src: url("../fonts/NotoSansArabic-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Thq Sans"; src: url("../fonts/NotoSansArabic-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  --bg: #FDFCF9;
  --surface: #FFFFFF;
  --surface-2: #F8F1E7;
  --ink: #1D2032;
  --ink-2: #4A4E5E;
  --border: #EADFCD;
  --primary: #7F6444;
  --primary-hover: #5E4A31;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Thq Sans", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  font-size: 17px;
  line-height: 1.9;
  overflow-wrap: anywhere;
}
[lang="en"] body, body:lang(en) { line-height: 1.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

.top {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
}
.top-in, main, .foot {
  max-width: 720px;
  margin: 0 auto;
  padding-inline: 20px;
}
.top-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; }
.home img { display: block; height: 44px; width: auto; }
.lang {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  border: 1.5px solid var(--primary); border-radius: 999px;
  color: var(--primary); font-weight: 700; font-size: 16px; text-decoration: none;
}
.lang:hover { background: var(--primary); color: #FFFFFF; }

main { padding-block: 32px 24px; }
h1 {
  margin: 0 0 6px;
  font-family: "GE SS Two", "Thq Sans", sans-serif;
  font-size: 26px; line-height: 1.5; color: var(--ink);
}
:lang(en) h1 { font-family: inherit; }
h2 {
  margin: 32px 0 8px;
  font-size: 20px; line-height: 1.5; color: var(--primary);
}
.updated { margin: 0 0 20px; color: var(--ink-2); font-size: 16px; }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-inline-start: 24px; }
li { margin-bottom: 8px; }
li > ul { margin-top: 8px; }
a { color: var(--primary); text-underline-offset: 3px; }
a:hover { color: var(--primary-hover); }
a[href^="mailto:"] { font-weight: 700; }

table { width: 100%; border-collapse: collapse; margin: 8px 0 16px; background: var(--surface); font-size: 16px; }
th, td { border: 1px solid var(--border); padding: 10px 12px; text-align: start; vertical-align: top; }
th { background: var(--surface-2); }

.faq dt { font-weight: 700; margin-top: 16px; }
.faq dd { margin: 4px 0 0; }

.foot { padding-block: 20px 40px; border-top: 1px solid var(--border); font-size: 16px; }
.foot p { margin: 0; }

@media (max-width: 480px) {
  body { font-size: 16.5px; }
  h1 { font-size: 22px; }
  h2 { font-size: 18px; }
  .home img { height: 38px; }
  th, td { padding: 8px; }
}