*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#e0e0e0;background:#0d0d0d;max-width:650px;margin:0 auto;padding:5rem 2rem 8rem}header{text-align:center;margin-bottom:5rem}h1{font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;letter-spacing:-.02em}h1 a{color:#fff;text-decoration:none}nav{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:.8rem;margin-bottom:.1rem;font-size:1.25rem}nav a{color:#60a5fa;text-decoration:none;transition:color .2s ease}nav a:hover,nav a:focus{color:#93c5fd;text-decoration:none}nav a:visited{color:#60a5fa;text-decoration:none}nav a:visited:hover,nav a:visited:focus{color:#60a5fa;text-decoration:none}main{font-size:1.25rem}p{margin-bottom:1.75rem}hr{border:0;height:1px;background:#222;margin:4rem 0;max-width:100%}@media(max-width:600px){body{padding:4rem 1.5rem 7rem}h1{font-size:2.4rem}}.x-link{color:#60a5fa;text-decoration:none;transition:color .2s ease}.x-link:hover{color:#93c5fd;text-decoration:none}.x-link:visited{color:#60a5fa;text-decoration:none}