/* Markets index: image-led claims, explicit statuses, and inspectable terms. */
.markets-page { padding:12px 0 20px; }
.markets-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr); align-items:end; gap:70px; padding:10px 0 28px; }
.markets-heading h1 { font:500 clamp(38px,4.5vw,61px)/1.04 var(--font-serif,Georgia,serif); letter-spacing:-.035em; margin:14px 0 0; }
.markets-heading h1 em { color:#56534a; font-weight:400; }
.markets-heading > p { font-size:16px; line-height:1.65; color:#494941; margin:0 0 3px; max-width:450px; }
.markets-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #242422; padding:19px 0; margin:0 0 24px; }
.markets-overview > div { display:grid; grid-template-rows:auto 1fr; gap:7px; padding:0 24px; border-right:1px solid #c6c1b6; min-width:0; }
.markets-overview > div:first-child { padding-left:0; }
.markets-overview > div:last-child { border:0; padding-right:0; }
.markets-overview dt { grid-row:2; font-size:12px; line-height:1.5; color:#545248; }
.markets-overview dt a { color:inherit; text-decoration:none; }
.markets-overview dt a:hover { text-decoration:underline; }
.markets-overview dt a span { margin-left:5px; }
.markets-overview dd { grid-row:1; font:400 35px/1 var(--font-serif,Georgia,serif); font-variant-numeric:tabular-nums; margin:0; }
.markets-page .markets-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; margin-top:18px; }
.markets-page .market-card { display:flex; flex-direction:column; gap:0; padding:0; min-width:0; background:#faf7f0; border:1px solid #c6c1b6; }
.markets-page .market-card__image { display:block; color:inherit; text-decoration:none; }
.markets-page .market-card__image img { width:100%; height:auto; aspect-ratio:16/6.5; object-fit:cover; }
.markets-page .market-card__image figcaption { font-size:9px; line-height:1.45; margin:5px 12px 0; color:#656154; }
.market-card__body { min-width:0; padding:17px 23px 0; }
.market-card__topline { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; }
.market-card__assets { font:10px/1.5 var(--font-mono,monospace); letter-spacing:.05em; text-transform:uppercase; color:#59564d; overflow-wrap:anywhere; }
.market-card__state { display:inline-flex; font:500 9px/1.5 var(--font-mono,monospace); letter-spacing:.02em; border:1px solid #c4c6bb; background:#eeede6; color:#505947; padding:5px 7px; max-width:100%; }
.market-card__state--live { color:#365441; background:#e8ece2; border-color:#aebba8; }
.market-card__state--pending { color:#765b35; background:#f1e9dc; border-color:#cdbb9f; }
.market-card__state--fade { color:#842731; background:#f2e7e4; border-color:#d1b3b0; }
.market-card__state--void { color:#57554d; background:#ebe8df; border-color:#c6c1b6; }
.markets-page .market-card h2 { font:500 clamp(24px,2.4vw,31px)/1.15 var(--font-serif,Georgia,serif); letter-spacing:-.022em; margin:16px 0 15px; overflow-wrap:anywhere; }
.market-card h2 a { color:#242422; text-decoration:none; }
.market-card h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.markets-page .market-card__source { font-size:12px; line-height:1.6; color:#494941; margin:0 0 8px; overflow-wrap:anywhere; }
.market-card__source > span { font:9px/1.5 var(--font-mono,monospace); letter-spacing:.035em; text-transform:uppercase; color:#656154; display:block; margin-bottom:3px; }
.markets-page .market-card .discovery-quality { font-size:11px; line-height:1.5; font-weight:500; margin:0 0 14px; padding-left:10px; border-left:2px solid #b4bcab; color:#505947; }
.markets-page .market-card .discovery-quality--unverified { border-left-color:#b38d70; color:#75442e; }
.markets-page .market-card__metrics { width:100%; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:20px; border-top:1px solid #d8d2c7; padding-top:15px; align-self:auto; }
.market-card__metrics > div { min-width:0; }
.market-card__metrics > div > strong { font-size:10px; font-weight:400; color:#656154; margin-bottom:5px; }
.market-card__metrics > div > span { display:block; font-size:12px; line-height:1.6; color:#343730; overflow-wrap:anywhere; }
.market-card__metrics .market-card__pool { font:400 25px/1.1 var(--font-serif,Georgia,serif); font-variant-numeric:tabular-nums; }
.market-card__pool small { font:9px/1.5 var(--font-mono,monospace); letter-spacing:.02em; margin-left:2px; }
.markets-page .market-card__participation { color:#59564d; font-size:11px; line-height:1.6; margin:12px 0 15px; }
.market-card__participation span { display:block; font-size:10px; margin-top:2px; }
.markets-page .market-card .discovery-hold { border-left:2px solid #b69463; padding:0 0 0 12px; margin:15px 0; color:#59564d; }
.markets-page .market-card .discovery-hold summary { min-height:44px; font-size:12px; line-height:1.55; color:#765b35; }
.markets-page .market-card .discovery-hold p { font-size:12px; line-height:1.65; }
.markets-page .market-card .discovery-hold a { display:inline-flex; min-height:44px; align-items:center; font-size:12px; }
.market-card__footer { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid #d8d2c7; }
.markets-page .market-card__footer a { display:inline-flex; align-items:center; gap:10px; min-height:54px; font-size:12px; font-weight:500; text-decoration:none; }
.markets-page .market-card__footer a:hover { text-decoration:underline; }
.market-card__footer a:last-child { flex-shrink:0; color:#59564d; font-size:11px; }
.markets-page .discovery-pagination { border-top:1px solid #242422; margin:28px 0 25px; padding:8px 0 0; font-size:12px; color:#59564d; }
.markets-page .discovery-pagination a { color:#242422; font-weight:500; }
.markets-record-note { display:grid; grid-template-columns:190px minmax(0,1fr); gap:28px; background:#ebe5d8; border-top:1px solid #c6c1b6; padding:24px; align-items:start; }
.markets-record-note .editorial-eyebrow { padding-top:3px; }
.markets-record-note p { margin:0; color:#494941; font-size:13px; line-height:1.75; }
.markets-record-note p a { display:inline-block; }
.markets-empty { grid-column:1/-1; padding:45px 24px; text-align:center; border:1px solid #c6c1b6; background:#faf7f0; }
.markets-empty h2 { font:500 30px/1.2 var(--font-serif,Georgia,serif); margin:12px 0; }
.markets-empty p { color:#59564d; font-size:14px; line-height:1.65; }
@media(max-width:1000px) {
 .markets-heading { gap:35px; grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr); }
 .markets-heading > p { font-size:14px; }
 .markets-page .markets-grid { gap:18px; }
 .market-card__body { padding:15px 18px 0; }
 .market-card__topline { align-items:flex-start; }
 .markets-overview > div { padding:0 18px; }
}
@media(max-width:700px) {
 .markets-page { padding-top:0; }
 .markets-heading { display:block; padding:4px 0 20px; }
 .markets-heading h1 { font-size:38px; margin:9px 0 12px; }
 .markets-heading > p { font-size:14px; line-height:1.6; max-width:550px; margin:0; }
 .markets-overview { padding:15px 0; margin-bottom:16px; }
 .markets-overview > div { padding:0 10px; gap:6px; }
 .markets-overview dt { font-size:10px; line-height:1.5; }
 .markets-overview dt a span { display:none; }
 .markets-overview dd { font-size:28px; }
 .markets-page .markets-grid { grid-template-columns:1fr; gap:18px; margin-top:15px; }
 .markets-page .market-card__image img { aspect-ratio:16/6; }
 .market-card__body { padding:15px 18px 0; }
 .markets-page .market-card h2 { font-size:26px; margin:13px 0; }
 .markets-page .market-card__metrics { gap:20px; }
 .markets-page .market-card__footer a { font-size:11px; min-height:52px; }
 .markets-page .market-card__footer a:last-child { font-size:10px; }
 .markets-page .discovery-pagination { font-size:11px; gap:8px; margin:21px 0; }
 .markets-record-note { grid-template-columns:1fr; gap:10px; padding:20px 18px; }
 .markets-record-note p { font-size:12px; }
 .markets-empty { padding:30px 18px; }
 .markets-empty h2 { font-size:26px; }
}
@media(max-width:359px) {
 .markets-heading h1 { font-size:34px; }
 .markets-overview > div { padding:0 7px; }
 .markets-overview dd { font-size:25px; }
 .markets-overview dt { font-size:9px; }
 .market-card__body { padding:14px 15px 0; }
 .market-card__state { font-size:8px; }
 .markets-page .market-card h2 { font-size:24px; }
 .markets-page .market-card__footer a { font-size:10px; gap:6px; }
}
