/* The privacy policy and terms of service (privacy.html, terms.html): one white sheet on the homepage's sky, set in
   the site's type and navy ink. Layered over styles.css, prototype.css and blue.css for the header, footer and colours. */

body{background:linear-gradient(#c6dbf0,#b3cfec 45%,#bed6ef) fixed}
.legal-page .site-header{position:relative} /* the header scrolls away rather than floating over the text */

.legal{padding:clamp(16px,4vw,48px) 16px clamp(48px,8vw,96px)}
.legal-sheet{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,72px);border-radius:18px;background:#fbfcfd;color:#22344f;
 box-shadow:0 0 0 1px #14233a0a,0 1px 2px #14233a0f,0 24px 60px -24px #14233a40}
.legal .legal-date{margin:0 0 18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted)}
.legal h1{margin:0 0 20px;font-family:var(--serif);font-weight:400;font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-1.2px;color:var(--forest)}
.legal .legal-lede{margin:0 0 8px;font-family:var(--serif);font-size:clamp(20px,2.4vw,24px);line-height:1.4;color:var(--ink-soft)}
.legal h2{margin:40px 0 12px;padding-top:28px;border-top:1px solid #0f2c561a;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;color:var(--forest)}
.legal h3{margin:24px 0 6px;font-size:11.5px;font-weight:550;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.legal p,.legal li{font-size:16px;line-height:1.7}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:1.2em}
.legal li{margin:0 0 6px}
.legal a{text-decoration:underline;text-decoration-color:#0f2c5659;text-underline-offset:3px;color:var(--forest);transition:text-decoration-color .2s}
.legal a:hover{text-decoration-color:currentColor}
.legal-also{margin-top:40px;padding-top:24px;border-top:1px solid #0f2c561a}