/* /privacy and /terms (SPEC-5.1 2.2): long-form reading in the landing page's colours and type. Loaded after
   landing.css, which supplies the fonts, the page container (.otd), .wrap and the footer. */
body{background:#0B1F3A}
.legal-top{padding:20px 24px 0;background:#0B1F3A}
.legal-home{display:inline-flex;align-items:center;min-height:48px}
.legal-home img{display:block;width:172px;height:auto}
.legal{padding:28px 24px 72px;background:#0B1F3A}
.legal-doc{max-width:46rem;margin:0 auto;font-size:17px;line-height:1.6;color:rgba(238,242,248,.86)}
.legal-doc h1{margin:0;font-family:"Archivo Black","Arial Black",system-ui,sans-serif;font-weight:400;font-size:clamp(32px,1.714cqi + 24px,48px);line-height:1.08;letter-spacing:-.012em;color:#EEF2F8}
.legal-doc .updated{margin:14px 0 8px;font-size:15px;color:#F5B800}
.legal-doc .updated strong{font-weight:700}
.legal-doc h2{margin:40px 0 10px;font-family:Archivo,system-ui,sans-serif;font-weight:800;font-size:clamp(20px,.48cqi + 18px,24px);line-height:1.25;color:#EEF2F8}
.legal-doc p{margin:0 0 14px}
.legal-doc ul{margin:0 0 16px;padding-left:1.25em}
.legal-doc li{margin:0 0 8px;padding-left:.25em}
.legal-doc li::marker{color:#F5B800}
.legal-doc strong{font-weight:700;color:#EEF2F8}
.legal-doc a{color:#EEF2F8;text-decoration:underline;text-decoration-color:rgba(245,184,0,.8);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-doc a:hover{color:#F5B800}
@container page (min-width:900px){
.legal-top{padding:40px max(24px,calc((100% - 1200px) / 2)) 0}
.legal-home img{width:236px}
.legal{padding:48px max(24px,calc((100% - 1200px) / 2)) 112px}
.legal-doc{margin:0}
}