*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#252923;font:1rem/1.5 system-ui,sans-serif}main{max-width:54rem;margin:auto;padding:2rem 1rem}header{border-bottom:1px solid #c7cbbb;padding-bottom:1.5rem}h1{margin:.25rem 0;font-size:2rem}h2{font-size:1.2rem;margin:0}nav{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}button{font:inherit;border:1px solid #525e4f;border-radius:.5rem;padding:.7rem 1rem;background:#344b3a;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid #b88035;outline-offset:3px}ul{padding:0;list-style:none;display:grid;gap:1rem}li{background:white;border:1px solid #d6dbd0;border-radius:.7rem;padding:1.2rem;overflow-wrap:anywhere}p{margin:.5rem 0}.label{font-size:.85rem;color:#515b4d}@media(max-width:430px){nav button{width:100%}main{padding:1rem}}