/* Shared styles for the RiiG3N legal pages. Brand palette only. */
:root{
  --bg:#1b245a; --deep:#141a47; --night:#0E1220;
  --pink:#E30045; --teal:#19BEBA; --violet:#8F84FF; --gold:#FFC53D;
  --paper:#FAF8F5; --muted:#A9AFD0; --line:rgba(250,248,245,.14);
  --display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--display);font-size:17px;line-height:1.65}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.inner{max-width:760px;margin:0 auto}
a{color:var(--teal)}
a:hover{color:var(--paper)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.top{border-bottom:1px solid var(--line)}
.top .inner{max-width:1160px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:14px}
.top img{height:28px;width:auto;display:block}
.top nav{display:flex;gap:18px;font:500 14px var(--mono)}
.top nav a{color:var(--paper);text-decoration:none}
.top nav a[aria-current="page"]{color:var(--teal)}
main .inner{padding-block:56px 80px}
.tag{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
h1{font-weight:800;font-size:clamp(38px,6vw,60px);line-height:1;letter-spacing:-.04em;margin:.2em 0 .3em}
.updated{font:500 13px var(--mono);color:var(--muted);margin:0 0 28px}
.summary{background:var(--deep);border:1px solid var(--line);border-radius:22px;padding:22px 24px;margin-bottom:36px}
.summary h2{margin-top:0}
.summary ul{margin:0;padding-left:20px}
h2{font-weight:800;font-size:clamp(22px,3vw,28px);letter-spacing:-.02em;line-height:1.15;margin:44px 0 10px;text-wrap:balance}
h3{font-size:18px;margin:24px 0 6px}
p,li{color:#DCDFF0}
li+li{margin-top:6px}
.todo{background:rgba(255,197,61,.16);color:var(--gold);border-radius:6px;padding:0 6px;font:500 .9em var(--mono)}
.tablewrap{overflow-x:auto;margin:14px 0}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
footer{border-top:1px solid var(--line)}
footer .inner{max-width:1160px;padding-block:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font:500 13px var(--mono);color:var(--muted)}
footer a{color:var(--muted)}
footer .links{display:flex;gap:16px;flex-wrap:wrap}
