@font-face{font-family:Field;src:url(../assets/fonts/InstrumentSerif-Regular.woff2)}
*{box-sizing:border-box}
body{margin:0;background:#f2efe4;color:#193729;font:1rem/1.55 system-ui,sans-serif}
header,main{width:min(100% - 2.5rem,54rem);margin:auto}
header{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #9da999}
a{color:inherit}main{padding:3rem 0 5rem}
h1,h2,h3{font-family:Field,Georgia,serif;font-weight:400;line-height:1.05;margin:.4rem 0 1rem}
h1{font-size:clamp(3.2rem,9vw,6rem)}h2{font-size:2.6rem}h3{font-size:1.85rem}
.label,header span,.stamp{font:700 .75rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em}
.intro{max-width:55ch;font-size:1.2rem}.note{max-width:68ch;color:#475c4c}
article,section{margin-top:2rem;background:transparent;border:1px solid #a0ad9f;border-radius:.8rem;overflow:hidden}
.band,section{padding:clamp(1.25rem,4vw,2.4rem)}.band{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#1b4030;color:#fff8e4}.band h2{margin-bottom:0}
.stamp{border:2px solid;padding:.4rem .6rem;transform:rotate(-4deg);color:#e6cd80}
ol{list-style:none;padding:0;margin:0}li{padding:1rem clamp(1.25rem,4vw,2.4rem);border-top:1px dashed #acb8a9;overflow-wrap:anywhere}
li p{max-width:62ch}
form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input{width:100%;max-width:32rem;font:inherit;padding:.75rem;border:1px solid #718471;border-radius:.4rem}
button{justify-self:start;background:#214732;color:white;border:0;border-radius:2rem;padding:.8rem 1.25rem;font:inherit;cursor:pointer}
:focus-visible{outline:3px solid #a95618;outline-offset:3px}[hidden]{display:none!important}
@media print{header,.note,.intro,#action{display:none}main{padding:0}h1{font-size:2.8rem}.band,.stamp{background:white;color:#193729}li{break-inside:avoid;padding:.3rem 1rem}article{margin-top:.5rem}}
#qr {display:block;width:min(100%,17rem);height:auto;image-rendering:pixelated;margin:1rem 0}
#url {font-size:.85rem}
#status:not(:empty) {background:#fff5ca;padding:.8rem 1rem;border-left:4px solid #846923}
@media print {body:has(#share:not([hidden])) main > :not(#share){display:none}#share{margin:0;break-inside:avoid}#share .controls,#share small,#local{display:none}#share label{display:block}#url{border:0;width:100%;max-width:none}}
.desk-action {display:inline-block;padding:.65rem 1rem;background:#214732;color:white;border-radius:2rem}
.desk-tools {display:flex;align-items:end;gap:1rem;flex-wrap:wrap}
.desk-tools select {padding:.75rem;font:inherit;max-width:100%}
#rows {padding:0;list-style:none}
#rows li {margin-top:1rem;border:1px solid #abb8a7;border-left:4px solid #567f60;background:transparent;border-radius:.4rem}
#camera {width:min(100%,30rem);max-height:22rem;display:block;margin:1rem 0;background:#13251c}
#quantities {display:grid;gap:.8rem}
.offers {list-style:none;padding:0}
.offers > li {padding:1.2rem;background:transparent;border:1px solid #a0ad9f;border-radius:.6rem;margin:.8rem 0;overflow-wrap:anywhere}
#ask textarea,#search select {font:inherit;padding:.7rem;border:1px solid #718471;border-radius:.4rem}
#ask textarea {min-height:6rem}
.market-photo {width:min(38%,18rem);height:auto;aspect-ratio:1.25;object-fit:cover;float:right;margin:0 0 1.2rem 1.4rem;border-radius:.55rem}
#search,#register {clear:both}
@media(max-width:600px){.market-photo{width:100%;max-height:13rem;float:none;margin:0 0 1rem;object-position:center 40%}}