*{box-sizing:border-box}body{margin:0;background:#F7F1E5;color:#17282B;font:17px/1.75 system-ui,sans-serif}main{max-width:780px;margin:auto;padding:48px 24px}nav{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid #DED6C8;padding-bottom:20px;margin-bottom:40px}a{color:#168078;overflow-wrap:anywhere}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.25}h1{font-size:38px}h2{font-size:26px;margin-top:36px}footer{margin-top:48px;border-top:1px solid #DED6C8;padding-top:20px;color:#677572;font-size:14px}@media(prefers-color-scheme:dark){body{background:#07171C;color:#F3EEE3}a{color:#62C6BC}nav,footer{border-color:#254044}footer{color:#A8B5B3}}