/* Shared style for the legal pages (privacy.html, cookies.html) — same palette as the main site */
:root {
  --ink:#0A0A0B; --coal:#111114; --line:rgba(255,255,255,.08);
  --gold:#C9A24A; --gold-l:#E7CE89; --text:#cbd5e1; --muted:#94a3b8;
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--ink); color:var(--text);
  font-family:"Inter",system-ui,sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased;
}
body::before {
  content:""; position:absolute; left:0; right:0; top:0; height:620px; pointer-events:none;
  background:radial-gradient(55% 70% at 85% 0%, rgba(201,162,74,.12), transparent 65%);
}
a { color:var(--gold-l); text-underline-offset:3px; }
a:hover { color:var(--gold); }

.top { position:sticky; top:0; z-index:10; background:rgba(10,10,11,.94); border-bottom:1px solid var(--line); }
.top-in { max-width:960px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.brand { display:flex; align-items:center; gap:8px; text-decoration:none; font-family:"Sora",sans-serif; font-weight:800; font-size:1.35rem; letter-spacing:-.02em; color:#fff; }
.brand:hover { color:#fff; }
.brand img { height:40px; width:auto; }
.brand b { color:var(--gold); font-weight:800; }
.top-r { display:flex; align-items:center; gap:18px; }
.back { color:var(--text); text-decoration:none; font-size:.875rem; white-space:nowrap; }
.back:hover { color:var(--gold-l); }
.lang { display:inline-flex; gap:2px; padding:3px; border:1px solid rgba(255,255,255,.15); border-radius:9999px; }
.lang button {
  font:700 11px/1 "Inter",sans-serif; letter-spacing:.05em; padding:6px 10px; border-radius:9999px;
  border:0; background:none; color:var(--muted); cursor:pointer; transition:background .2s, color .2s;
}
.lang button.on { background:var(--gold); color:#0A0A0B; }

main { position:relative; max-width:860px; margin:0 auto; padding:56px 20px 88px; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.25em; font-size:.72rem; font-weight:600; }
h1 { font-family:"Sora",sans-serif; color:#fff; font-size:clamp(2rem,5vw,3rem); line-height:1.15; margin:.6rem 0 .6rem; }
.updated { color:var(--muted); font-size:.875rem; margin:0 0 1.5rem; }
.lead { font-size:1.05rem; color:#e2e8f0; }
h2 {
  font-family:"Sora",sans-serif; color:#fff; font-size:1.2rem; line-height:1.35;
  margin:2.4rem 0 .8rem; padding-top:1.6rem; border-top:1px solid var(--line);
}
h2 .n { color:var(--gold); margin-right:.45rem; }
p, li { font-size:.97rem; }
ul { padding-left:1.2rem; margin:.6rem 0 1rem; }
li { margin:.4rem 0; }
li::marker { color:var(--gold); }
strong { color:#fff; font-weight:600; }
.card {
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
  border:1px solid var(--line); border-radius:16px; padding:16px 20px; margin:1rem 0;
}
.card.gold { border-color:rgba(201,162,74,.35); background:rgba(201,162,74,.06); }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:14px; margin:1rem 0; }
table { width:100%; border-collapse:collapse; font-size:.9rem; min-width:600px; }
th, td { text-align:left; vertical-align:top; padding:.8rem .9rem; border-bottom:1px solid var(--line); }
th { color:#fff; font-weight:600; background:rgba(255,255,255,.03); white-space:nowrap; }
tr:last-child td { border-bottom:0; }
td code { color:var(--gold-l); font-size:.85rem; }
.btn {
  display:inline-block; background:var(--gold); color:#0A0A0B; font-weight:600; text-decoration:none;
  padding:.8rem 1.3rem; border-radius:12px; margin-top:.4rem; transition:background .25s;
}
.btn:hover { background:var(--gold-l); color:#0A0A0B; }

.foot { border-top:1px solid var(--line); background:#000; }
.foot-in {
  max-width:960px; margin:0 auto; padding:22px 20px; display:flex; flex-wrap:wrap; justify-content:space-between;
  gap:10px 24px; font-size:.8rem; color:#64748b;
}
.foot-in nav { display:flex; flex-wrap:wrap; gap:6px 18px; }
.foot-in a { color:#94a3b8; text-decoration:none; }
.foot-in a:hover { color:var(--gold-l); }

@media (max-width: 640px) {
  .back .t { display:none; }
  .brand { font-size:1.15rem; }
  .brand img { height:34px; }
  main { padding-top:40px; }
}