/* Shared by hosting/privacy/*.html and hosting/terms/*.html — the same
   palette as support.html. Logical properties (margin-inline, padding-inline)
   so an Arabic or Hebrew page mirrors with dir="rtl" and no extra rules. */
:root { --ink:#2B1F2C; --night:#150E18; --fig:#574254; --text:#F8F5F1; --text2:#D8CED8;
        --teal:#8FBDB6; --card:rgba(255,255,255,.06); --line:rgba(255,255,255,.14); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); font:500 16px/1.6 'Hanken Grotesk',system-ui,sans-serif;
       background:radial-gradient(120% 70% at 10% 0%, var(--fig), transparent 60%),
                  radial-gradient(90% 60% at 100% 100%, rgba(93,133,128,.45), transparent 60%),
                  linear-gradient(var(--ink), var(--night)); background-attachment:fixed; }
main { max-width:680px; margin:0 auto; padding:48px 20px 56px; overflow-wrap:anywhere; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:18px; }
.brand span { width:30px; height:30px; border-radius:9px; background:linear-gradient(135deg,#C9A9C6,#574254); }
h1 { font:600 38px/1.1 'Fraunces',Georgia,serif; margin:36px 0 12px; }
h2 { font:600 22px/1.25 'Fraunces',Georgia,serif; margin:36px 0 10px; }
h3 { font-size:16px; margin:20px 0 6px; }
p { margin:0 0 12px; }
ul { margin:6px 0 14px; padding-inline-start:22px; }
li { margin-bottom:6px; color:var(--text2); }
a { color:var(--teal); }
.meta { color:var(--text2); background:var(--card); border:1px solid var(--line); border-radius:16px; padding:14px 18px; margin:0 0 24px; }
.meta p { margin:0 0 4px; }
.lead { font-weight:700; }
footer { margin-top:40px; border-top:1px solid var(--line); padding-top:20px; display:flex; gap:18px; flex-wrap:wrap; font-size:14px; }
.meta-note { color:var(--text2); font-size:14px; margin:-12px 0 24px; }
.langs { margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; font-size:14px; }
.langs a[aria-current] { color:var(--text); text-decoration:none; font-weight:700; }