body{background:#f7f7f7;margin:40px auto;max-width:650px;line-height:1.6;font-size:18px;color:#444;padding:0 10px}h1,h2,h3{line-height:1.2}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}nav{display:flex;justify-content:space-between;align-items:center;background-color:#f7f7f7;padding:1rem}nav h1{margin:0;font-size:2rem;font-weight:700;color:#444}nav ul{list-style:none;display:flex;margin:0;padding:0}nav li{margin-left:1rem}nav a{text-decoration:none;color:#444;font-weight:700}nav a:hover{color:#007bff}