/* Approved Clean & compact release components. Shared cards and trade flows remain intact. */
html:root body .site.release-overview-page.is-redesign .trade-card {
  padding:24px;border:1px solid var(--palette-line);border-radius:var(--radius-surface);
  background:var(--palette-white);box-shadow:none;overflow:visible;
}
html:root body .site.release-overview-page.is-redesign .release-pickers {
  gap:12px;margin:0 0 24px;padding:0;border:0;background:transparent;box-shadow:none;
}
html:root body .site.release-overview-page.is-redesign .release-picker-field {padding:0;gap:5px;border:0;position:relative}
html:root body .site.release-overview-page.is-redesign .release-picker-label {font:400 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none}
html:root body .site.release-overview-page.is-redesign .release-picker-trigger {padding:0 12px;min-height:44px;border:1px solid var(--palette-line);border-radius:var(--radius-control);background:var(--palette-gray);font:600 14px/20px var(--font-body)}
html:root body .site.release-overview-page.is-redesign .release-picker-arrow {width:16px;height:20px;border:0;background:transparent}
html:root body .site.release-overview-page.is-redesign .release-picker-trigger:disabled .release-picker-arrow {visibility:hidden}
html:root body .site.release-overview-page.is-redesign .release-picker-trigger[aria-expanded=true] .release-picker-arrow {background:transparent}
html:root body .site.release-overview-page.is-redesign .trade-prices {grid-template-columns:1.2fr 1fr;gap:0;border:0;margin:0}
html:root body .site.release-overview-page.is-redesign .trade-prices .cell {padding:0 0 24px;border:0;gap:6px;background:transparent;min-height:0}
html:root body .site.release-overview-page.is-redesign .trade-prices .cell:nth-child(odd) {padding-right:16px}
html:root body .site.release-overview-page.is-redesign .trade-prices .label {font:400 13px/20px var(--font-body);text-transform:none;letter-spacing:0}
html:root body .site.release-overview-page.is-redesign .trade-prices .val {--type-metric-size:36px;--type-metric-line:40px;color:var(--palette-ink);font:600 36px/1.1 var(--font-body);letter-spacing:-.03em;white-space:nowrap}
html:root body .site.release-overview-page.is-redesign .trade-prices .bid .val {--type-metric-size:28px;--type-metric-line:32px;font-size:28px;margin-top:7px}
html:root body .site.release-overview-page.is-redesign .trade-prices .cell.mute {padding-block:14px;border-block:1px solid var(--palette-line);margin-bottom:22px;gap:4px}
html:root body .site.release-overview-page.is-redesign .trade-prices .cell.mute .label {font-size:12px}
html:root body .site.release-overview-page.is-redesign .trade-prices .cell.mute .val {--type-metric-size:14px;--type-metric-line:20px;font-size:14px;line-height:20px;letter-spacing:0}
.release-ask-count {font:400 11px/16px var(--font-body);color:var(--palette-body)}
html:root body .site.release-overview-page.is-redesign .trade-actions {display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;border:0}
html:root body .site.release-overview-page.is-redesign .trade-actions .btn {--control-height:44px;display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:10px 16px;border:1px solid var(--palette-line);border-radius:var(--radius-control);font:600 13px/20px var(--font-body);letter-spacing:0;text-transform:none;box-shadow:none;transform:none;transition:background .15s,border-color .15s,color .15s}
html:root body .site.release-overview-page.is-redesign .trade-actions .btn.buy {background:var(--palette-ink);color:var(--palette-white);border-color:var(--palette-ink)}
html:root body .site.release-overview-page.is-redesign .trade-actions .btn.ghost {background:var(--palette-white);color:var(--palette-ink);border-color:var(--palette-line)}
html:root body .site.release-overview-page.is-redesign .trade-actions .btn.buy:hover {background:var(--palette-yellow);color:var(--palette-on-yellow);border-color:var(--palette-ink)}
html:root body .site.release-overview-page.is-redesign .trade-actions .btn.ghost:hover {background:var(--palette-gray);border-color:var(--palette-ink)}
html:root body .site.release-overview-page.is-redesign .release-quick-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
html:root body .site.release-overview-page.is-redesign .release-quick-actions :is(button,a) {border:0;background:transparent;min-height:44px;font-size:13px}
html:root body .site.release-overview-page.is-redesign .release-quick-actions :is(button,a):hover {background:var(--palette-gray)}
html:root body .site.release-overview-page.is-redesign .release-market-layout>.available-listings {padding:0;border:0;background:transparent;box-shadow:none}
html:root body .site.release-overview-page.is-redesign .release-market-layout .available-listings-head {display:flex;flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;min-height:56px;margin:0 0 18px;padding:0;border:0;gap:6px 12px}
html:root body .site.release-overview-page.is-redesign .available-listings-head h2 {--type-section-size:22px;--type-section-line:29px;display:flex;align-items:center;gap:8px;font:700 22px/1.3 var(--font-body);letter-spacing:-.02em}
html:root body .site.release-overview-page.is-redesign .available-listings-head p {font:400 12px/18px var(--font-body);margin:5px 0 0}
.release-available-count {display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:var(--radius-control);background:var(--palette-gray);font:600 12px/1 var(--font-body);letter-spacing:0}
html:root body .site.release-overview-page.is-redesign .available-sort {font:400 11px/16px var(--font-body);white-space:nowrap;color:var(--palette-mute)}
html:root body .site.release-overview-page.is-redesign .release-asset-list {padding:0 18px;border:1px solid var(--palette-line);border-radius:var(--radius-surface);background:var(--palette-white)}
html:root body .site.release-overview-page.is-redesign .release-price-group.is-lowest {border:0;border-radius:0;overflow:visible}
html:root body .site.release-overview-page.is-redesign .release-price-group-heading {padding:15px 0;gap:12px}
html:root body .site.release-overview-page.is-redesign .release-price-group-heading h3 {--type-card-size:11px;--type-card-line:16px;font:600 11px/16px var(--font-body);padding:4px 9px;background:var(--palette-yellow);color:var(--palette-on-yellow);border:1px solid color-mix(in srgb,var(--palette-ink) 25%,var(--palette-yellow))}
html:root body .site.release-overview-page.is-redesign .release-price-group-heading span {font:500 11px/16px var(--font-body);color:var(--palette-body)}
html:root body .site.release-overview-page.is-redesign .release-more-listings-title {--type-card-size:11px;--type-card-line:16px;margin:0;padding:14px 0 0;border-top:1px solid var(--palette-line);font:600 11px/16px var(--font-body);color:var(--palette-mute)}
html:root body .site.release-overview-page.is-redesign .release-asset-list .release-asset {grid-template-columns:52px minmax(0,1fr);padding:12px 0;gap:12px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .release-asset:hover {background:transparent;box-shadow:none}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-art {height:72px;background:var(--palette-white)}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-image {height:68px;max-height:68px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-body {grid-template-columns:minmax(0,1fr) 110px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-name {font:600 13px/18px var(--font-body)!important}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-name a:hover {text-decoration:underline;text-underline-offset:3px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-meta {font:400 11px/16px var(--font-body)!important;border:0;margin-top:5px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-price {--type-price-size:23px;--type-price-line:28px;white-space:nowrap;color:var(--palette-ink)}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-quote {flex-direction:column-reverse}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-label {font-size:10px}
html:root body .site.release-overview-page.is-redesign .release-asset-list .release-price-difference {font-size:10px;white-space:nowrap}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-quotes:has(.release-price-difference) .bc-label {display:none}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-action {transition:background .15s,border-color .15s,color .15s;box-shadow:none;transform:none}
html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-action-primary:hover {background:var(--palette-yellow);color:var(--palette-on-yellow);border-color:var(--palette-ink)}
@container(max-width:700px) {
  html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-panel {grid-template-columns:1fr;gap:8px}
  html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-actions {justify-content:end}
}
@container(max-width:440px) {
  html:root body .site.release-overview-page.is-redesign .release-asset-list {padding-inline:12px}
  html:root body .site.release-overview-page.is-redesign .release-asset-list .release-asset {grid-template-columns:36px minmax(0,1fr);gap:10px}
  html:root body .site.release-overview-page.is-redesign .release-asset-list .bc-body {grid-template-columns:minmax(0,1fr) 96px;gap:4px 10px}
  html:root body .site.release-overview-page.is-redesign .available-listings-head h2 {--type-section-size:20px;--type-section-line:26px;font-size:20px}
  html:root body .site.release-overview-page.is-redesign .available-sort {font-size:10px}
}
@media(max-width:700px) {
  html:root body .site.release-overview-page.is-redesign .trade-card {padding:20px}
  html:root body .site.release-overview-page.is-redesign .release-pickers {margin-bottom:18px}
  html:root body .site.release-overview-page.is-redesign .trade-actions {grid-template-columns:repeat(2,minmax(0,1fr))}
  html:root body .site.release-overview-page.is-redesign .trade-prices .val {--type-metric-size:32px;--type-metric-line:36px;font-size:32px}
  html:root body .site.release-overview-page.is-redesign .trade-prices .bid .val {--type-metric-size:26px;--type-metric-line:30px;font-size:26px}
  html:root body .site.release-overview-page.is-redesign .available-listings-head {align-items:start}
}