/* Standalone stylesheet for the legal pages (not fingerprinted by build.mjs, so it keeps its name) */
@font-face{font-family:"Inter";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--black:#050506;--grey:#9A9AA3;--white:#F3F0EA;--sun-a:#EDEDEF;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--black);color:var(--white);font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.6}
a{color:inherit}
h1,h2{font-family:"Inter",system-ui,sans-serif;font-weight:500;line-height:1.1;letter-spacing:-.03em}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
:focus-visible{outline:2px solid var(--sun-a);outline-offset:4px}
.legal{max-width:760px;margin:0 auto;padding:120px var(--pad) 80px}
.legal h1{font-size:clamp(36px,5vw,60px);margin-bottom:30px}
.legal h2{font-size:22px;margin:34px 0 10px}
.legal p{color:#CFCBC4;margin-bottom:12px}
.legal .todo{color:var(--sun-a)}
.legal .back{display:inline-block;margin-bottom:40px;color:var(--grey)}