/* Terms and Privacy: the landing page's fonts and colours, set for reading. */
@font-face{font-family:'Clash Display';src:url(/fonts/clash-display-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;background:rgb(5,8,15);color:rgb(210,215,224);-webkit-font-smoothing:antialiased}
body{font:400 16px/1.6 Satoshi,sans-serif;padding:24px 20px 64px}
main{max-width:720px;margin:0 auto}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}
header img{width:140px;height:auto;display:block}
a{color:rgb(26,132,218)}
h1{font:700 clamp(32px,6vw,48px)/1.05 'Clash Display',sans-serif;letter-spacing:-0.02em;color:rgb(244,244,240);margin:0 0 8px}
h2{font:700 20px/1.2 'Clash Display',sans-serif;color:rgb(244,244,240);margin:40px 0 8px}
.updated{color:rgb(140,155,182);font-size:14px;margin:0 0 32px}
.draft{border-radius:12px;padding:12px 16px;background:rgba(230,132,41,0.12);box-shadow:inset 0 0 0 1px rgb(230,132,41);color:rgb(244,244,240);font-size:14px;margin-bottom:32px}
li{margin:4px 0}
footer{margin-top:64px;color:rgb(140,155,182);font-size:14px}