:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#142021;color:#c9d3cc;font:15px/1.7 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:680px;margin:0 auto;padding:clamp(28px,7vh,72px) clamp(20px,5vw,40px) 80px}
.back{display:inline-block;margin-bottom:40px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#a9b7ae;text-decoration:none}
.back:hover,a:hover{color:#fff}
h1{margin:0 0 6px;font-size:30px;line-height:1.15;font-weight:430;letter-spacing:-.02em;color:#f2ede3}
.updated{margin:0 0 36px;font-size:12px;color:#a9b7ae}
h2{margin:38px 0 10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:#e4d6b9}
p,li{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
a{color:#e5cfad}
code{font-size:13px}
:focus-visible{outline:2px solid #e4d6b9;outline-offset:4px}
.legal{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:48px;padding-top:20px;border-top:1px solid #2a3a3a;font-size:12px}
.legal a{color:#a9b7ae}
h1.choices{margin-bottom:28px}
strong{color:#f2ede3;font-weight:600}
.control{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:28px 0}
.control p{margin:0}
.optout{min-height:44px;padding:0 22px;border:1px solid #e4d6b98c;border-radius:2px;background:#1d3330;color:#f2ede3;font:inherit;font-size:12px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
.optout:hover{border-color:#e5cfad;background:#24403c}
