@media (max-width: 760px) {
.market-page .database-show-more {
    margin-top: 10px;
  }
}
.mp-head { margin: 0 0 6px; }
.mp-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(540px, auto); gap: 30px; align-items: center; }
.mp-head h1 { max-width: 860px; margin: 8px 0 12px; font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1; font-weight: 700; color: #f7fbff;
  text-shadow: 0 0 30px rgba(255, 255, 255, .08), 0 0 22px rgba(0, 229, 255, .12); }
.mp-lede { font-size: 1rem; color: #b8c6d0; line-height: 1.55; margin: 0; max-width: 62ch; }
.mp-band { display: grid; grid-template-columns: 1fr 1fr; column-gap: 26px; row-gap: 15px;
  align-items: end; padding: 17px 0 0; margin: 22px 0 0; border-top: 1px solid var(--line); }
.mp-band b { display: block; font-family: var(--font-display); font-size: 1.16rem; font-weight: 700;
  line-height: 1; color: var(--cyan); }
.mp-band div.lead b { font-size: 1.9rem; }
.mp-band span { display: block; font-size: var(--t-small); color: var(--muted); margin-top: 5px; white-space: nowrap; }
.mp-band div:nth-child(even) { padding-left: 26px; border-left: 1px solid var(--line); }
.mp-band .mp-price-card { font-family: var(--font-mono); font-size: var(--t-micro); white-space: normal; line-height: 1.4; }
.mp-status { font-family: var(--font-body); font-size: var(--t-micro); color: var(--steel); margin: 18px 0 0; }
.mp-status.is-warning { color: var(--gold); }
.mp-col { background: var(--field); padding: 15px 16px 16px; }
.mp-chead { display: flex; align-items: baseline; gap: 9px; margin: 0 0 3px; }
.mp-chead b { font-family: var(--font-display); font-size: var(--t-base); letter-spacing: .1em; text-transform: uppercase; }
.mp-chead span { font-family: var(--font-mono); font-size: var(--t-micro); color: var(--steel); margin-left: auto; }
.mp-col.buy .mp-chead b { color: var(--sage); }
.mp-col.flip .mp-chead b { color: var(--gold); }
.mp-col.avoid .mp-chead b { color: var(--red); }
.mp-csub { font-size: var(--t-small); color: var(--dim); line-height: 1.5; margin: 0 0 11px; }
.mp-pick { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center;
  padding: 11px 0; border-top: 1px solid rgba(45, 58, 70, .45); text-decoration: none; color: inherit; }
.mp-pick:hover { background: rgba(95, 199, 223, .04); }
.mp-pick img { width: 52px; border-radius: 4px; }
.mp-pick strong { display: block; font-size: var(--t-small); color: var(--ink);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-pick small { display: block; font-family: var(--font-mono); font-size: var(--t-micro); color: var(--steel); margin-top: 2px; }
.mp-pick em { font-style: normal; font-family: var(--font-mono); font-size: var(--t-small);
  color: var(--muted); text-align: right; white-space: nowrap; }
.mp-pick em small { display: block; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .07em; text-transform: uppercase; color: var(--steel); margin-top: 3px; }
.mp-taphint { font-family: var(--font-body); font-size: var(--t-micro); color: var(--steel); margin: 10px 0 0; }
.mp-panel-top { display: flex; align-items: baseline; gap: 14px; }
.mp-panel-meta { font-family: var(--font-mono); font-size: var(--t-micro); color: var(--muted); }
.mp-panel-close { position: relative; margin-left: auto; background: none; border: 0; padding: 0; cursor: pointer;
  font-family: var(--font-display); font-size: var(--t-micro); letter-spacing: .1em;
  text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.mp-panel-close::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; bottom: -14px; }
.mp-panel-close:hover { color: var(--ink); }
.mp-panel-figs { display: flex; flex-wrap: wrap; gap: 22px; margin: 11px 0 0; padding-top: 11px;
  border-top: 1px solid rgba(45, 58, 70, .5); }
.mp-panel-figs div b { display: block; font-family: var(--font-mono); font-size: 1.12rem; font-weight: 600;
  color: var(--ink); font-variant-numeric: tabular-nums; }
.mp-panel-figs div.gap b { color: var(--gold); }
.mp-panel-figs div span { display: block; font-family: var(--font-display); font-size: var(--t-micro);
  letter-spacing: .09em; text-transform: uppercase; color: var(--steel); margin-top: 4px; }
.mp-panel-said { font-size: var(--t-base); color: #b8c6d0; line-height: 1.6; margin: 12px 0 0; max-width: 74ch; }
.mp-panel-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; }
.mp-panel-acts a { font-family: var(--font-display); font-size: var(--t-small); letter-spacing: .07em;
  text-transform: uppercase; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--line);
  color: var(--muted); text-decoration: none; }
h2.mp-sec { font-family: var(--font-display); font-size: var(--t-small); letter-spacing: .13em;
  text-transform: uppercase; color: var(--muted); margin: 30px 0 12px; font-weight: 600; }
h2.mp-sec em { font-style: normal; color: var(--steel); margin-left: 9px; text-transform: none;
  letter-spacing: .02em; font-family: var(--font-body); }
.mp-why { position: relative; font-family: var(--font-body); font-size: var(--t-small); text-transform: none;
  letter-spacing: .02em; margin-left: 12px; padding: 0; border: 0; background: none; color: var(--cyan);
  cursor: pointer; border-bottom: 1px dashed rgba(95, 199, 223, .45); }
.mp-why::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; bottom: -14px; }
.mp-why::after { content: ""; position: absolute; inset: -13px -10px; }
.mp-why:hover { border-bottom-color: var(--cyan); }
.mp-why[aria-expanded="true"] { color: var(--muted); border-bottom-color: transparent; }
.mp-fold { font-size: var(--t-small); color: var(--muted); line-height: 1.6; margin: 0 0 14px; max-width: 84ch;
  padding: 12px 14px; border-left: 2px solid rgba(95, 199, 223, .4); background: rgba(95, 199, 223, .045); }
.mp-methodrow { margin: 22px 0 0; }
.mp-methodrow .mp-why { margin-left: 0; }
.mp-methodrow + .mp-fold { margin-top: 12px; }
.mp-a11y { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.mp-filter { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; margin: 0 0 12px; }
.mp-search { display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); padding: 7px 0 6px; }
.mp-search:focus-within { border-bottom-color: var(--cyan); }
.mp-search svg { width: 15px; height: 15px; fill: none; stroke: #3d5063; stroke-width: 2; }
.mp-search:focus-within svg { stroke: var(--cyan); }
.mp-search input { appearance: none; -webkit-appearance: none; background: none; border: 0; border-radius: 0;
  box-shadow: none; padding: 0; margin: 0; width: 168px; font-family: var(--font-body);
  font-size: var(--t-small); line-height: 1.35; color: var(--ink); }
.mp-search input:focus { outline: none; box-shadow: none; }
.mp-search input::placeholder { color: var(--dim); font-family: var(--font-body); font-size: var(--t-small); }
.mp-search input::-webkit-search-decoration,
.mp-search input::-webkit-search-cancel-button,
.mp-search input::-webkit-search-results-button,
.mp-search input::-webkit-search-results-decoration { -webkit-appearance: none; display: none; }
.mp-count { font-family: var(--font-mono); font-size: var(--t-micro); color: var(--steel); margin-left: auto; }
.mp-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.mp-chip.on { border-color: var(--cyan); color: var(--ink); background: rgba(95, 199, 223, .09); }
.mp-chip b { font-family: var(--font-mono); color: var(--steel); margin-left: 7px; }
.mp-chip.on b { color: var(--cyan); }
.mp-cols, .mp-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) 78px 88px 92px;
  gap: 12px; align-items: center; }
.mp-cols { padding: 0 0 8px; border-bottom: 1px solid var(--line); font-family: var(--font-display);
  font-size: var(--t-micro); letter-spacing: .11em; text-transform: uppercase; color: var(--steel); }
.mp-cols span:nth-child(n+3) { text-align: right; }
.mp-row { padding: 9px 0; border-bottom: 1px solid rgba(45, 58, 70, .55); text-decoration: none; color: inherit; }
.mp-row:hover { background: rgba(95, 199, 223, .03); }
.mp-row img { width: 40px; border-radius: 3px; }
.mp-nm strong { display: block; font-size: var(--t-base); color: var(--ink); font-weight: 600;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mp-nm small { display: block; font-family: var(--font-mono); font-size: var(--t-micro); color: var(--muted); margin-top: 3px; }
.mp-num { font-family: var(--font-mono); font-size: var(--t-small); text-align: right; color: var(--ink);
  font-variant-numeric: tabular-nums; }
.mp-num small { display: block; font-size: var(--t-micro); color: var(--steel); }
.mp-num.wide { color: var(--red); }
.mp-num.tight { color: var(--sage); }
.mp-num.mid { color: var(--gold); }
.mp-tag.t-hot { background: rgba(255, 101, 124, .16); color: #ff9bac; }
.mp-tag.t-flip { background: rgba(241, 184, 75, .15); color: var(--gold); }
.mp-tag.t-value { background: rgba(95, 199, 223, .15); color: var(--cyan-ink); }
.mp-tag.t-sleep { background: rgba(63, 227, 164, .14); color: var(--sage); }
.mp-none { padding: 22px 0 6px; font-size: var(--t-base); color: var(--muted); }
.mp-none button { margin-left: 10px; font-family: var(--font-display); font-size: var(--t-small);
  letter-spacing: .07em; text-transform: uppercase; padding: 6px 12px; border-radius: 8px;
  border: 1px solid rgba(95, 199, 223, .5); background: rgba(95, 199, 223, .1); color: var(--cyan-ink); cursor: pointer; }
@media (max-width: 1271px) {
.mp-hero { grid-template-columns: 1fr; gap: 0; }
.market-page .dp-triad, .mp-band { display: none; }
.mp-calls { grid-template-columns: 1fr; }
}
.mp-cols, .mp-row { grid-template-columns: 40px minmax(0, 1fr) 78px 88px 72px 92px; }
@media (max-width: 760px) {
.mp-cols, .mp-row { grid-template-columns: 36px minmax(0, 1fr) 84px; }
.mp-cols .mp-hide, .mp-row .mp-hide { display: none; }
.mp-search { flex: 1 0 100%; }
.mp-search input { width: 100%; }
.mp-count { margin-left: 0; }
}
.mp-24 { font-family: var(--font-mono); font-size: var(--t-small); text-align: right;
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.mp-24.is-up { color: var(--sage); }
.mp-24.is-dn { color: var(--red); }
.mp-24.is-flat { color: var(--muted); }
.mp-24.is-none { color: var(--steel); }
.mp-gap { display: block; font-size: var(--t-body); color: var(--muted); line-height: 1.45; margin-top: 4px; }
.mp-gap b { font-weight: 600; font-variant-numeric: tabular-nums; }
.mp-gap.is-under b { color: var(--sage); }
.mp-gap.is-over b { color: var(--gold); }
.mp-gap i { font-style: normal; font-family: var(--font-mono); font-size: var(--t-micro); color: var(--dim); }
@media (max-width: 900px) {
.mp-cols, .mp-row { grid-template-columns: 40px minmax(0, 1fr) 66px 84px; }
}
.mp-calls {
  border: none;
  border-radius: 0;
  overflow: visible;
  background: none;
  gap: 26px;
  border-top: 1px solid var(--line);
  padding-top: 17px;
}
.mp-col {
  background: none;
  padding: 0;
}
/* v931-phone-row: both prices on a phone, gap on the right */
.mp-pair { display: none; }
.mp-gapcol { display: contents; }
@media (max-width: 760px) {
  .mp-cols { display: none; }
  .mp-row { grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-areas: "art name gap" "art pair gap"; gap: 2px 12px; align-items: center; padding: 12px 0; }
  .mp-row > img { grid-area: art; align-self: center; }
  .mp-nm { grid-area: name; min-width: 0; }
  .mp-pair { grid-area: pair; display: flex; flex-wrap: wrap; gap: 0 6px; align-items: baseline; font-family: var(--font-mono); font-size: var(--t-small); color: var(--muted); font-variant-numeric: tabular-nums; }
  .mp-pair b { color: var(--ink); font-weight: 500; }
  .mp-gapcol { display: block; grid-area: gap; text-align: right; align-self: center; }
  .mp-gapcol .mp-24 { display: block; font-size: var(--t-micro); margin-bottom: 2px; }
  .mp-gapcol .mp-num { display: block; font-size: var(--t-base); }
  .mp-row .mp-hide { display: none; }
}