*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Public Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f7;min-height:100vh;padding:20px}main{max-width:1040px;margin:0 auto}h1,h2,h3{color:#333;margin-bottom:1rem}p{line-height:1.6;color:#555}button{cursor:pointer;font-size:1rem}button:hover{opacity:.9}code{font-family:DM Mono,Roboto Mono,Courier New,monospace;background:#eef2f7;padding:.2rem .4rem;border-radius:4px}@media (max-width:768px){body,main{padding:10px}}