:root{color-scheme:light;font-family:system-ui,sans-serif;background:#f4f6f1;color:#193e32}body{margin:0}header,main{max-width:44rem;margin:auto;padding:1.5rem}header{display:flex;align-items:center;justify-content:space-between}a{color:#245440}h1{font-family:Georgia,serif}main{background:white;border:1px solid #c5d0c4;border-radius:1rem}input,button{font:inherit;padding:.7rem;border:1px solid #718774;border-radius:.4rem}input{display:block;max-width:90%;width:24rem}button{background:#193e32;color:white;cursor:pointer}label{display:block;margin-bottom:.4rem}.errorlist{color:#912b1c}.skip{position:absolute;left:-10000px}.skip:focus{left:1rem;top:1rem}nav{display:flex;gap:1rem;flex-wrap:wrap}:focus-visible{outline:3px solid #7f9f24;outline-offset:3px}ul{padding-left:1.4rem}