@font-face {
  font-family: "Loew Next Arabic";
  src: url("../fonts/Loew-Next-Arabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
:root { color-scheme: dark; --background: #000000; --heading: #7ADBD4; --text: #eeeeee; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--text); font-family: Arial, sans-serif; font-size: 1rem; line-height: 1.8; }
.policy { width: min(1120px, 100% - 80px); margin: 0 auto; padding: 76px 0 90px; }
.policy-language + .policy-language { margin-top: 76px; padding-top: 64px; border-top: 1px solid #252525; }
h1, h2 { color: var(--heading); font-weight: 700; line-height: 1.45; }
h1 { font-size: clamp(1.8rem, 3.2vw, 2.65rem); margin: 0 0 24px; }
h2 { font-size: clamp(1.2rem, 2vw, 1.5rem); margin: 0 0 8px; }
p { margin: 0; }
.intro { margin-bottom: 38px; }
.policy-section + .policy-section { margin-top: 28px; }
[lang="ar"] { font-family: "Loew Next Arabic", Arial, sans-serif; line-height: 2; }
[lang="ar"] h1, [lang="ar"] h2 { font-family: "Loew Next Arabic", Arial, sans-serif; }
.skip-link { position: absolute; top: 12px; left: 12px; transform: translateY(-180%); color: #000; background: var(--heading); padding: 8px 16px; }
.skip-link:focus { transform: translateY(0); }
@media (max-width: 640px) {
  .policy { width: calc(100% - 40px); padding: 40px 0 56px; }
  .policy-language + .policy-language { margin-top: 44px; padding-top: 40px; }
  .intro { margin-bottom: 30px; }
  .policy-section + .policy-section { margin-top: 24px; }
}