/* Shared by the standalone legal pages (privacy.html, delete-account.html). These are deliberately outside the React app: their readers are people who cannot sign in — a store reviewer with no account, or someone whose access was just revoked — so they must render without the SPA booting. Keeping the stylesheet in one file stops the two pages drifting apart. */ :root{ --ink:#10192B; --ink-2:#4A5768; --ink-3:#77839A; --ground:#FFFFFF; --surface:#F5F7FA; --line:#E1E7EF; --accent:#0078D4; --sans:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif; } @media (prefers-color-scheme:dark){ :root{ --ink:#E8EEF7; --ink-2:#A7B4C6; --ink-3:#7C8AA0; --ground:#0D1420; --surface:#131D2C; --line:#243248; --accent:#4CA9F0; } } *{box-sizing:border-box} body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans); font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased} .wrap{max-width:760px;margin:0 auto;padding:40px 20px 80px} header{display:flex;align-items:center;justify-content:space-between;gap:16px; padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:32px;flex-wrap:wrap} .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px} .mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#00A4EF,#7FBA00); color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700} button{font:inherit;cursor:pointer;background:var(--surface);color:var(--ink); border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:600} button:hover{border-color:var(--accent);color:var(--accent)} button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} h1{font-size:30px;line-height:1.2;margin:0 0 6px;text-wrap:balance} h2{font-size:19px;margin:36px 0 10px;padding-top:4px} .updated{color:var(--ink-3);font-size:14px;margin:0 0 28px} p,li{color:var(--ink-2)} ul{padding-inline-start:22px} li{margin:6px 0} strong{color:var(--ink)} table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px} th,td{text-align:start;padding:10px 12px;border:1px solid var(--line);vertical-align:top} th{background:var(--surface);font-weight:600;color:var(--ink)} .note{background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--accent); border-radius:8px;padding:14px 16px;margin:18px 0} .note p{margin:0;color:var(--ink-2)} a{color:var(--accent)} footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:14px} /* Language toggle. Scoped to .i18n blocks on purpose: a bare [lang="ar"]{display:none} also matches once the toggle sets it, which hides the entire document. */ .i18n[lang="ar"]{display:none} html[dir="rtl"] .i18n[lang="en"]{display:none} html[dir="rtl"] .i18n[lang="ar"]{display:block} html[dir="rtl"]{font-family:'Segoe UI','Noto Naskh Arabic',Tahoma,sans-serif}