:root{color:#182f29;background:#f4f6f4;font-family:system-ui,sans-serif;line-height:1.6}body{margin:0}header{color:#fff;background:#163e32;padding:2rem max(1rem,50vw - 30rem)}h1{line-height:1.2}main{max-width:60rem;margin:auto;padding:1rem}label{font-weight:600;display:block}form div{gap:.5rem;display:flex}input{flex:1;min-width:0}input,button{font:inherit;border:1px solid #648076;border-radius:.3rem;padding:.7rem}button{cursor:pointer;color:#182f29;background:#e2ece6}button:disabled{cursor:default;opacity:.55}a{color:#18523e}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c78600}ul{padding:0;list-style:none}li{overflow-wrap:anywhere;background:#fff;border:1px solid #ccd6cf;border-radius:.4rem;margin:1rem 0;padding:1.3rem}h2{font-size:1.25rem}nav{align-items:center;gap:1rem;display:flex}.filters{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0;display:flex}select{font:inherit;max-width:100%;padding:.6rem}input[type=search]{box-sizing:border-box;width:100%}