/* Market site (market.teloa.ai) — only uses existing CSS variables and components from styles.css */

.market-page .market-hero{padding-top:56px;padding-bottom:80px}
.market-page .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.market-page h1{font-size:clamp(30px,3.15vw,43px);line-height:1.4;letter-spacing:-1.25px;text-wrap:balance}
.market-lead{max-width:640px;margin-top:12px;font-size:var(--text-body);line-height:1.9}

.market-search{margin-top:28px}
.market-search input{width:100%;max-width:640px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:var(--text-body)}
.market-search input:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.market-filters{display:grid;gap:10px;margin-top:18px}
.market-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.market-filter-label{min-width:2.5em;font-size:var(--text-small);color:var(--muted)}
.market-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:var(--text-small);color:var(--muted);transition:background .18s,color .18s,border-color .18s}
.market-chip:hover{background:var(--green-soft);color:var(--ink)}
.market-chip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.market-filter-sub{display:contents}
.market-chip-sub{border-style:dashed}
.market-chip-count{font-variant-numeric:tabular-nums;opacity:.75}

.market-count{margin-top:22px;font-size:var(--text-small);color:var(--muted)}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:12px}
.market-card{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.market-card h2{font-size:18px;line-height:1.45;letter-spacing:0;text-wrap:balance}
.market-card-link{color:var(--ink)}
.market-card-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.market-card-summary{font-size:var(--text-small);line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.market-card-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:auto;font-size:13px;color:var(--muted)}
.market-status-verified{color:var(--green)}
.market-empty{margin-top:24px;font-size:var(--text-body)}
.market-empty .text-link{min-height:0;vertical-align:baseline}

/* Detail page: one screen of facts and a single primary action */
.market-entry-page .market-entry{padding-top:56px;padding-bottom:80px;max-width:820px}
.market-back{color:var(--green)}
.market-back:hover{text-decoration:underline;text-underline-offset:5px}
.market-entry-summary{margin-top:14px;font-size:18px;line-height:1.8;color:var(--ink)}
.market-entry-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.market-tag{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--sage);font-size:13px;color:var(--muted)}
.market-tag:hover{background:var(--green-soft);color:var(--ink)}
.market-entry-action{margin-top:26px}
.market-instruction{margin-top:12px;font-size:var(--text-small);line-height:1.8}
.market-instruction code{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;user-select:all}
.market-copy-status{display:block;min-height:1.6em;margin-top:8px;font-size:var(--text-small);color:var(--green)}
.market-unsupported,.market-builtin{padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--sage);font-size:var(--text-small);line-height:1.8}
.market-unsupported strong{display:block;color:var(--ink);margin-bottom:4px}
.market-entry-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0 0}
.market-entry-facts>div{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.market-entry-facts dt{font-size:13px;font-weight:550;color:var(--muted);letter-spacing:.3px}
.market-entry-facts dd{margin:6px 0 0;font-size:var(--text-small);line-height:1.8;color:var(--ink);overflow-wrap:anywhere}
.market-entry-facts dd a{color:var(--green);text-decoration:underline;text-decoration-color:#aab8a3;text-underline-offset:4px}
.market-entry-facts ul{margin:6px 0 0;padding-left:18px}
.market-entry-id{margin-top:20px;font-size:13px;color:var(--muted)}

@media(max-width:760px){
  .market-page .market-hero,.market-entry-page .market-entry{padding-top:32px;padding-bottom:56px}
  .market-grid{grid-template-columns:1fr}
  .market-entry-facts{grid-template-columns:1fr}
  .market-filter-label{width:100%}
}