/* The legal pages (privacy, terms, cookies, disclaimer, accessibility, credits, contact, 404) and the shared footer.
   HeyBadge black and orange, plain reading layout. Orange text only ever sits on black (6.5:1); on light paper,
   links and highlights use a deep orange (#a33a00, 6.1:1) so they pass WCAG AA. */
:root{
  --ink:#141414; --paper:#f8f5ef; --card:#ffffff; --line:#e6dfd2; --text:#141414; --muted:#5d5850;
  --orange:#ff6b1a; --link:#a33a00; --bar:#101114; --on-bar:#f1efe9;
  --body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; --disp:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body-ar:"IBM Plex Sans Arabic","Cairo",system-ui,sans-serif; --disp-ar:"Cairo","IBM Plex Sans Arabic",sans-serif;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){--paper:#101114;--card:#18191d;--line:#2b2c31;--text:#f1efe9;--muted:#bdb7ac;--link:#ff8a45} }
:root[data-theme="dark"]{--paper:#101114;--card:#18191d;--line:#2b2c31;--text:#f1efe9;--muted:#bdb7ac;--link:#ff8a45}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body.legal{margin:0;color:var(--text);background:var(--paper);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
[dir="rtl"] body.legal{font-family:var(--body-ar)}
[hidden]{display:none!important}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:10;background:var(--orange);color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}

/* top bar: black with the logo and the language switch */
.legal-top{background:var(--bar);color:var(--on-bar)}
.legal-top .in{max-width:760px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.legal-logo{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;direction:ltr;font:800 26px/1 var(--disp)}
.legal-logo img{width:30px;height:30px}
.legal-logo b{color:var(--orange);font-weight:800}
.lang{display:flex;gap:4px;border:1px solid #3a3b40;border-radius:999px;padding:3px}
.lang button{border:0;background:transparent;color:#d8d4cc;font:600 14px/1 var(--body);padding:9px 13px;border-radius:999px;cursor:pointer;min-height:36px}
.lang button[lang="ar"]{font-family:var(--body-ar)}
.lang button[aria-pressed="true"]{background:var(--orange);color:var(--ink)}

main.legal-main{max-width:760px;margin:0 auto;padding:36px 16px 56px}
.legal-main h1{font:800 clamp(38px,8vw,56px)/1.02 var(--disp);letter-spacing:-.005em;margin:0 0 12px;text-transform:none}
[dir="rtl"] .legal-main h1{font-family:var(--disp-ar);font-weight:800;font-size:clamp(32px,7vw,46px);line-height:1.2}
.legal-main h2{font-size:19px;line-height:1.35;margin:30px 0 8px}
.legal-main h3{font-size:16px;margin:18px 0 4px}
.legal-main p,.legal-main li{color:var(--muted)}
.legal-main b,.legal-main strong{color:var(--text)}
.legal-main ul,.legal-main ol{padding-inline-start:22px;margin:6px 0}
.legal-main li{margin:5px 0}
.legal-main a{color:var(--link);text-underline-offset:2px}
.legal-main .lead{font-size:18px;color:var(--text)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px 20px 16px;margin-top:14px}
.card h2{margin-top:16px}
.note{border-inline-start:4px solid var(--orange);padding:8px 14px;background:var(--card);border-radius:0 10px 10px 0;margin:16px 0}
[dir="rtl"] .note{border-radius:10px 0 0 10px}
.meta{font-size:14px;color:var(--muted)}
.table-wrap{overflow-x:auto;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
th,td{text-align:start;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{color:var(--text);font-weight:700;background:color-mix(in srgb,var(--card) 80%,var(--line))}
td{color:var(--muted)}
tr:last-child td{border-bottom:0}
code{font:13.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:color-mix(in srgb,var(--card) 70%,var(--line));padding:1px 5px;border-radius:5px;color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1.5px solid var(--text);background:transparent;color:var(--text);font:600 15px/1 inherit;cursor:pointer;text-decoration:none}
.big-mail{font-size:20px;font-weight:700}
[lang="ar"] .en,[lang="en"] .ar{display:none!important}

@media (prefers-reduced-motion: reduce){ *{scroll-behavior:auto!important} }