*{box-sizing:border-box}body{margin:0;background:#f3f6f5;color:#18392c;font:16px/1.5 Arial,sans-serif}header{background:#075f34;color:white;display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:18px 24px}header a{color:white}main{max-width:1150px;margin:auto;padding:24px}h1{font-size:2rem;margin:0}h2{font-size:1.4rem}p{max-width:80ch;color:#42594d}button,.button,input,select,textarea{font:inherit}button,.button{min-height:46px;border:1px solid #075f34;background:white;color:#075f34;padding:10px 16px;border-radius:6px;cursor:pointer;display:inline-block}.primary{background:#075f34;color:white}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:16px 0;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:650px;padding:10px;border:1px solid #82998c;border-radius:4px;background:white;color:#18392c}.switch{display:flex;gap:12px;align-items:center}.switch input{width:24px;height:24px}.panel{background:white;border:1px solid #cad8d0;padding:24px;border-radius:8px;margin-top:20px}nav{display:flex;gap:8px;flex-wrap:wrap}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}article{padding:16px 0;border-bottom:1px solid #dbe4df;overflow-wrap:anywhere}article p{margin:6px 0}article button,article a{margin:6px 8px 0 0}#message{padding:12px;background:#e7efe9;border-left:4px solid #075f34}#stockList{max-height:380px;overflow:auto}a{color:#075f34}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dd9b20;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}.panel{padding:16px}header{padding:16px;gap:12px}.heading{align-items:flex-start}nav button{flex:1 1 42%}h1{font-size:1.6rem}}