/* The privacy, terms and data-deletion pages (privacy.html, terms.html, data-deletion.html), which the sign-in
   providers' apps link to. The sign-in's look: pure white, the horizontal logo with the TM in the top-left corner, one typeface
   (Montserrat) at four sizes: 28px the title, 18.72px a section, 16px the text, 14px the date and the footer.
   BRAND: every colour is a token in the :root block just below; a test checks that no colour is written after it. */
:root{
  --legal-paper:#FFFFFF;     /* pure white, also on a device set to dark */
  --legal-ink:#0A3161;       /* headings and links: Old Glory Navy */
  --legal-text:#1A1D24;      /* text: Architect Charcoal */
  --legal-muted:#4A5160;     /* the date and the footer: Atlas Slate */
  --legal-line:#E3E8EF;      /* the line above the footer */
  --legal-focus:#EC6C00;     /* the keyboard's focus ring: CysecIn Orange */
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  color-scheme:light}
html{background:var(--legal-paper)}
body{margin:0;background:var(--legal-paper);color:var(--legal-text);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.legal-page{max-width:44rem;margin:0 auto;padding:36px 16px 48px}
.legal-logo{display:inline-block;line-height:0}
.legal-logo img{display:block;width:200px;height:auto}
.legal-page h1{margin:40px 0 4px;font:600 1.75rem/1.2 var(--sans);letter-spacing:-.01em;color:var(--legal-ink)}
.legal-page .date{margin:0 0 28px;font:400 .875rem/1.5 var(--sans);color:var(--legal-muted)}
.legal-page h2{margin:32px 0 8px;font:600 1.17rem/1.3 var(--sans);color:var(--legal-ink)}
.legal-page p,.legal-page li{margin:0 0 12px}
.legal-page ul{margin:0 0 12px;padding-left:1.25rem}
.legal-page a{color:var(--legal-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.legal-page a:hover{text-decoration-thickness:2px}
.legal-page a:focus-visible{outline:2px solid var(--legal-focus);outline-offset:2px}
.legal-page strong{font-weight:600}
.legal-page code{font:inherit;font-weight:600}
.legal-foot{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:40px;padding-top:16px;border-top:1px solid var(--legal-line);
  font:400 .875rem/1.5 var(--sans);color:var(--legal-muted)}
@media (max-width:420px){.legal-page h1{font-size:1.625rem}}