*{box-sizing:border-box}body{margin:0;color:#203a35;background:#f6f5ee;font:16px/1.6 system-ui,"Leelawadee UI",sans-serif}header{background:#183c33;color:#fff;padding:22px max(5vw,16px)}header small{color:#d7d9a9;letter-spacing:.12em}h1,h2,h3,p{margin:0 0 .55em}main{max-width:1060px;margin:auto;padding:16px}section,article,details{background:white;border:1px solid #dbdfd6;border-radius:12px;padding:15px;margin:10px 0}article{border-left:4px solid #a3b99c}button,a.btn{border:0;background:#24584a;color:white;border-radius:7px;padding:9px 16px;font:inherit;cursor:pointer;margin:3px;text-decoration:none;display:inline-block}button:disabled{background:#a7b2ad;cursor:auto}input,select,textarea{max-width:100%;padding:8px;border:1px solid #a9b9b0;border-radius:6px;font:inherit;background:white}label{display:block;margin:5px 0}label>input:not([type=checkbox]),label>textarea,label>select{display:block;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px}.grid article{margin:0}.badge{font-weight:bold;color:#855520}#message{position:sticky;top:0;background:#fff1be;color:#563712;padding:12px;z-index:3}nav{display:flex;flex-wrap:wrap}nav button{background:#e1e9dd;color:#20483c}nav button.on{background:#24584a;color:white}summary{cursor:pointer;font-weight:700}img{max-height:145px;max-width:100%;object-fit:contain}a{color:#14614c}[hidden]{display:none!important}li{margin-bottom:4px}strong{color:#275e4c}.muted{color:#607369}textarea{min-height:65px}.price{font-size:1.2rem;font-weight:bold}button.danger{background:#9d4534}