/* Shared look for every privacy page: same palette and type as the Apps MB home page.
   Each page sets --accent to its game colour. */
:root{color-scheme:dark;--bg:#141711;--ink:#f2f1e8;--muted:#a7ae9c;--line:#353b2f;--accent:#d0f97a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#d9ddd0;font:17px/1.75 "Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
a{color:var(--accent);text-underline-offset:4px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.legal-top,.legal-foot,main{width:min(780px,calc(100% - 40px));margin-inline:auto}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;border-bottom:1px solid var(--line)}
.legal-top a{color:var(--ink);text-decoration:none;font-size:14px}
.legal-top a:hover{color:var(--accent)}
.legal-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px!important;letter-spacing:-.5px}
main{padding:48px 0 72px}
main nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
main nav a{font-size:13px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:30px;padding:7px 15px}
main nav a:hover{border-color:var(--accent)}
h1{color:var(--ink);font-size:clamp(34px,6vw,54px);line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0 0 18px}
h2{color:var(--ink);font-size:23px;line-height:1.3;letter-spacing:-.4px;font-weight:600;margin:44px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
p,li{max-width:68ch}
ul{padding-left:22px}
li{margin-bottom:6px}
small,.meta{color:var(--muted);font-size:14px}
.tag{font:12px monospace;letter-spacing:2px;color:var(--accent)}
hr{border:0;border-top:1px solid var(--line);margin:72px 0}
section{scroll-margin-top:24px}
.legal-foot{border-top:1px solid var(--line);padding:32px 0 48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
.legal-foot strong{color:var(--ink);letter-spacing:-.5px}
.legal-foot strong span{color:var(--accent);font-weight:400;margin-left:8px}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.legal-foot a{color:var(--ink);text-decoration:none}
.legal-foot a:hover{color:var(--accent)}
@media(max-width:600px){body{font-size:16px}.legal-top{min-height:70px}main{padding-top:34px}h2{font-size:21px}}