@charset "UTF-8";
/* The two legal documents, one layout. They are plain documents: a measured column, a
   contents list, and tables for the things people actually look up - what is collected,
   who sees it and how long it is kept. Palette and type come from styles.css. */

.legal-skip{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 18px;border-radius:0 0 8px 0;background:#e6c98f;color:#192a2e;font-size:13px;font-weight:650;text-decoration:none}
.legal-skip:focus{left:0}

.legal-page{width:min(860px,calc(100% - 96px));margin:0 auto;padding:96px 0 64px}
.legal-page:focus{outline:none}
.legal-page h1{margin-bottom:18px}
/* The dates carry legal weight, so they are not fine print: the footer's 56% grey measures
   3.39:1 on this background, under the 4.5:1 a reader needs at 11px. 80% of the same grey
   measures 5.3:1 and still sits clearly behind the intro paragraph below it. */
.legal-meta{margin:0 0 26px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a6b5b0cc}
.legal-intro{font-size:15px;line-height:1.85;color:#c7d2cd;margin:0 0 34px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.legal-intro strong{color:#e8e3d5;font-weight:650}
.legal-nowrap{white-space:nowrap}

/* Contents list: two columns where there is room, one where there is not. */
.legal-toc{border:1px solid var(--line);border-radius:10px;background:#11252d80;padding:22px 26px;margin:0 0 44px}
.legal-toc h2{margin:0 0 14px;font:600 9px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.legal-toc ol{margin:0;padding-left:20px;columns:2;column-gap:36px;font-size:12px;line-height:2}
.legal-toc li{break-inside:avoid}
.legal-toc a{color:#bccbc6;text-decoration:none;text-decoration-color:#ffffff33}
.legal-toc a:hover{color:var(--gold);text-decoration:underline}

/* Prose gets a reading measure. The page is 860px wide because the contents box and the tables
   are scanned rather than read, and 860px of 14px Inter is 120 to 130 characters to the line -
   half again what an eye returns from comfortably on a document this long. Paragraphs, headings
   and lists stop at 640px; the intro keeps its rule at the full page width so the header block
   still reads as one band above the contents box, and the tables stay full width because a
   three-column table needs the room that a paragraph does not. */
.legal-body section>*:not(.legal-table){max-width:640px}
.legal-intro{max-width:none;padding-right:max(0px,calc(100% - 640px))}

.legal-body{font-size:14px;line-height:1.85;color:#bdc9c4}
.legal-body section{margin:0 0 38px;scroll-margin-top:90px}
.legal-body section:last-child{margin-bottom:0}
.legal-body h2{font:400 26px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:#e9e6d8;margin:0 0 14px}
.legal-body h3{font:600 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#d8c8a5;margin:26px 0 10px}
.legal-body p{margin:0 0 14px}
.legal-body ul{margin:0 0 16px;padding-left:20px}
.legal-body li{margin:0 0 9px}
.legal-body li:last-child{margin-bottom:0}
.legal-body strong{color:#e8e3d5;font-weight:650}
.legal-body em{color:#d3c6ad}
.legal-body a{color:#e2cfa7;text-decoration-color:#e2cfa766}
.legal-body a:hover{color:var(--gold)}
.legal-body code{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff12;border:1px solid #ffffff1a;border-radius:4px;padding:1px 5px;color:#d9d3c2;overflow-wrap:anywhere}
/* Callout the reader must not miss: the reservation of rights, and the disclaimer. */
.legal-body p strong:first-child{color:#eed9ab}

.legal-table{width:100%;margin:6px 0 20px;border-collapse:collapse;font-size:12.5px;line-height:1.7}
.legal-table caption{caption-side:top;text-align:left;font-size:11px;letter-spacing:.04em;color:#94a5a0;padding:0 0 10px}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid #ffffff14}
.legal-table thead th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#cbbd9a;border-bottom:1px solid #ffffff2e;white-space:nowrap}
.legal-table tbody tr:nth-child(odd){background:#ffffff05}
.legal-table td:first-child{color:#dfe4d8;font-weight:600;width:38%}
.legal-table td a{overflow-wrap:anywhere}

.legal-related{margin:44px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:#9eafaa}
.legal-related a{color:#e2cfa7}

.legal-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(860px,calc(100% - 96px));margin:0 auto;padding:0 0 25px;font-size:10px;letter-spacing:.04em;color:#a6b5b08f}
.legal-footer a{color:#c8bd9e;text-decoration-color:#c8bd9e55}
/* The site footers take their link underline to currentColor on hover, so the documents'
   footer does too: without this it is the one footer that turns the text gold and leaves
   the rule under it the old washed-out tan. */
.legal-footer a:hover{color:var(--gold);text-decoration-color:currentColor}
.legal-footer a[aria-current="page"]{color:var(--gold);text-decoration:none}
.legal-footer>span:last-child{font-family:Georgia,serif;font-style:italic;letter-spacing:.06em}

@media(max-width:900px){
  .legal-page{width:calc(100% - 70px);padding-top:80px}
  .legal-footer{width:calc(100% - 70px)}
  .legal-toc ol{columns:1}
}
@media(max-width:600px){
  .legal-page{width:calc(100% - 48px);padding:64px 0 48px}
  .legal-page h1{font-size:38px}
  .legal-intro{font-size:14px}
  .legal-toc{padding:18px}
  .legal-body{font-size:13.5px;line-height:1.8}
  .legal-body h2{font-size:22px}
  .legal-table{font-size:11.5px}
  .legal-table th,.legal-table td{padding:8px 9px}
  .legal-table td:first-child{width:auto}
  .legal-footer{width:calc(100% - 48px);flex-wrap:wrap;gap:8px;font-size:9px}
}
/* On the narrowest phones the three headers on one line want more width than the table has
   left: the page was 26px wider than a 320px viewport, so the whole privacy policy scrolled
   sideways, and it is the only page in the tree that did. Below 350px the headers may wrap;
   from 360px up they stay on one line, because the table fits there. */
@media(max-width:350px){
  .legal-table thead th{white-space:normal}
}

/* In the launcher the sticky progress bar floats over the bottom of the page, so a
   document that ends on its last line needs room to scroll clear of it. */
.desktop-mode body.legal{padding-bottom:96px}
.desktop-mode .legal-page{padding-top:52px}
.desktop-mode .legal-footer{padding-bottom:8px}

@media print{
  .site-header,.legal-skip,.legal-toc,.legal-footer{display:none}
  .legal-page{width:auto;padding:0}
  body.legal{background:#fff;color:#111}
  .legal-body,.legal-body h2,.legal-body p,.legal-body li,.legal-intro{color:#111}
  .legal-body a{color:#111}
}