/* marketplace.craggy.io, on top of the shared style.css. */
.market{padding:60px var(--gutter) 140px}
.market-copy{margin-bottom:44px}
.market-copy .intro{max-width:520px}

.market-status{min-height:1.4em;margin:0 0 24px;font-size:14px;line-height:1.6;color:var(--soft)}
.market-status:empty{display:none}
.market-status.error{color:#ffb4a8}

.market-gate{max-width:560px;background:var(--panel);border:1px solid var(--line);padding:clamp(24px,3.5vw,44px)}
.market-gate-text{color:var(--soft);font-size:15px;line-height:1.7}
.market-gate .actions{margin-top:26px}

.market-board{display:grid;grid-template-columns:minmax(260px,.8fr) 1.4fr;gap:4%;align-items:start}
.market-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.market-entry{display:block;width:100%;padding:18px 20px;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:0;cursor:pointer;font:inherit}
.market-entry:hover{border-color:#4d5a52}
.market-entry:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.market-entry[aria-current="true"]{border-color:var(--amber)}
.market-entry-title{display:block;font-size:15px;font-weight:700}
.market-entry-meta{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.market-empty{color:var(--muted);font-size:14px;line-height:1.7}

.market-detail{background:var(--panel);border:1px solid var(--line);padding:clamp(24px,3.5vw,44px)}
.market-detail:focus{outline:none}
.eyebrow{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--amber)}
.market-detail h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin:0 0 14px}
.market-summary{color:var(--soft);font-size:15px;line-height:1.7}
.market-summary:empty{display:none}
.market-facts{margin:28px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:12px 28px;font-size:13px;line-height:1.6}
.market-facts dt{color:var(--muted)}
.market-facts dd{margin:0;overflow-wrap:anywhere}
.market-withdrawn{margin-top:24px;padding:14px 16px;border:1px solid #ff7a6b;color:#ffb4a8;font-size:13px;line-height:1.6}
.market-notice,.market-install{margin-top:24px;color:var(--muted);font-size:13px;line-height:1.7}
.market-install strong{color:var(--text)}

@media(max-width:900px){.market{padding-top:30px;padding-bottom:90px}.market-board{grid-template-columns:1fr;gap:28px}}
@media(max-width:520px){.market-facts{grid-template-columns:1fr;gap:2px 0}.market-facts dd{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}