:root{font-family:Arial,sans-serif;color:#173f32;background:#f3f7f3;font-size:16px}*{box-sizing:border-box}body{margin:0}header,footer{padding:1.2rem max(1rem,calc((100vw - 68rem)/2));background:#006541;color:white}header{display:flex;justify-content:space-between;gap:1rem}header strong{letter-spacing:.16em}main{max-width:68rem;margin:2rem auto;padding:1.5rem;background:white;border:1px solid #d9e4db;border-radius:.6rem}h1{font-size:1.7rem}p{line-height:1.55}label{display:block;margin:.5rem 0}input{font:inherit;padding:.7rem;border:1px solid #9bad9f;border-radius:.3rem;max-width:100%}button,.button{display:inline-block;font:inherit;padding:.75rem 1rem;margin:.6rem .5rem .6rem 0;border:1px solid #006541;border-radius:.3rem;background:#006541;color:white;text-decoration:none;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d1a827;outline-offset:2px}.notice{padding:1rem;background:#e2f1e8;border-left:4px solid #006541}.muted{font-size:.9rem;color:#536b5b}.product{display:grid;grid-template-columns:1fr 11rem;gap:1.5rem;border-bottom:1px solid #d9e4db;padding:1.2rem 0}.product input[type=number]{width:10rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}footer{font-size:.85rem;margin-top:2rem}.validation-summary-errors{color:#a32b20}@media(max-width:600px){main{margin:1rem .5rem;padding:1rem}.product{grid-template-columns:1fr;gap:.3rem}header{flex-direction:column;gap:.3rem}}
