:root{font-family:Inter,system-ui,sans-serif;color:#252b25;background:#fff}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0e9}a{color:#386641}h1{font-size:clamp(32px,6vw,48px);letter-spacing:-.04em;margin:12px 0}h2{font-size:22px}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:.14em;color:#667561}section{border:1px solid #e2e8de;border-radius:20px;padding:22px;margin:20px 0}form{display:flex;flex-wrap:wrap;gap:14px;align-items:end}label{display:grid;gap:6px;font-size:14px;flex:1 1 160px}input,select,button{font:inherit;padding:12px;border:1px solid #ccd7c7;border-radius:10px;max-width:100%;background:white;color:inherit}button{cursor:pointer;background:#386641;color:#fff;font-weight:600}button.secondary{background:#fff;color:#386641}button:disabled{opacity:.5;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.row{border-top:1px solid #edf0e9;padding:16px 0}.row h3{margin:0 0 8px}footer{font-size:13px;color:#697066}#pantry-status{min-height:26px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b0cf8c;outline-offset:3px}
