/* pages.css - shared by 404.html and privacy.html. Uses tokens from components.css. */
html{background:#05060a;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#05060a;color:#eef1f8;font:400 1.0625rem/1.65 'Chakra Petch','Segoe UI',system-ui,sans-serif}
.pg{max-width:640px;margin:0 auto;padding:max(16px,4vw);padding-top:clamp(56px,14vh,140px);padding-bottom:64px}
.pg h1{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-weight:800;font-size:clamp(2rem,9vw,4.5rem);line-height:.95;letter-spacing:-.02em;margin:0 0 1rem}
.pg h2{font-family:'Unbounded','Arial Black',Arial,sans-serif;font-weight:500;font-size:1.05rem;margin:2rem 0 .4rem}
.pg p{margin:0 0 1em;max-width:60ch}
.pg .muted{color:#a4adc2}
.pg .back{margin-top:2rem}