@import url('/style.css');
:root{--market-ink:#173c34;--market-orange:#fa981b;--market-paper:#f6f7f1}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--market-paper);color:var(--market-ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}body>header,body>footer{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 36px}header{border-bottom:1px solid #d8e1d7}nav{display:flex;align-items:center;gap:28px}a{color:inherit;text-underline-offset:4px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand b{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600}main{max-width:1280px;padding:0 36px;margin:auto}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding:80px 0 55px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 18px;color:#547264}h1{font-size:clamp(48px,6vw,88px);line-height:1.04;letter-spacing:-4px;margin:0 0 26px}h1 em{font-style:normal;color:#74927b}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}h3{font-size:21px;line-height:1.3}.lead{font-size:18px;color:#567064}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.button{display:inline-block;padding:12px 20px;border:1px solid #c5d2c5;border-radius:7px;text-decoration:none;font:inherit;font-size:14px;font-weight:600;background:#fff;color:var(--market-ink);cursor:pointer}.primary{background:var(--market-orange);border-color:var(--market-orange)}.button:disabled{opacity:.55;cursor:wait}.hero-note{padding:32px;background:#e7eedf;border:1px solid #c9d6bd;border-radius:18px;position:relative;align-self:stretch}.big-mark{display:block;font-size:66px;line-height:1;color:#698a57;margin-bottom:25px}.hero-note h2{font-size:31px}.hero-note p:last-child{font-size:14px;max-width:280px}.principles{border-block:1px solid #d8e1d7;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:13px}.principles span:before{content:'✓';color:#74927b;margin-right:10px}.browse{padding:65px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.pill{padding:6px 12px;border:1px solid #d8e1d7;border-radius:30px;font-size:12px;white-space:nowrap}.filters{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:16px;margin:20px 0 32px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid #cdd7cd;background:#fff;color:var(--market-ink);padding:13px;border-radius:6px;font:inherit;font-weight:400;min-width:0}textarea{resize:vertical}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.listing{padding:27px;background:white;border:1px solid #d8e1d7;border-radius:12px;display:flex;flex-direction:column;overflow-wrap:anywhere}.listing h3{margin:12px 0}.listing .price{font-size:26px;font-weight:700}.listing p{margin:8px 0;font-size:14px}.listing details{margin:15px 0}.listing summary{cursor:pointer}.listing .description{white-space:pre-wrap}.listing .button{margin-top:auto;text-align:center}.empty{text-align:center;padding:55px 24px;background:#edf1e8;border:1px dashed #b8cab0;border-radius:12px}.empty>span{font-size:40px;color:#7b9670}.empty p{max-width:510px;margin:0 auto 24px}.how{padding:50px 0;border-top:1px solid #d8e1d7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.steps article>span{color:#b17120;font-size:14px}.steps p{color:#547264;font-size:15px}.trade-note{padding:20px;border-left:3px solid #efac52;background:#fff9ec;font-size:13px;margin-top:30px}.sell{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;padding:60px 0;border-top:1px solid #d8e1d7}.sell>div p{max-width:360px;color:#547264}.sell form{display:grid;gap:20px;background:#fff;padding:30px;border:1px solid #d8e1d7;border-radius:12px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:flex-start;font-size:12px;font-weight:400}.check input{width:auto;flex:0 0 auto;margin:6px 6px 0 0}.small{font-size:12px}.trap{display:none}.manage{background:#e7eedf;padding:30px;border-radius:12px;margin:25px 0}.manage input{margin-bottom:12px}.rules{padding:35px 0 50px;border-top:1px solid #d8e1d7;font-size:13px;color:#547264}.rules h2{font-size:24px}footer{border-top:1px solid #d8e1d7;font-size:12px}footer .brand{font-size:18px}[hidden]{display:none!important}:focus-visible{outline:3px solid #d68212;outline-offset:3px}
@media(max-width:800px){body>header,body>footer{padding:20px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.hero-note{display:none}.sell{grid-template-columns:1fr;gap:20px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles{flex-wrap:wrap}.steps{gap:20px}nav{gap:15px}nav>a:not(.button){display:none}.section-head{align-items:flex-start}footer{flex-wrap:wrap}}@media(max-width:520px){body>header{gap:12px}.brand{font-size:20px}.brand>span{white-space:nowrap}nav .button{padding:10px 12px;white-space:nowrap}h1{letter-spacing:-2px}.filters{grid-template-columns:1fr}.listing-grid,.steps,.form-pair{grid-template-columns:1fr}.sell form{padding:20px}.principles{display:grid;gap:6px}.section-head{display:block}.pill{display:inline-block}.hero .actions{align-items:flex-start;flex-direction:column}h2{font-size:28px}}

/* Separate pages keep each task focused, with navigation available on mobile. */
main{min-height:65vh}nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px}.pagination{justify-content:center;margin-top:28px}.how,.rules{max-width:960px;margin:auto}.rules{padding-top:60px;font-size:15px}
@media(max-width:800px){body>header{flex-wrap:wrap}header nav{width:100%;flex-wrap:wrap;gap:12px 20px}header nav>a:not(.button){display:inline-block}header nav a{font-size:13px}.pagination{display:flex;flex-wrap:wrap}}

.page-title{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}@media(max-width:520px){.page-title{font-size:28px}}

.trade-form{display:grid;gap:20px;max-width:680px;background:white;border:1px solid #d8e1d7;border-radius:12px;padding:24px;margin:24px 0}.trade-record{padding:20px;border:1px solid #d8e1d7;background:white;border-radius:10px;margin:18px 0;overflow-wrap:anywhere}.trade-record p{white-space:pre-wrap}.trade-record .actions{margin:12px 0}.listing .button{margin-top:10px}#seller-desk h2{margin-top:36px}#access-box{padding:24px;background:#e7eedf;border-radius:12px;margin:24px 0}#access-box .button{margin:12px 0}#profile-details{overflow-wrap:anywhere}

#order-actions{display:block}#order-actions>.button{margin:8px 10px 8px 0}#order-actions .trade-form{box-sizing:border-box;width:100%}.trade-record{white-space:normal}.trade-record .trade-record{background:#f6f7f1}.listing-grid>.pagination{grid-column:1/-1}