/* Shared shell for the legal pages. Deliberately plain: these are documents,
   not the product. They need to stay readable and printable, so they take the
   site's colours but none of its glass, art or animation. */
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }

:root{
  --field: #ECEDF1;
  --ink:   #372A63;   /* headings, links */
  --body:  #2A2D35;   /* running text: near-black, easier than violet at length */
  --muted: #6C727C;
}

body{
  background:var(--field); color:var(--body);
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:15px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

.wrap{ max-width:720px; margin:0 auto; padding:56px 22px 96px; }
.brand{ display:block; width:132px; height:auto; margin:0 0 40px; }

h1{ font-size:26px; font-weight:800; letter-spacing:-.01em; color:var(--ink); margin:0 0 6px; }
.updated{ font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); margin:0 0 40px; }
h2{ font-size:13px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
    color:var(--ink); margin:38px 0 10px; }

p,li{ margin:0 0 14px; }
ul{ padding-left:20px; margin:0 0 14px; }
strong{ color:#12141a; }

a{ color:var(--ink); text-underline-offset:3px; }
a:hover{ color:#12141a; }

.back{ display:inline-block; margin-top:44px; font-size:12px; letter-spacing:.16em;
       text-transform:uppercase; color:var(--muted); text-decoration:none; }
.back:hover{ color:var(--ink); }