:root{font-family:system-ui,sans-serif;color:#17352c;background:#f5f1e8}*{box-sizing:border-box}body{margin:0;min-width:0}header,nav,main{max-width:70rem;margin:auto;padding:1rem}header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.badge{background:#ffe2a8;padding:.45rem;border-radius:.5rem}nav{display:flex;gap:.5rem;overflow-x:auto}button,input,select,.button{font:inherit;min-height:44px}button,.button{display:inline-block;border:1px solid #176b55;border-radius:.6rem;padding:.55rem .8rem;background:white;color:#174c3d;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,.button:focus-visible{outline:3px solid #ff9f1c;outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.card,form{background:white;border:1px solid #d5d0c5;border-radius:1rem;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}label{display:grid;gap:.3rem;margin:.75rem 0}input,select{width:100%;max-width:100%;padding:.55rem;border:1px solid #777;border-radius:.4rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width:360px){header,nav,main{padding:.65rem}.badge{width:100%}h1{font-size:1.55rem}.card,form{padding:.75rem}}