/* === Decision-first market detail ?Eone composition (UI/UX spec v1.0) === */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] {
  --df-bg: #0b0e11;
  --df-surface: #111318;
  --df-surface-raised: #14161c;
  --df-border: rgba(210, 228, 234, 0.12);
  --df-border-strong: rgba(210, 228, 234, 0.2);
  --df-text: #f0f3f6;
  --df-text-secondary: #a8b3bc;
  --df-text-muted: #74808c;
  --df-accent: #63d9c1;
  --df-accent-soft: rgba(99, 217, 193, 0.12);
  --df-accent-border: rgba(99, 217, 193, 0.42);
  --df-up: #63d9c1;
  --df-down: #f23645;
  --df-radius: 10px;
  --df-ticket-width: clamp(320px, 22vw, 380px);
  --trade-ticket-width: var(--df-ticket-width);
}

/* ---------- Workspace: one reading plane ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-workspace {
  background:
    radial-gradient(120% 80% at 12% -10%, rgba(99, 217, 193, 0.05), transparent 55%),
    linear-gradient(180deg, #0e1216 0%, #0b0e11 48%, #090c10 100%);
  border-bottom-color: var(--df-border);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ---------- Market Hero ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero {
  display: grid;
  gap: 14px;
  padding: 16px 20px 14px;
  min-height: 0;
  border-bottom: 1px solid var(--df-border);
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--df-text-muted);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-breadcrumb-list li:not(:last-child)::after {
  content: "/";
  margin-left: 6px;
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-breadcrumb-link {
  border: 0;
  background: transparent;
  color: var(--df-text-secondary);
  cursor: pointer;
  padding: 0;
  font: inherit;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-breadcrumb-link:hover,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-breadcrumb-link:focus-visible {
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-workspace-mode {
  display: inline-flex;
  border: 1px solid var(--df-border-strong);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(10, 14, 16, 0.72);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-workspace-mode button {
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: var(--df-text-secondary);
  font: 650 12px/1 var(--font-body);
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-workspace-mode button.is-active {
  background: var(--df-accent-soft);
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-button {
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--df-border-strong);
  border-radius: 8px;
  background: transparent;
  color: var(--df-text-secondary);
  font: 650 12px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-button:hover {
  color: var(--df-accent);
  border-color: var(--df-accent-border);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__main {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.9fr);
  gap: 20px 28px;
  align-items: start;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-title-block {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid var(--df-border-strong);
  background: var(--df-surface-raised);
  display: grid;
  place-items: center;
  font: 700 11px/1 var(--font-body);
  color: var(--df-accent);
  letter-spacing: 0.04em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-title-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-meta {
  margin: 0;
  color: var(--df-text-muted);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero h1 {
  margin: 0;
  font: 700 clamp(26px, 2.6vw, 34px)/1.15 var(--font-display);
  letter-spacing: -0.025em;
  color: var(--df-text);
  overflow-wrap: anywhere;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-digest {
  display: block;
  width: fit-content;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  max-width: 52ch;
  color: var(--df-text-secondary);
  font: 500 14px/1.45 var(--font-body);
  text-align: left;
  appearance: none;
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-digest:hover,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-digest:focus-visible {
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-rules-digest-meta {
  margin: 0;
  color: var(--df-text-muted);
  font-size: 12px;
  line-height: 1.45;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid var(--df-accent-border);
  background: var(--df-accent-soft);
  color: var(--df-accent);
  font: 700 11px/1 var(--font-body);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-status[data-status="paused"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-status[data-status="disputed"] {
  border-color: color-mix(in srgb, var(--state-warning, #d6ad66) 50%, transparent);
  background: color-mix(in srgb, var(--state-warning, #d6ad66) 14%, transparent);
  color: var(--state-warning, #d6ad66);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-status[data-status="closed"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-status[data-status="cancelled"] {
  border-color: color-mix(in srgb, var(--df-down) 45%, transparent);
  background: color-mix(in srgb, var(--df-down) 12%, transparent);
  color: var(--df-down);
}

/* Metrics: 2?E decision board */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 16px;
  padding: 4px 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div > span {
  color: var(--df-text-muted);
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div > strong {
  color: var(--df-text);
  font: 700 18px/1.15 var(--font-body);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div[data-stat="probability"] > strong {
  color: var(--df-accent);
  font-size: 22px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div[data-tone="up"] > strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div[data-stat="change24h"][data-tone="up"] > strong {
  color: var(--df-up);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div[data-tone="down"] > strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-stats > div[data-stat="change24h"][data-tone="down"] > strong {
  color: var(--df-down);
}

/* ---------- Outcomes rail: compare before decide ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcomes-panel {
  border-bottom: 1px solid var(--df-border);
  background: rgba(8, 12, 14, 0.35);
  animation: df-outcomes-in 280ms ease-out;
}

@keyframes df-outcomes-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcomes-panel .pm-panel-head {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 20px 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcomes-panel .pm-panel-head h2 {
  margin: 0;
  font: 650 11px/1 var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcomes-view-all {
  border: 0;
  background: transparent;
  color: var(--df-accent);
  font: 650 12px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcomes-list {
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: minmax(152px, 196px);
  grid-template-columns: none !important;
  grid-auto-rows: minmax(78px, auto) !important;
  gap: 10px;
  padding: 10px 20px 14px !important;
  overflow-x: auto;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  align-content: space-between;
  gap: 10px;
  min-height: 78px;
  padding: 12px 14px !important;
  border: 1px solid var(--df-border-strong) !important;
  border-radius: var(--df-radius) !important;
  background: rgba(12, 16, 20, 0.72) !important;
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row:hover,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row:focus-visible {
  border-color: var(--df-accent-border) !important;
  background: rgba(16, 22, 26, 0.9) !important;
  transform: translateY(-1px);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row.is-active {
  border-color: var(--df-accent) !important;
  background: color-mix(in srgb, var(--df-accent) 10%, rgba(12, 16, 20, 0.85)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--df-accent) 35%, transparent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row__label {
  color: var(--df-text);
  font: 650 13px/1.25 var(--font-body);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row__metrics {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row__pct {
  color: var(--df-text);
  font: 700 18px/1 var(--font-body) !important;
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-outcome-row.is-active .pm-outcome-row__pct {
  color: var(--df-accent);
}

/* ---------- Decision panel (chart + research) ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-panel {
  padding: 0;
  border-right: 1px solid var(--df-border);
  overflow-y: auto;
  scrollbar-width: thin;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 8px;
  border: 0;
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__meta {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__price strong {
  width: 100%;
  color: var(--df-text-secondary);
  font: 650 12px/1.2 var(--font-body);
  letter-spacing: 0.01em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #chartCurrentValue {
  color: var(--df-text);
  font: 700 clamp(32px, 3.2vw, 42px)/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__delta {
  color: var(--df-up);
  font: 650 13px/1 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__delta[data-tone="down"] {
  color: var(--df-down);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar__source {
  color: var(--df-text-muted);
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-ranges {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--df-border-strong);
  border-radius: 8px;
  background: rgba(8, 12, 14, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-ranges button {
  min-height: 28px;
  min-width: 36px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--df-text-muted);
  font: 650 11px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-ranges button.is-active {
  background: var(--df-accent-soft);
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-chart-wrap {
  flex: 1 1 auto;
  min-height: 220px;
  padding: 0 8px 4px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs {
  display: grid;
  gap: 12px;
  padding: 4px 20px 18px;
  border-top: 1px solid var(--df-border);
  background: rgba(6, 9, 12, 0.35);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs__list {
  display: flex;
  gap: 2px;
  overflow-x: auto;
  border-bottom: 1px solid var(--df-border);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs__list button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 14px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--df-text-secondary);
  font: 650 13px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs__list button.is-active,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs__list button[aria-selected="true"] {
  color: var(--df-text);
  border-bottom-color: var(--df-accent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 4px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card {
  padding: 14px;
  border: 1px solid var(--df-border);
  border-radius: var(--df-radius);
  background: rgba(10, 14, 16, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card h3 {
  margin: 0 0 8px;
  font: 650 12px/1.2 var(--font-body);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card p,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card dl {
  margin: 0;
  color: var(--df-text-secondary);
  font-size: 13px;
  line-height: 1.45;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card dl > div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card dt {
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-card dd {
  margin: 0;
  color: var(--df-text);
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-contract-briefing {
  display: none;
}

/* ---------- Trade ticket: progressive disclosure ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-panel {
  padding: 14px 16px 16px !important;
  gap: 10px !important;
  background: rgba(8, 11, 14, 0.55);
  border-left: 1px solid var(--df-border);
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-market-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-heading-copy {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-heading-copy strong {
  font: 700 15px/1 var(--font-body);
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-live-badge {
  color: var(--df-text-muted);
  font-size: 11px;
  white-space: nowrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-live-badge[data-tone="live"] {
  color: var(--df-accent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-side-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-side-toggle button {
  min-height: 38px;
  border-radius: 8px;
  font: 700 13px/1 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome {
  display: grid;
  gap: 2px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--df-border);
  border-radius: var(--df-radius);
  background: rgba(8, 12, 14, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome > span {
  color: var(--df-text-muted);
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome > strong {
  color: var(--df-text);
  font-size: 15px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome > small {
  color: var(--df-text-secondary);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__statement {
  margin: 3px 0;
  color: var(--df-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__price-reference {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__price-reference[data-tone="live"] {
  color: var(--df-accent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__price-reference[data-tone="waiting"] {
  color: var(--warning, #e7c263);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__price-reference[data-tone="blocked"] {
  color: var(--danger, #ff7b78);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-type-toggle {
  display: none !important;
}

/* Order type is an advanced control, not a default decision. Opening
   "Setup & advanced" reveals it so a set price stays reachable without
   putting venue mechanics in front of every buyer. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #orderTicket:has(.pm-advanced-settings[open]) .pm-order-type-toggle {
  display: grid !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__rows,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-status,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-meta {
  display: none !important;
}

/* Hide advanced / duplicate ticket chrome by default.
   Advanced settings stay available as a collapsed disclosure (not always-on clutter). */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--address,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--size,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--tif,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-trade-conversion,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-balance small,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-balance output,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-builder-notice:empty,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-signing-panel {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings {
  display: block;
  flex: 0 0 auto;
  min-height: 46px;
  margin-top: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.02);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings > summary {
  cursor: pointer;
  list-style: none;
  min-height: 44px;
  display: flex;
  align-items: center;
  color: var(--df-text-muted, rgba(154, 168, 187, 0.88));
  font: 650 12px/1.3 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings > summary::-webkit-details-marker {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-readiness {
  display: block;
  margin-top: 12px;
}

/* Default buy path: hide numbered stage chrome and tuck connection diagnostics. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-stage__label {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-blocker:empty,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-blocker[hidden] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-blocker-banner-host:not([hidden]) {
  order: 0;
  margin: 4px 0 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #prepareOrderButton {
  margin-top: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings .pm-ticket-readiness,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings .pm-one-click {
  margin: 10px 0;
  border: 0;
  background: transparent;
  padding: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings .pm-connection-details {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__core {
  display: grid;
  gap: 6px;
  margin: 8px 0 0;
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"][data-workspace-mode="pro"] .pm-quote-summary__rows,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-advanced-settings[open] ~ * .pm-quote-summary__rows,
body.hg-markets.hg-predict-market-page .pm-detail-workspace[data-workspace-mode="pro"] .pm-quote-summary__rows {
  display: grid !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-balance {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-balance > span {
  color: var(--df-text-muted);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-balance > strong {
  color: var(--df-text-secondary);
  font: 650 12px/1 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--amount {
  position: relative;
  margin-bottom: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--amount input {
  min-height: 48px;
  padding-left: 28px;
  font: 700 20px/1 var(--font-body);
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quick-amounts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quick-amounts button {
  min-height: 32px;
  border: 1px solid var(--df-border);
  border-radius: 7px;
  background: rgba(8, 12, 14, 0.5);
  color: var(--df-text-secondary);
  font: 650 12px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quick-amounts button:hover {
  border-color: var(--df-accent-border);
  color: var(--df-text);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__rows {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__rows > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--df-text-secondary);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__rows strong {
  color: var(--df-text);
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary[data-estimate-mode="unavailable"] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-radius: var(--df-radius);
  border: 1px solid color-mix(in srgb, var(--df-accent) 28%, transparent);
  background: color-mix(in srgb, var(--df-accent) 8%, rgba(6, 10, 12, 0.85));
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero span {
  color: var(--df-text-secondary);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero strong {
  color: var(--df-text);
  font: 700 15px/1.2 var(--font-body);
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero > div:nth-child(2) strong {
  color: var(--df-accent);
  font-size: 20px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-payout-hero > div:nth-child(3) strong {
  color: var(--df-up);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-meta,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-disclosure {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #prepareOrderButton,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-sign-button {
  min-height: 48px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #6fe0c9 0%, #4fc9b0 100%);
  color: #0b0e11;
  font: 700 15px/1 var(--font-body);
  cursor: pointer;
  transition: filter 160ms ease, transform 160ms ease;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #prepareOrderButton:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-auth-note {
  margin: 8px 0 0;
  color: var(--df-text-muted);
  font-size: 12px;
  text-align: center;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-auth-gate--compact {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--df-border);
  border-radius: var(--df-radius);
  background: rgba(8, 12, 14, 0.72);
}

/* Limit price only when limit mode is active */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-order-field--price {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-panel[data-order-type="limit"] .pm-order-field--price {
  display: grid;
}

/* ---------- Personal dock ---------- */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock {
  min-height: 64px;
  border: 0;
  border-top: 1px solid var(--df-border);
  border-radius: 0;
  background: rgba(6, 9, 12, 0.96);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-compact,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="empty"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="signed-out"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="loading"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="unavailable"] {
  max-height: 72px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-compact .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="empty"] .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="signed-out"] .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="loading"] .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="unavailable"] .pm-detail-bottom-body {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-expanded,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="ready"].is-expanded {
  max-height: min(42vh, 360px) !important;
  min-height: 180px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-expanded .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="ready"].is-expanded .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="empty"].is-expanded .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="loading"].is-expanded .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="unavailable"].is-expanded .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="signed-out"].is-expanded .pm-detail-bottom-body {
  display: block !important;
  max-height: min(34vh, 280px);
  overflow-y: auto;
  padding: 0 16px 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 64px;
  padding: 0 16px;
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock__summary {
  margin: 0;
  color: var(--df-text-muted);
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}

/* Compact selected-contract card: label + price only */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome {
  gap: 4px;
  padding: 8px 10px;
  margin-bottom: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome > strong {
  font-size: 14px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-selected-outcome__statement,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-ticket-auth-note,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-disclosure,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-quote-summary__core,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] #resultDecisionDetail {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-result-reason strong {
  font-size: 12px;
  font-weight: 650;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-blocker-banner p {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-blocker-banner strong {
  font-size: 13px;
}

/* ---------- Dialogs / status ---------- */
.pm-review-dialog,
.pm-outcomes-dialog,
.pm-order-result-dialog {
  width: min(560px, calc(100vw - 24px));
  max-height: min(86vh, 820px);
  padding: 0;
  border: 1px solid var(--df-border, #24313a);
  border-radius: 12px;
  background: var(--df-surface, #111318);
  color: var(--df-text, #f0f3f6);
}

.pm-review-dialog[open] {
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  overflow: hidden;
}

.pm-review-dialog[open] .pm-review-dialog__body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.pm-review-dialog .pm-review-dialog__head button,
.pm-review-dialog .pm-review-dialog__actions button {
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #26353d;
  border-radius: 12px;
  background: #14242b;
  color: #f3f0e8;
  box-shadow: none;
}

.pm-review-dialog .pm-review-dialog__actions .pm-sign-button {
  min-height: 48px;
  border-color: #58d6c4;
  background: #58d6c4;
  color: #061313;
}

.pm-outcomes-dialog { width: min(880px, calc(100vw - 24px)); }

.pm-review-dialog::backdrop,
.pm-outcomes-dialog::backdrop,
.pm-order-result-dialog::backdrop {
  background: rgba(2, 5, 8, 0.72);
}

.pm-review-dialog__head,
.pm-outcomes-dialog__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--df-border, #24313a);
}

.pm-review-dialog__head h2,
.pm-outcomes-dialog__head h2 { margin: 4px 0 0; font-size: 20px; }

.pm-review-dialog__body,
.pm-outcomes-dialog__body { padding: 14px 18px; overflow: auto; }

.pm-review-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 18px 16px;
  border-top: 1px solid var(--df-border, #24313a);
}

.pm-review-dialog__note { margin: 0 18px 16px; color: var(--df-text-muted, #74808c); font-size: 12px; }
.pm-review-facts { display: grid; gap: 8px; margin: 0; }
.pm-review-facts > div { display: flex; justify-content: space-between; gap: 12px; }
.pm-review-facts dt { color: var(--df-text-muted, #74808c); }
.pm-review-facts dd { margin: 0; font-variant-numeric: tabular-nums; }
.pm-review-rules,
.pm-review-freshness,
.pm-review-assumption { color: var(--df-text-secondary, #a8b3bc); font-size: 13px; }
.pm-review-assumption {
  margin: 14px 0 0;
  padding: 10px 12px;
  border: 1px solid var(--df-border, #24313a);
  border-radius: 8px;
  background: var(--df-surface-raised, #152229);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-slippage-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-slippage-field small {
  grid-column: 1 / -1;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

.pm-outcomes-dialog__tools {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 12px 18px 0;
}

.pm-outcomes-dialog__tools input,
.pm-outcomes-dialog__tools select {
  min-height: 36px;
  width: 100%;
  border: 1px solid var(--df-border, #24313a);
  border-radius: 8px;
  background: rgba(8, 12, 14, 0.8);
  color: inherit;
  padding: 0 10px;
}

.pm-outcomes-table__head,
.pm-outcomes-table__row {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(4, minmax(64px, 0.7fr)) 88px;
  gap: 8px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(36, 49, 58, 0.8);
  font-size: 13px;
}

.pm-outcomes-table__head {
  color: var(--df-text-muted, #74808c);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pm-outcomes-table__row.is-active {
  background: color-mix(in srgb, var(--df-accent, #63d9c1) 8%, transparent);
}

.pm-outcomes-table__row button {
  min-height: 32px;
  border: 1px solid color-mix(in srgb, var(--df-accent, #63d9c1) 45%, transparent);
  border-radius: 8px;
  background: transparent;
  color: var(--df-accent, #63d9c1);
  cursor: pointer;
}

.pm-market-status-banner {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--state-warning, #d6ad66) 45%, transparent);
  background: color-mix(in srgb, var(--state-warning, #d6ad66) 12%, transparent);
}

.pm-market-status-banner p {
  margin: 4px 0 0;
  color: var(--df-text-secondary, #a8b3bc);
  font-size: 13px;
}

.pm-ticket-panel.is-market-blocked .pm-sign-button { opacity: 0.55; }

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-mobile-trade-steps {
  display: none !important;
}

@media (max-width: 1023px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-mobile-trade-steps {
    display: grid !important;
  }
}

.pm-mobile-trade-steps button {
  min-height: 36px;
  border: 1px solid var(--df-border, #24313a);
  border-radius: 8px;
  background: rgba(8, 12, 14, 0.6);
  color: var(--df-text-secondary, #a8b3bc);
  font: 650 12px/1 var(--font-body, Manrope, sans-serif);
}

.pm-mobile-trade-steps button.is-active {
  border-color: color-mix(in srgb, var(--df-accent, #63d9c1) 55%, transparent);
  color: var(--df-text, #f0f3f6);
}

.pm-mobile-trade-dock__summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
}

.pm-mobile-trade-dock__summary > strong,
.pm-mobile-trade-dock__summary > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pm-mobile-trade-dock__summary > span {
  color: var(--df-text-muted, #7e8c94);
  font: 600 11px/1.25 var(--font-mono, monospace);
}

.pm-mobile-trade-dock__summary > span[data-tone="live"] {
  color: var(--df-accent, #58d6c4);
}

.pm-mobile-trade-dock__summary > span[data-tone="waiting"] {
  color: var(--warning, #e7c263);
}

.pm-mobile-trade-dock__summary > span[data-tone="blocked"] {
  color: var(--danger, #ff7b78);
}

.pm-book-semantic {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.pm-chart-empty-title {
  fill: var(--df-text, #f0f3f6);
  font-size: 14px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-detail-view :focus-visible,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] :focus-visible {
  outline: 2px solid var(--df-accent);
  outline-offset: 2px;
}

@media (max-width: 1279px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-market-hero__main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1023px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-workspace-mode {
    display: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-overview-grid {
    grid-template-columns: 1fr;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-compact .pm-detail-bottom-body,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="empty"] .pm-detail-bottom-body,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="signed-out"] .pm-detail-bottom-body {
    display: block;
  }

  .pm-outcomes-table__head,
  .pm-outcomes-table__row {
    grid-template-columns: minmax(0, 1.4fr) 64px 64px 72px;
  }

  .pm-outcomes-table__head span:nth-child(4),
  .pm-outcomes-table__head span:nth-child(5),
  .pm-outcomes-table__row span:nth-child(4),
  .pm-outcomes-table__row span:nth-child(5) {
    display: none;
  }
}

@media (max-width: 360px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view {
    overflow-x: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] * {
    animation: none !important;
    transition: none !important;
  }
}

/* ============================================================
   Experience carve ? decision surface, not panel collage
   ============================================================ */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] {
  --df-ticket-width: clamp(340px, 23vw, 400px);
  --trade-ticket-width: var(--df-ticket-width);
}

/* Hero: resolve context only ? no competing primary % */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-market-hero {
  gap: 10px;
  padding: 12px 20px 10px;
}

/* Decision facts live in the hero ? first reading beat before chance/ticket */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(180px, 0.7fr);
  gap: 14px 20px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid var(--df-border);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(99, 217, 193, 0.06), transparent 55%),
    rgba(8, 12, 14, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip h2,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip h2 {
  margin: 0 0 6px;
  font: 700 11px/1.2 var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip__must p,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip__must p {
  margin: 0;
  max-width: 62ch;
  color: var(--df-text);
  font: 500 14px/1.45 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip__timeline dl,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip__timeline dl {
  margin: 0;
  display: grid;
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip__timeline dl > div,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip__timeline dl > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: baseline;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip__timeline dt,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip__timeline dt {
  margin: 0;
  color: var(--df-text-muted);
  font: 600 11px/1.2 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip__timeline dd,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip__timeline dd {
  margin: 0;
  color: var(--df-text);
  font: 650 13px/1.3 var(--font-mono);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-rules-digest {
  max-width: 58ch;
  font-size: 12px;
  line-height: 1.35;
  color: var(--df-text-muted);
  cursor: pointer;
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-overview-grid--evidence {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Result is the ticket climax */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-stage[data-ticket-stage="result"] {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid var(--df-border);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-result-reason {
  display: grid;
  gap: 4px;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(242, 54, 69, 0.28);
  border-radius: 10px;
  background: rgba(242, 54, 69, 0.08);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-result-reason[hidden] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-result-reason strong {
  color: #f3b4b8;
  font: 700 13px/1.3 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-result-reason p {
  margin: 0;
  color: var(--df-text-secondary);
  font: 500 12px/1.4 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary[data-estimate-mode="unavailable"] .pm-payout-hero {
  opacity: 0.42;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary:not([data-estimate-mode="unavailable"]) .pm-payout-hero__primary strong {
  font-size: clamp(26px, 2.4vw, 34px);
  letter-spacing: -0.03em;
  color: var(--df-accent);
}

@media (max-width: 900px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-decision-strip,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-decision-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-market-hero__main {
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.75fr);
  gap: 16px 24px;
  align-items: end;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-market-hero h1 {
  font-size: clamp(22px, 2.1vw, 28px);
  letter-spacing: -0.03em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-rules-digest-meta {
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-detail-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  padding: 8px 12px;
  border: 1px solid var(--df-border);
  border-radius: 12px;
  background: rgba(8, 12, 14, 0.45);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-detail-stats > div > strong {
  font-size: 15px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-detail-stats > div[data-stat="probability"] {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-market-icon {
  width: 36px;
  height: 36px;
}

/* Outcomes = choose, not decorate */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcomes-panel {
  background: transparent;
  border-bottom: 1px solid var(--df-border);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcomes-panel .pm-panel-head {
  padding: 10px 20px 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcomes-list {
  padding: 8px 20px 12px !important;
  gap: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcome-row {
  min-height: 68px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcome-row__pct {
  font-size: 20px !important;
  letter-spacing: -0.02em;
}

/* Chart owns the decision number */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar {
  padding: 14px 20px 6px;
  align-items: flex-start;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__price strong {
  font-size: 13px;
  color: var(--df-text);
  letter-spacing: -0.01em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] #chartCurrentValue {
  font-size: clamp(40px, 4vw, 52px);
  letter-spacing: -0.04em;
  color: var(--df-accent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__delta {
  font-size: 14px;
  margin-left: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__source {
  margin-top: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-wrap {
  min-height: 200px;
  max-height: 280px;
  padding: 0 12px 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-research-tabs {
  margin-top: auto;
  padding: 8px 20px 16px;
  border-top: 1px solid var(--df-border);
  background: rgba(4, 7, 10, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-research-tabs__list button {
  min-height: 34px;
  font-size: 12px;
  color: var(--df-text-muted);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-research-tabs__list button.is-active {
  color: var(--df-text-secondary);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-overview-card {
  padding: 12px;
  background: transparent;
}

/* Ticket: Contract ?? Amount ?? Result */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-panel {
  padding: 12px 14px 14px !important;
  gap: 0 !important;
  background:
    linear-gradient(180deg, rgba(14, 18, 22, 0.92), rgba(8, 11, 14, 0.96));
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-market-heading {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--df-border);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-stage {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-stage__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 2px;
  color: var(--df-text-muted);
  font: 650 11px/1 var(--font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-stage__label span {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid var(--df-border-strong);
  color: var(--df-accent);
  font-size: 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-stage[data-ticket-stage="result"] {
  margin-bottom: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-side-toggle {
  margin-bottom: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcome-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-outcome-pair button {
  min-height: 52px;
  padding: 8px 10px;
  border-radius: 10px;
  text-align: left;
  display: grid;
  gap: 2px;
  align-content: center;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-order-type-toggle {
  margin: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-balance {
  margin: 0 0 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-order-field--amount {
  margin-bottom: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-order-field--amount input {
  min-height: 52px;
  font-size: 22px;
  border-radius: 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quick-amounts {
  margin: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary {
  margin: 0 0 10px;
  display: grid;
  gap: 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--df-accent) 34%, transparent);
  background:
    radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--df-accent) 16%, transparent), transparent 55%),
    rgba(6, 10, 12, 0.9);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__primary {
  display: grid;
  gap: 4px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__primary span {
  color: var(--df-text-secondary);
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__primary strong {
  color: var(--df-accent);
  font: 750 clamp(26px, 2.2vw, 32px)/1 var(--font-display);
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__secondary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--df-accent) 18%, transparent);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__secondary > div {
  display: grid;
  gap: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__secondary span {
  color: var(--df-text-muted);
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__secondary strong {
  color: var(--df-text);
  font: 700 14px/1.2 var(--font-body);
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-payout-hero__secondary > div:last-child strong {
  color: var(--df-up);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary__rows {
  margin: 0;
  gap: 5px;
  opacity: 0.9;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary__rows > div {
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] #prepareOrderButton {
  min-height: 50px;
  margin-top: 2px;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(79, 201, 176, 0.18);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-auth-note {
  margin-top: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-auth-gate--compact {
  display: none !important;
}

@media (max-width: 1279px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-market-hero__main {
    grid-template-columns: 1fr;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-detail-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Carve specificity wins */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__price > span#chartCurrentValue {
  color: var(--df-accent) !important;
  font: 750 clamp(40px, 4vw, 52px)/1 var(--font-display) !important;
  letter-spacing: -0.04em !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-detail-view .pm-ticket-trade-stack .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"] {
  display: grid !important;
  opacity: 1;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-quote-summary[data-estimate-mode="unavailable"] .pm-payout-hero {
  opacity: 0.72;
  border-style: dashed;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-trade-stack,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-trade-stack__body,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-order-form {
  min-height: 0;
  overflow: visible;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="carve"] .pm-ticket-panel {
  overflow-y: auto !important;
}



body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-ticket-trade-stack .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"] {
  display: grid !important;
  gap: 10px;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__price > span#chartCurrentValue {
  color: #63d9c1 !important;
  font: 750 clamp(40px, 4vw, 52px)/1 "Manrope", "Noto Sans JP", system-ui, sans-serif !important;
  letter-spacing: -0.04em !important;
}

/* Keep the full Contract ?? Amount ?? Result path in one ticket glance at desktop heights */
@media (min-width: 1024px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-wrap {
    min-height: 160px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-ticket-panel {
    overflow-y: auto !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-ticket-stage__label {
    margin-bottom: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-ticket-stage {
    margin-bottom: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-outcome-pair button {
    min-height: 46px;
  }
}

@media (min-width: 1024px) and (max-height: 1200px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-market-hero {
    padding: 8px 20px 8px;
    gap: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-market-hero h1 {
    font-size: 22px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-outcomes-list {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-outcome-row {
    min-height: 58px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar {
    padding-top: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar__price > span#chartCurrentValue {
    font-size: clamp(34px, 3.2vw, 44px) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-wrap {
    min-height: 140px;
    max-height: 180px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-ticket-stage {
    margin-bottom: 8px;
    gap: 6px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-quote-summary__rows {
    display: none;
  }
}

/* Full-content visibility: dock stays auto-sized; chart yields to research; book lists scroll */
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"],
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] {
  grid-template-rows: minmax(0, 1fr) auto !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-personal-dock,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-detail-bottom,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-detail-bottom {
  position: relative !important;
  max-height: min(36vh, 320px);
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-personal-dock.is-compact,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-personal-dock[data-dock-state="empty"],
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-personal-dock[data-dock-state="signed-out"],
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-compact,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="empty"],
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock[data-dock-state="signed-out"] {
  max-height: 72px;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-personal-dock.is-expanded {
  max-height: min(42vh, 360px) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-detail-bottom-body,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-detail-bottom-body {
  overflow-y: auto;
  min-height: 0;
}

/* Chart yields height to Overview; legacy min-height:500px must not win */
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-wrap,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-wrap {
  flex: 0 1 auto !important;
  min-height: clamp(120px, 18vh, 160px) !important;
  max-height: min(240px, 28vh) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-panel,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-panel,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-book-panel,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-book-panel {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-research-tabs,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs {
  max-height: none !important;
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  padding-bottom: 16px;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-overview-grid,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-overview-grid {
  padding-bottom: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-overview-card,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-overview-card {
  overflow: visible;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-overview-card p,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-overview-card p {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
  text-overflow: unset;
}

/* Recent trades must not paint under the dock without a scroll surface */
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-book-panel__body,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-book-panel__body {
  overflow: hidden;
  min-height: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-recent-trades,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-recent-trades {
  flex: 0 0 auto !important;
  min-height: 0;
  max-height: min(220px, 28vh);
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 4px;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-recent-trades__list,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-recent-trades__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin !important;
}

/* Short viewports: keep Overview cards above the dock without hunting */
@media (max-height: 1000px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-market-hero,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-market-hero {
    padding: 8px 16px 6px;
    gap: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-toolbar,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-toolbar {
    padding: 8px 16px 4px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-wrap {
    min-height: 96px !important;
    max-height: min(150px, 16vh) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-research-tabs,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-research-tabs {
    padding: 6px 16px 12px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-overview-card,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-overview-card {
    padding: 8px 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-panel {
    scrollbar-width: thin !important;
  }
}

@media (max-height: 860px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] .pm-chart-wrap {
    min-height: 72px !important;
    max-height: min(110px, 14vh) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="carve"] #chartCurrentValue,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-composition="decision-first"] #chartCurrentValue {
    font-size: clamp(28px, 4vh, 40px);
  }
}

/* === v2.0 Calm Precision implementation ================================== */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  --phi: 1.618;
  --phi-inv: 0.618;
  --df-chrome: clamp(120px, 18vh, 168px);
  --bg-canvas: #071014;
  --bg-surface: #101c22;
  --bg-raised: #14242b;
  --border-subtle: #26353d;
  --text-primary: #f3f0e8;
  --text-secondary: #b1bdc4;
  --text-muted: #7e8c94;
  --action-primary: #58d6c4;
  --action-on-primary: #061313;
  --official: #d6aa55;
  --warning: #e7c263;
  --danger: #ff7b78;
  --pnl-positive: #64d69b;
  --info: #83b4ff;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-sheet: 24px;
  --df-bg: var(--bg-canvas);
  --df-surface: var(--bg-surface);
  --df-surface-raised: var(--bg-raised);
  --df-border: var(--border-subtle);
  --df-border-strong: var(--border-subtle);
  --df-text: var(--text-primary);
  --df-text-secondary: var(--text-secondary);
  --df-text-muted: var(--text-muted);
  --df-accent: var(--action-primary);
  --df-accent-soft: rgba(88, 214, 196, 0.1);
  --df-accent-border: var(--action-primary);
  --df-up: var(--pnl-positive);
  --df-down: var(--danger);
  --df-radius: var(--radius-control);
  --df-ticket-width: clamp(384px, 27vw, 400px);
  --trade-ticket-width: var(--df-ticket-width);
  color: var(--text-primary);
  background: var(--bg-canvas);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *::before,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *::after {
  box-sizing: border-box;
}

body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) {
  background: var(--bg-canvas, #071014) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
  width: min(100%, 1560px);
  margin-inline: auto;
  grid-template-columns: minmax(0, 1fr) var(--trade-ticket-width);
  /* max-content header: ticket must not inflate an empty band under the hero */
  grid-template-rows: max-content minmax(0, 1fr);
  /* Ticket only anchors to the header row; negative margin keeps tall sticky ticket
     from stretching that row (see document-scroll ticket rule). */
  grid-template-areas:
    "marketHeader tradeTicket"
    "visualization .";
  background: var(--bg-canvas) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace {
  grid-template-rows: max-content max-content minmax(0, 1fr);
  grid-template-areas:
    "marketHeader tradeTicket"
    "outcomes ."
    "visualization .";
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcomes-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-dock {
  background: var(--bg-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  min-height: 0;
  padding: 16px clamp(16px, 2vw, 32px) 0;
  border-bottom: 1px solid var(--border-subtle) !important;
  border-radius: 0 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
  width: 100%;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
  display: grid;
  grid-template-columns: minmax(0, 1.618fr) minmax(280px, 1fr);
  align-items: center;
  gap: calc(16px * var(--phi));
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
  max-width: 68ch;
  color: var(--text-primary);
  font-size: clamp(24px, 2.2vw, 36px);
  line-height: 1.16;
  letter-spacing: -0.025em;
  white-space: normal;
  text-wrap: balance;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest {
  display: inline-flex;
  align-items: center;
  min-height: 28px !important;
  max-width: max-content;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--official);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest-meta,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip[hidden] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: calc(8px * var(--phi-inv));
  align-self: stretch;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div {
  display: grid !important;
  align-content: center;
  gap: calc(4px * var(--phi-inv));
  min-width: 0;
  min-height: var(--df-stat-h, 56px);
  height: var(--df-stat-h, 56px);
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-control);
  background: var(--bg-raised);
  box-sizing: border-box;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] > strong {
  color: var(--text-primary);
  font-size: 15px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] {
  min-height: var(--df-stat-h, 56px);
  height: var(--df-stat-h, 56px);
  padding: 8px 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(340px, 0.8fr);
  align-items: center;
  gap: 20px;
  min-height: 56px;
  margin: 0 calc(clamp(16px, 2vw, 32px) * -1);
  padding: 8px clamp(16px, 2vw, 32px);
  border: 0;
  border-top: 1px solid var(--border-subtle);
  border-radius: 0;
  background: var(--bg-raised) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip h2 {
  color: var(--official);
}

/* Binary markets keep the panel [hidden]; never force display (overrides [hidden]). */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"]:not(.has-outcomes-rail) .pm-outcomes-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcomes-panel[hidden] {
  display: none !important;
  min-height: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel {
  grid-area: outcomes;
  display: flex !important;
  min-height: 96px;
  padding: 10px clamp(16px, 2vw, 32px) 12px;
  border: 0 !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  border-radius: 0 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcomes-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-control) !important;
  background: var(--bg-raised) !important;
  color: var(--text-primary);
  text-align: left;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row.is-active {
  padding-left: 15px;
  border: 2px solid var(--action-primary) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row.is-active::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 5px;
  width: 3px;
  border-radius: 3px;
  background: var(--action-primary);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row__label {
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row__metrics > span {
  display: grid;
  gap: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row__metrics small {
  color: var(--text-muted);
  font-size: 9px;
  white-space: nowrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row__metrics strong {
  color: var(--text-secondary);
  font: 650 11px/1.1 var(--font-mono);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1.618fr) auto minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  border: 0 !important;
  border-right: 1px solid var(--border-subtle) !important;
  border-radius: 0 !important;
  overflow: auto;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
  min-height: clamp(180px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 360px) !important;
  max-height: clamp(200px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 360px) !important;
  height: clamp(180px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 360px);
  padding: 8px 18px 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs {
  min-height: 0;
  max-height: min(42vh, calc((100dvh - var(--df-chrome)) * (1 - var(--phi-inv))));
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table {
  margin: 0 18px 14px;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-control);
  color: var(--text-secondary);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table > summary {
  min-height: 44px;
  padding: 12px;
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table__scroll {
  max-height: 240px;
  overflow: auto;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table th,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table td {
  padding: 8px 10px;
  border-top: 1px solid var(--border-subtle);
  text-align: left;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-workspace-mode button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-side-toggle button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-order-type-toggle button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quick-amounts button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] button {
  min-height: 44px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
  position: sticky;
  top: 0;
  align-self: start;
  width: var(--trade-ticket-width);
  height: 100%;
  max-height: 100%;
  padding: 12px;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 4px;
  scrollbar-color: var(--border-strong) transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats[data-evidence="unconfirmed"] > div[data-evidence="unconfirmed"] {
  border-color: color-mix(in srgb, var(--warning) 38%, var(--border-subtle));
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats[data-evidence="unconfirmed"] > div[data-evidence="unconfirmed"] > strong {
  color: var(--warning);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack::-webkit-scrollbar {
  width: 7px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--border-strong);
  background-clip: padding-box;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body {
  max-height: none;
  overflow: visible !important;
}

/* The dock is a single CTA, so the contract choice lives in the ticket where the
   order is priced. Hiding it there would leave one side of a market untradable. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #mobileOutcomePair {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons:not([hidden]) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons.is-single {
  grid-template-columns: minmax(0, 1fr);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons .pm-outcome-choice {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  background: rgba(9, 14, 17, 0.72);
  text-align: left;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons .pm-outcome-choice > strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons .pm-outcome-choice > span {
  color: var(--text-muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons .pm-outcome-choice.is-active {
  border-color: var(--hl-teal-border, rgba(80, 227, 194, 0.38));
  background: rgba(80, 227, 194, 0.12);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #ticketSideButtons .pm-outcome-choice.is-active > span {
  color: var(--accent, #50e3c2);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome:not([hidden]) {
  display: grid !important;
  padding: 12px;
  border: 1px solid var(--border-subtle);
  border-left: 3px solid var(--action-primary);
  border-radius: var(--radius-control);
  background: var(--bg-raised);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box.pm-quote-summary {
  display: block !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-card) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-composition="decision-first"] .pm-return-box.pm-quote-summary[data-estimate-mode="unavailable"] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary .pm-payout-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  min-height: 0;
  padding: 12px;
  border-bottom: 1px solid var(--border-subtle);
  background: var(--bg-raised);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero__primary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary .pm-payout-hero > .pm-payout-hero__secondary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--border-subtle);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero__secondary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero span {
  white-space: normal;
  line-height: 1.25;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero strong {
  white-space: nowrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #prepareOrderButton {
  position: static;
  flex: 0 0 auto;
  z-index: 3;
  width: 100%;
  min-height: 48px;
  margin-top: 12px;
  border: 1px solid var(--action-primary);
  border-radius: var(--radius-control);
  background: var(--action-primary) !important;
  color: var(--action-on-primary) !important;
  box-shadow: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #prepareOrderButton:disabled {
  border-color: var(--border-subtle);
  background: var(--bg-raised) !important;
  color: var(--text-muted) !important;
  opacity: 1;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-signing-panel:not([hidden]) {
  display: grid !important;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--official);
  border-radius: var(--radius-card);
  background: var(--bg-raised);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock {
  width: min(100%, 1560px);
  min-height: 64px;
  margin-inline: auto;
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-surface) !important;
  box-shadow: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="empty"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="signed-out"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="loading"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="unavailable"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-compact {
  height: 64px;
  min-height: 64px;
  max-height: 64px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="ready"].is-expanded,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded {
  height: auto;
  min-height: min(220px, 42dvh);
  max-height: min(42dvh, 420px);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded .pm-detail-bottom-body {
  display: block !important;
  min-height: 0;
  max-height: min(34dvh, 320px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 16px 14px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock__summary {
  margin: 0;
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.has-positions .pm-personal-dock__summary {
  color: var(--text-primary, #e2e8f0);
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded {
    position: fixed !important;
    inset: auto 0 0;
    z-index: 125;
    width: 100%;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded .pm-portfolio-close-button {
    display: inline-flex;
  }
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] :focus-visible {
  outline: 2px solid var(--action-primary) !important;
  outline-offset: 2px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-mobile-back,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-mobile-continue {
  display: none;
}

.pm-review-dialog .pm-review-movement {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--warning);
  border-radius: 12px;
  background: #14242b;
  color: #f3f0e8;
}

.pm-review-dialog .pm-review-movement dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.pm-review-dialog .pm-review-facts dt button {
  min-height: 24px;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: #58d6c4;
  font: inherit;
  cursor: pointer;
}

.pm-review-dialog .pm-review-contract-statement {
  grid-column: 1 / -1;
  padding: 10px 12px;
  border: 1px solid #26353d;
  border-left: 3px solid #d6aa55;
  border-radius: 10px;
  background: #14242b;
}

.pm-review-dialog .pm-review-contract-statement dd {
  line-height: 1.45;
}

@media (min-width: 1440px) {
  /* Binary / no outcomes rail: chart + book + ticket only (no empty outcomes track). */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr) var(--trade-ticket-width);
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "visualization orderBook .";
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr) var(--trade-ticket-width);
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "outcomes outcomes ."
      "visualization orderBook .";
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] .pm-book-panel {
    display: block;
    border-right: 1px solid var(--border-subtle) !important;
  }
}

@media (min-width: 1600px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
    --df-ticket-width: 400px;
    --trade-ticket-width: 400px;
  }
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open:has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page:has(.pm-detail-view:not([hidden]) .pm-detail-shell[data-experience="v2"]) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open.pm-mobile-ticket-open:has(.pm-detail-view:not([hidden]) .pm-detail-shell[data-experience="v2"]) {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open:has(.pm-detail-shell[data-experience="v2"]) .pm-root,
  body.hg-markets.hg-predict-market-page:has(.pm-detail-view:not([hidden]) .pm-detail-shell[data-experience="v2"]) .pm-root {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager,
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="current"] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    scroll-snap-align: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="prev"],
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="next"] {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]) {
    height: auto !important;
    min-height: calc(100dvh - 64px);
    padding: 0 0 calc(112px + env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    height: auto !important;
    overflow: visible !important;
    grid-template-rows: auto auto;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: max-content max-content max-content !important;
    grid-template-areas:
      "marketHeader"
      "visualization"
      "orderBook";
    height: auto !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: max-content max-content max-content max-content !important;
    grid-template-areas:
      "marketHeader"
      "outcomes"
      "visualization"
      "orderBook";
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px 14px 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-status,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-meta {
    display: grid !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
    font-size: clamp(20px, 4vw, 28px) !important;
    overflow: visible;
    text-overflow: initial;
    white-space: normal;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    gap: 8px;
    margin-inline: -14px;
    padding: 10px 14px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip__must p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcomes-list {
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 280px);
    grid-template-columns: none;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-row {
    scroll-snap-align: start;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel {
    min-height: 124px;
    max-height: 124px;
    padding: 6px 14px 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel .pm-panel-head {
    min-height: 28px;
    padding: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcomes-list {
    min-height: 78px;
    padding: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 8px 10px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row .pm-team-flag--md {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(200px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 300px) !important;
    max-height: clamp(220px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 300px) !important;
    height: clamp(200px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 300px);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    min-height: 0;
    padding: 12px 14px 8px;
    text-align: left;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__meta {
    justify-items: start;
    width: auto;
    min-width: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__price {
    justify-items: start;
    width: auto;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source {
    width: auto;
    max-width: 60ch;
    white-space: normal;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
    justify-items: end;
    width: auto;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    position: fixed;
    inset: auto 12px 12px;
    z-index: 104;
    width: auto;
    height: auto;
    max-height: min(88dvh, 820px);
    padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--radius-sheet) !important;
    background: var(--bg-surface) !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    transform: translateY(calc(100% + 28px));
    visibility: hidden;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    transform: translateY(0);
    visibility: visible;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel::before {
    content: "";
    display: block;
    width: 44px;
    height: 4px;
    margin: -4px auto 8px;
    border-radius: 4px;
    background: var(--border-subtle);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-mobile-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: auto;
    min-width: 44px;
    min-height: 44px;
    padding-inline: 12px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-control);
    background: var(--bg-raised);
    color: var(--text-secondary);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-mobile-back {
    min-height: 44px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-control);
    background: transparent;
    color: var(--text-secondary);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-mobile-continue {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--action-primary);
    border-radius: var(--radius-control);
    background: var(--action-primary);
    color: var(--action-on-primary);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-steps:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-ticket-mobile-continue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-order-form,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-auth-gate,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-order-info,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-builder-notice,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] .pm-builder-panel {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="1"] #prepareOrderButton {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] [data-ticket-stage="contract"],
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="3"] [data-ticket-stage="contract"] {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-mobile-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    position: fixed;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 12px;
    z-index: 92;
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-card);
    background: var(--bg-surface) !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.45fr);
    align-items: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--action-primary);
    border-radius: var(--radius-control);
    background: var(--action-primary);
    color: var(--action-on-primary);
  }

  body.hg-markets.hg-predict-market-page:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-ticket-scrim {
    position: fixed;
    inset: 0;
    z-index: 103;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(6, 19, 19, 0.78);
  }

  body.hg-markets.hg-predict-market-page:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-ticket-scrim[hidden] {
    display: none !important;
  }
}

@media (max-width: 767px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__actions .pm-workspace-mode {
    display: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    gap: 7px;
    padding: 8px 10px 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
    gap: 7px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-title-block {
    gap: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
    font-size: clamp(20px, 6vw, 25px) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 12px;
    line-height: 1.35;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest-meta {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 10px;
    line-height: 1.35;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    grid-auto-columns: minmax(118px, 38vw);
    grid-auto-flow: column;
    grid-template-columns: none !important;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats::-webkit-scrollbar {
    display: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] {
    min-height: 46px;
    padding: 6px 8px;
    scroll-snap-align: start;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
    margin-inline: -10px;
    padding: 8px 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip__must p {
    font-size: 11px;
    line-height: 1.35;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip__timeline {
    min-width: 72px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip h2 {
    font-size: 9px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel {
    min-height: 108px;
    max-height: 108px;
    padding: 5px 10px 7px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcomes-list {
    min-height: 64px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 6px 9px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(160px, 38vw, 220px) !important;
    max-height: clamp(170px, 42vw, 230px) !important;
    height: clamp(160px, 38vw, 220px);
    aspect-ratio: var(--phi);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 8px;
    padding: 10px 10px 6px;
    text-align: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__meta,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__price {
    justify-items: center;
    width: 100%;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source {
    max-width: 34ch;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
    justify-items: center;
    width: 100%;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    inset: auto 8px 8px;
    width: auto;
    max-height: 88dvh;
    border-radius: var(--radius-sheet) !important;
    padding-top: 14px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    left: 8px;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-button {
    min-height: 46px;
  }

  .pm-review-dialog .pm-review-movement dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1100px) and (max-height: 900px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    padding: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-stage {
    gap: 6px;
    margin-bottom: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-stage__label {
    margin: 2px 0 4px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome:not([hidden]) {
    padding: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome__statement {
    display: block;
    overflow: visible;
    font-size: 11px;
    line-height: 1.35;
    -webkit-line-clamp: unset;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome__price-reference[data-tone="live"] {
    font-size: 10.5px;
    white-space: nowrap;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quick-amounts,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary {
    margin-bottom: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__rows {
    gap: 5px;
    margin-bottom: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary .pm-payout-hero {
    padding: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *::before,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* High-specificity size guards against legacy short-viewport compression. */
@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-rules-digest {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-rules-digest-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] {
    min-height: 44px;
    padding-block: 6px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] {
    min-height: 36px;
    padding-block: 4px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-decision-strip {
    min-height: 56px;
    max-height: none;
    overflow: visible;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-decision-strip__must p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel {
    height: 112px;
    min-height: 112px;
    max-height: 112px;
    padding: 6px clamp(16px, 2vw, 32px) 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel .pm-panel-head {
    min-height: 28px;
    height: 28px;
    padding: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcomes-list {
    height: 68px;
    min-height: 68px;
    padding: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 7px 10px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row.is-active {
    padding-left: 14px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row .pm-team-flag--md {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 7px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcome-row .pm-outcome-label {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(200px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 320px) !important;
    max-height: clamp(220px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 320px) !important;
    height: clamp(200px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 320px);
  }
}

@media (max-width: 1099px) and (min-width: 768px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(180px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 280px) !important;
    max-height: clamp(190px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 280px) !important;
    height: clamp(180px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 280px);
  }
}

@media (max-width: 767px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(160px, 38vw, 220px) !important;
    max-height: clamp(170px, 42vw, 230px) !important;
    height: clamp(160px, 38vw, 220px);
    aspect-ratio: var(--phi);
  }
}

/* === v2.1 Fluid viewport / one-scroll refinement ==========================
   Detail pages use the document as their only vertical scroll owner. This
   keeps the account strip reachable, removes nested scroll traps, and lets
   wide screens use every available pixel instead of stopping at 1560px. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-workspace-mode,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-breadcrumb-list {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-back-button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs button {
  min-height: 36px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-personal-dock {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace {
    /* Continuous from 340px at 1440 to 400px at 1600; no breakpoint jump. */
    --trade-ticket-width: clamp(340px, calc(37.5vw - 200px), 400px);
  }

  html:has(body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page.pm-detail-open:has(.pm-detail-shell[data-experience="v2"]) {
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open:has(.pm-detail-shell[data-experience="v2"]) .pm-root {
    height: auto !important;
    min-height: 100dvh;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="current"],
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"],
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="prev"],
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="next"] {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    grid-template-rows: auto auto !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    grid-template-rows: max-content max-content !important;
    align-items: start;
    align-content: start;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: max-content max-content !important;
    align-items: start;
    align-content: start;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: max-content max-content max-content !important;
    align-items: start;
    align-content: start;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel__body,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-table,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades__list {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    position: sticky;
    top: 0;
    align-self: start;
    justify-self: end;
    width: var(--trade-ticket-width);
    height: max-content !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    /* Tall sticky ticket paints over lower rows without stretching the header track. */
    margin-bottom: -10000px;
    z-index: 4;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-bottom,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-bottom-body {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    scrollbar-gutter: auto;
  }

  /* The account drawer is opt-in on every width: a collapsed band is inert
     (aria-hidden) chrome, so it stays out of the workspace and gives its height
     back to the plot, the depth ladder and the ticket until it is opened. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock:not(.is-expanded) {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="signed-out"].is-expanded {
    height: auto;
    min-height: 180px;
    max-height: min(42vh, 360px);
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="signed-out"] .pm-detail-bottom-body {
    display: none;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="signed-out"].is-expanded .pm-detail-bottom-body {
    display: block !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="empty"].is-expanded {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="empty"].is-expanded .pm-detail-bottom-body {
    display: block !important;
  }
}

@media (min-width: 1100px) and (max-height: 900px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    position: relative;
  }
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) {
    padding-bottom: calc(128px + env(safe-area-inset-bottom)) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top)) - 20px);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack {
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* The sheet hugs its ticket and grows upward from the dock, so a short order
     leaves no dead band between the amount block and the action. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open[data-mobile-step="2"] {
    height: auto;
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top)) - 20px);
    row-gap: 1px;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
    /* The sheet frame stays put; a long ticket scrolls inside the stack. */
    overflow: hidden;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"]::before {
    margin: 0 auto;
  }

  /* Back and Close share the top row instead of stacking two bands of chrome. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-mobile-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-mobile-back {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    margin-right: 76px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-trade-stack {
    min-height: 0;
    padding-right: 0;
    scrollbar-gutter: auto;
  }

  /* The sheet body owns its own single column. Placement names such as
     `grid-area: cta` must not appear on its children: an unmatched name spills
     into an implicit second column and squeezes the amount block. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-trade-stack__body {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    padding: 0 8px !important;
  }

  /* Evidence keeps its natural height: a long ticket scrolls rather than
     squashing its own blocks. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-trade-stack__body > * {
    flex: 0 0 auto;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-position-context {
    /* The same live position is already visible in the mobile hero and Portfolio drawer. */
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-ticket-stage__label {
    display: none !important;
  }

  /* The action sits at the foot of the sheet, so a short ticket closes the gap
     instead of leaving a void under the amount block. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] #prepareOrderButton {
    position: static;
    min-height: 48px;
    margin: auto 0 0;
  }

  /* Fee and eligibility copy stays on screen but reads as a footnote on a phone. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-builder-notice {
    padding: 6px 8px;
    font-size: 10px;
    line-height: 1.35;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-builder-notice strong {
    font-size: 11px;
  }

  /* A blocker and its action stack on a phone so neither the reason nor the
     button is squeezed into a two-word wrap. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-blocker-banner {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-blocker-banner > * {
    flex: 1 1 100%;
    min-width: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-quote-summary__rows {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
    margin-bottom: 4px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-quote-summary__rows > div {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    max-width: none;
    box-sizing: border-box;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock:not(.is-expanded) {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded {
    position: fixed !important;
    inset: auto 0 0;
    z-index: 125;
    width: 100%;
    min-height: min(42dvh, 360px);
    max-height: min(72dvh, 640px) !important;
    display: flex !important;
    overflow: hidden !important;
    border-radius: 14px 14px 0 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock.is-expanded .pm-detail-bottom-body {
    display: block !important;
    min-height: 0;
    overflow-y: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel[data-mobile-step="2"] .pm-quote-summary__rows {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-app-topbar {
    box-sizing: border-box;
    width: 100%;
    min-height: 48px;
    padding-inline: 10px;
    overflow: hidden;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-top-actions {
    min-width: 0;
    max-width: calc(100vw - 140px);
    gap: 6px;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-top-balance,
  body.hg-markets.hg-predict-market-page.pm-detail-open #topDepositButton,
  body.hg-markets.hg-predict-market-page.pm-detail-open #topNotificationsButton {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open #topSignInButton {
    min-width: 0;
    max-width: 112px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: visible;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs__list button {
    min-width: 0;
    padding-inline: 4px;
    font-size: 11px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] {
    width: auto;
    scroll-snap-align: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-decision-strip__must p {
    display: block;
    overflow: visible;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-outcomes-panel:not(:has(.pm-outcome-row:nth-child(3))) {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcomes-list:not(:has(.pm-outcome-row:nth-child(3))) {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    height: auto;
    min-height: 64px;
    overflow: visible;
    scroll-snap-type: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-outcomes-list:not(:has(.pm-outcome-row:nth-child(3))) .pm-outcome-row {
    width: auto;
    scroll-snap-align: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
  }
}

/* === Detail v2 luxury glass restore (overrides flat --bg-surface panels) === */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcomes-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(158deg, rgba(255, 250, 226, 0.075) 0%, rgba(232, 242, 244, 0.03) 18%, rgba(10, 16, 18, 0.34) 52%, rgba(3, 7, 9, 0.52) 100%),
    rgba(5, 10, 12, 0.42) !important;
  background-image:
    linear-gradient(158deg, rgba(255, 250, 226, 0.075) 0%, rgba(232, 242, 244, 0.03) 18%, rgba(10, 16, 18, 0.34) 52%, rgba(3, 7, 9, 0.52) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 250, 226, 0.16) inset,
    0 0 0 1px rgba(0, 0, 0, 0.28) inset,
    0 -12px 26px rgba(0, 0, 0, 0.22) inset !important;
  backdrop-filter: blur(14px) saturate(118%) brightness(0.88) contrast(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) brightness(0.88) contrast(1.04) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
  isolation: isolate;
  background:
    linear-gradient(158deg, rgba(255, 250, 226, 0.075) 0%, rgba(232, 242, 244, 0.03) 18%, rgba(10, 16, 18, 0.34) 52%, rgba(3, 7, 9, 0.52) 100%),
    rgba(5, 10, 12, 0.42) !important;
  background-image:
    linear-gradient(158deg, rgba(255, 250, 226, 0.075) 0%, rgba(232, 242, 244, 0.03) 18%, rgba(10, 16, 18, 0.34) 52%, rgba(3, 7, 9, 0.52) 100%) !important;
  box-shadow:
    0 1px 0 rgba(255, 250, 226, 0.16) inset,
    0 0 0 1px rgba(0, 0, 0, 0.28) inset,
    0 -12px 26px rgba(0, 0, 0, 0.22) inset !important;
  backdrop-filter: blur(14px) saturate(118%) brightness(0.88) contrast(1.04) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) brightness(0.88) contrast(1.04) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel::before,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel::before,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel::before,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-dock::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255, 250, 226, 0.32) 44%, rgba(255, 250, 226, 0.14) 58%, transparent 100%) left 12px top / calc(100% - 24px) 1px no-repeat,
    radial-gradient(ellipse 40px 11px at 18px 1px, rgba(255, 250, 226, 0.26), transparent 74%),
    radial-gradient(ellipse 40px 11px at calc(100% - 18px) 1px, rgba(255, 250, 226, 0.2), transparent 74%),
    radial-gradient(
      ellipse 46% 34% at var(--pm-specular-x, 40%) var(--pm-specular-y, 10%),
      rgba(255, 250, 226, 0.1),
      transparent 70%
    );
  opacity: 0.94;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel > *,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel > *,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel > *,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-dock > * {
  position: relative;
  z-index: 1;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-dock {
  background:
    linear-gradient(168deg, rgba(255, 250, 226, 0.1) 0%, rgba(214, 228, 232, 0.04) 20%, rgba(8, 14, 16, 0.48) 55%, rgba(2, 6, 8, 0.62) 100%),
    rgba(4, 9, 11, 0.56) !important;
  background-image:
    linear-gradient(168deg, rgba(255, 250, 226, 0.1) 0%, rgba(214, 228, 232, 0.04) 20%, rgba(8, 14, 16, 0.48) 55%, rgba(2, 6, 8, 0.62) 100%) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.3),
    0 1px 0 rgba(255, 250, 226, 0.2) inset,
    0 0 0 1px rgba(0, 0, 0, 0.32) inset !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome__price-reference[data-tone="blocked"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome__price-reference[data-tone="waiting"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(232, 186, 103, 0.4);
  background: rgba(78, 56, 28, 0.38);
  color: #f0d2a0;
  font-weight: 650;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome__price-reference[data-tone="live"] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px solid rgba(102, 209, 162, 0.4);
  background: rgba(32, 68, 54, 0.4);
  color: #9be7c8;
}

@media (max-width: 1023px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-trade-dock {
    border-radius: 16px !important;
    backdrop-filter: blur(20px) saturate(124%) brightness(0.9) !important;
    -webkit-backdrop-filter: blur(20px) saturate(124%) brightness(0.9) !important;
  }
}

/* === v2 phi composition - golden-ratio viewport fit ========================
   Token-driven hero / chart / evidence proportions so panels and data
   surfaces fit the first reading plane. Ticket width stays on the v2.1
   fluid contract (37.5vw - 200px). Sign In is untouched. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  --phi: 1.618;
  --phi-inv: 0.618;
  --df-chrome: clamp(120px, 18vh, 168px);
  --df-chart-height: clamp(180px, calc((100dvh - var(--df-chrome)) * var(--phi-inv)), 360px);
}

@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
    grid-template-columns: minmax(0, 1.618fr) minmax(280px, 1fr) !important;
    gap: calc(16px * var(--phi));
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    gap: calc(8px * var(--phi-inv)) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] {
    min-height: calc(32px + 16px * var(--phi-inv));
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1.618fr) auto minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    flex: 0 0 auto !important;
    min-height: var(--df-chart-height) !important;
    max-height: var(--df-chart-height) !important;
    height: var(--df-chart-height) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-research-tabs {
    min-height: 0;
    max-height: min(42vh, calc((100dvh - var(--df-chrome)) * (1 - var(--phi-inv))));
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel__body,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades__list {
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    grid-template-columns: minmax(0, 1.618fr) var(--trade-ticket-width) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-columns:
      minmax(0, 1.618fr)
      minmax(0, 1fr)
      var(--trade-ticket-width) !important;
  }
}

@media (min-width: 1100px) and (max-height: 900px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
    --df-chrome: clamp(96px, 16vh, 140px);
    --df-chart-height: clamp(140px, calc((100dvh - var(--df-chrome)) * var(--phi-inv) * var(--phi-inv)), 240px);
  }
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: clamp(160px, 38vw, 220px) !important;
    max-height: clamp(170px, 42vw, 240px) !important;
    height: clamp(160px, 38vw, 220px);
  }
}

/* === v2 Hyperliquid depth + readable type ================================
   Teal/cyan volume, uniform stat/ticket type scale, no chart-source clip. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  --hl-teal: #50e3c2;
  --hl-teal-soft: rgba(80, 227, 194, 0.14);
  --hl-teal-border: rgba(80, 227, 194, 0.28);
  --hl-panel: rgba(10, 16, 20, 0.72);
  --hl-raised: linear-gradient(165deg, rgba(80, 227, 194, 0.1) 0%, rgba(18, 28, 32, 0.55) 28%, rgba(6, 10, 12, 0.88) 100%);
  --hl-inset: 0 1px 0 rgba(80, 227, 194, 0.22) inset, 0 -10px 22px rgba(0, 0, 0, 0.28) inset;
  --hl-lift: 0 10px 28px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(0, 0, 0, 0.35) inset;
  --df-accent: var(--hl-teal);
  --action-primary: #50e3c2;
  --pnl-positive: #50e3c2;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
  --df-stat-h: 56px;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: var(--df-stat-h) !important;
  align-items: stretch !important;
  align-content: start !important;
  align-self: start !important;
  height: auto !important;
  overflow: visible !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="closes"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="freshness"] {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: var(--df-stat-h) !important;
  min-height: var(--df-stat-h) !important;
  max-height: var(--df-stat-h) !important;
  padding: 8px 10px !important;
  border: 1px solid var(--hl-teal-border) !important;
  border-radius: 12px !important;
  background: var(--hl-raised) !important;
  box-shadow: var(--hl-inset), var(--hl-lift) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  display: grid !important;
  grid-template-rows: 14px 18px !important;
  align-content: center !important;
  align-items: start !important;
  justify-items: stretch !important;
  gap: 4px !important;
  overflow: hidden !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div > span {
  color: rgba(168, 188, 196, 0.78) !important;
  font: 650 10px/14px var(--font-body) !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  max-width: 100% !important;
  -webkit-line-clamp: unset !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div > strong {
  box-sizing: border-box !important;
  color: #f2f7f6 !important;
  font: 700 15px/18px var(--font-mono) !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  min-height: 18px !important;
  height: 18px !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="freshness"] > strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: fit-content !important;
  max-width: 100% !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font: 700 11px/18px var(--font-body) !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"] > strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] > strong {
  font-size: 15px !important;
  line-height: 18px !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="chance"] > strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="probability"] > strong {
  color: var(--hl-teal) !important;
  text-shadow: 0 0 18px rgba(80, 227, 194, 0.28);
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartSourceLabel {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal !important;
  text-overflow: unset !important;
  max-width: min(52ch, 100%);
  color: rgba(176, 198, 204, 0.82) !important;
  font: 600 12px/1.35 var(--font-body) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-recent-trades {
  border-color: var(--hl-teal-border) !important;
  background: var(--hl-raised) !important;
  box-shadow: var(--hl-inset) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-spread {
  border: 1px solid var(--hl-teal-border);
  border-radius: 999px;
  padding: 2px 8px;
  background: rgba(8, 18, 16, 0.7);
  color: var(--hl-teal);
  box-shadow: 0 0 16px rgba(80, 227, 194, 0.12);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quick-amounts button {
  min-height: 36px;
  border: 1px solid rgba(80, 227, 194, 0.2);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(80, 227, 194, 0.08), rgba(8, 12, 14, 0.85));
  color: #d7e8e6;
  box-shadow: 0 1px 0 rgba(80, 227, 194, 0.16) inset, 0 6px 14px rgba(0, 0, 0, 0.22);
  font: 650 12px/1 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quick-amounts button:hover {
  border-color: rgba(80, 227, 194, 0.42);
  color: #fff;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-outcome-pair button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell {
  border-radius: 12px !important;
  box-shadow: var(--hl-inset), 0 8px 18px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(10px) saturate(118%);
  -webkit-backdrop-filter: blur(10px) saturate(118%);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell span,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__loss span,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero span,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__rows span,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__core span {
  color: rgba(168, 188, 196, 0.82) !important;
  font: 650 11px/1.3 var(--font-body) !important;
  letter-spacing: 0.02em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__loss strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__rows strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__core strong {
  color: #f2f7f6 !important;
  font: 700 15px/1.2 var(--font-mono) !important;
  letter-spacing: -0.02em;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell--selected {
  border-color: rgba(80, 227, 194, 0.48) !important;
  background:
    linear-gradient(160deg, rgba(80, 227, 194, 0.18), rgba(8, 18, 16, 0.72)) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell--selected strong {
  color: var(--hl-teal) !important;
  text-shadow: 0 0 16px rgba(80, 227, 194, 0.35);
  font-size: 18px !important;
}

/* Buy ticket: show selected payout only (keep teal selected cell). */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff[data-mode="buy"] .pm-two-state-payoff__hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff[data-mode="buy"] .pm-two-state-payoff__cell--complement {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell--complement {
  border-color: rgba(255, 113, 133, 0.36) !important;
  background:
    linear-gradient(160deg, rgba(255, 113, 133, 0.12), rgba(18, 10, 12, 0.72)) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__loss,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-return-box.pm-quote-summary,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary .pm-payout-hero {
  border: 1px solid var(--hl-teal-border) !important;
  border-radius: 12px !important;
  background: var(--hl-raised) !important;
  box-shadow: var(--hl-inset), var(--hl-lift) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero__secondary > div,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__rows > div {
  min-height: 28px;
  align-items: baseline;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero__secondary strong,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-payout-hero__primary strong {
  color: var(--hl-teal) !important;
  font-size: 18px !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-side-toggle,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-selected-outcome {
  border-color: var(--hl-teal-border) !important;
  background: var(--hl-raised) !important;
  box-shadow: var(--hl-inset) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-side-toggle button.is-active,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-side-toggle button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--hl-teal) 18%, rgba(8, 14, 16, 0.9)) !important;
  color: var(--hl-teal) !important;
  box-shadow: 0 0 18px rgba(80, 227, 194, 0.16);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartCurrentValue {
  color: var(--hl-teal) !important;
  text-shadow: 0 0 28px rgba(80, 227, 194, 0.28);
}

@media (max-width: 1023px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    --df-stat-h: 52px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"],
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"],
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="closes"],
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-stat="freshness"] {
    padding: 7px 9px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div > strong {
    font-size: 14px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff__cell strong {
    font-size: 16px !important;
  }
}

/* === v2 mobile layout repair + HL depth ==================================
   Desktop 2/3-col workspace + in-flow ticket/rail were collapsing the hero
   to ~0px on phones. Force a single reading column, full-width rail, and
   keep the ticket as an overlay sheet only. Sign In untouched. */

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"],
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    --trade-ticket-width: 0px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-template-areas:
      "marketHeader"
      "marketRail"
      "visualization"
      "orderBook" !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-areas:
      "marketHeader"
      "marketRail"
      "outcomes"
      "visualization"
      "orderBook" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace > * {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-market-rail {
    grid-area: marketRail !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 12px 10px;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-bottom: 1px solid var(--hl-teal-border, rgba(80, 227, 194, 0.22));
    background: linear-gradient(180deg, rgba(80, 227, 194, 0.05), transparent);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-market-rail::-webkit-scrollbar {
    display: none;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-market-rail__chip {
    border-color: rgba(80, 227, 194, 0.22);
    background: linear-gradient(165deg, rgba(80, 227, 194, 0.1), rgba(8, 14, 16, 0.72));
    box-shadow: 0 1px 0 rgba(80, 227, 194, 0.16) inset, 0 6px 14px rgba(0, 0, 0, 0.2);
    color: #d7e8e6;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-market-rail__chip.is-active {
    border-color: rgba(80, 227, 194, 0.5);
    color: #fff;
    box-shadow: 0 0 16px rgba(80, 227, 194, 0.16), 0 1px 0 rgba(80, 227, 194, 0.24) inset;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    grid-area: marketHeader !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-title-block {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-icon {
    width: 36px !important;
    height: 36px !important;
    margin-top: 2px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__copy,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
    font-size: clamp(17px, 4.8vw, 22px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.02em !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip-host {
    width: 100%;
    margin: 8px 0 4px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    border: 1px solid var(--hl-teal-border, rgba(80, 227, 194, 0.28)) !important;
    border-radius: 12px !important;
    background: var(--hl-raised, linear-gradient(165deg, rgba(80, 227, 194, 0.1), rgba(6, 10, 12, 0.88))) !important;
    box-shadow: var(--hl-inset, 0 1px 0 rgba(80, 227, 194, 0.18) inset) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip__label {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip__value {
    font-size: 12px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    --df-stat-h: 52px;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: var(--df-stat-h) !important;
    grid-auto-flow: row !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="primary"],
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] {
    display: grid !important;
    width: auto !important;
    min-width: 0 !important;
    height: var(--df-stat-h) !important;
    min-height: var(--df-stat-h) !important;
    max-height: var(--df-stat-h) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div[data-tier="secondary"] {
    display: grid !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    grid-area: visualization !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartSourceLabel {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    grid-area: unset !important;
    grid-column: unset !important;
    grid-row: unset !important;
    position: fixed !important;
    inset: auto 8px 8px !important;
    z-index: 120 !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    border-color: var(--hl-teal-border, rgba(80, 227, 194, 0.28)) !important;
    background: var(--hl-raised, rgba(6, 10, 12, 0.92)) !important;
    box-shadow: var(--hl-inset, none), 0 18px 42px rgba(0, 0, 0, 0.42) !important;
    backdrop-filter: blur(18px) saturate(122%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(122%) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel:not(.is-mobile-open) {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    display: flex !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    border: 1px solid var(--hl-teal-border, rgba(80, 227, 194, 0.28));
    background: var(--hl-raised, rgba(6, 10, 12, 0.9)) !important;
    box-shadow: var(--hl-inset, none), 0 14px 32px rgba(0, 0, 0, 0.36) !important;
    backdrop-filter: blur(16px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  }
}

@media (max-width: 560px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats {
    --df-stat-h: 50px;
    gap: 6px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div > span {
    font-size: 9px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats > div > strong {
    font-size: 13px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
    font-size: var(--pm-title-size, clamp(1.05rem, 4.8vw, 1.35rem)) !important;
  }
}

/* === v2 human focus: liquid glass + ? title + price/chance/trade =========
   Strip Trading / Crypto / Rules / Settles / Best-buy chrome. Keep chance,
   live data cue, chart, and trade dock. Swipe-right advances markets. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  --hl-glass:
    linear-gradient(155deg, rgba(90, 235, 205, 0.16) 0%, rgba(255, 255, 255, 0.055) 16%, rgba(10, 18, 22, 0.22) 46%, rgba(3, 8, 10, 0.68) 100%);
  --hl-glass-edge: rgba(80, 227, 194, 0.4);
  --hl-glass-lift:
    0 1px 0 rgba(180, 255, 235, 0.28) inset,
    0 -20px 40px rgba(0, 0, 0, 0.36) inset,
    0 20px 52px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(80, 227, 194, 0.08);
}

/* Collapse the spare hero band so chance / order book sit under the topbar.
   Title is parked in #detailTitle (sr-only) until a better surface is chosen.
   Markets back lives in .pm-topbar-back.
   Keep the existing grid areas/columns — only hide the header track. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header[data-chrome="collapsed"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero[data-chrome="collapsed"] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-status,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-meta,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-title-meta,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-button,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-rules-digest-meta,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trust-strip-host,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-stats,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-workspace-mode,
body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-market-rail {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__actions:not(:has(.pm-rules-button:not([hidden]))) {
  display: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__actions {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-title-block {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: clamp(10px, 2.4vw, 16px) !important;
  width: 100% !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-icon {
  width: calc(100vw / (var(--phi, 1.618) * 14)) !important;
  height: calc(100vw / (var(--phi, 1.618) * 14)) !important;
  min-width: 34px;
  min-height: 34px;
  max-width: 48px;
  max-height: 48px;
  border-radius: 12px !important;
  box-shadow: 0 0 0 1px rgba(80, 227, 194, 0.28), 0 8px 20px rgba(0, 0, 0, 0.28);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
  /* Match TARGET/CURRENT metric sans (not brand italic serif). */
  font-family: var(--font-body), Manrope, Inter, system-ui, sans-serif !important;
  font-size: clamp(1.2rem, calc(100vw / (var(--phi, 1.618) * 10.5)), 2rem) !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  color: #f4fbf9 !important;
  text-wrap: balance;
  max-width: min(34ch, 100%);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
  border: 1px solid var(--hl-glass-edge) !important;
  border-radius: 18px !important;
  background:
    var(--hl-glass),
    rgba(6, 12, 14, 0.42) !important;
  box-shadow: var(--hl-glass-lift) !important;
  backdrop-filter: blur(22px) saturate(138%) brightness(0.94) !important;
  -webkit-backdrop-filter: blur(22px) saturate(138%) brightness(0.94) !important;
  overflow: hidden;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 16px 16px 8px !important;
  text-align: left !important;
  justify-items: start !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__meta,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__price,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
  justify-items: start !important;
  width: 100% !important;
  text-align: left !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartOutcomeLabel {
  color: rgba(168, 188, 196, 0.78) !important;
  font-family: var(--font-body) !important;
  font-size: var(--pm-meta-size, 0.75rem) !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartCurrentValue {
  display: block;
  margin-top: var(--pm-chance-gap, 0.5rem);
  color: var(--hl-teal, #50e3c2) !important;
  font-family: var(--font-mono), "IBM Plex Mono", ui-monospace, monospace !important;
  font-size: var(--pm-chance-size, 2rem) !important;
  font-weight: 600 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.035em !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 0 22px rgba(80, 227, 194, 0.22);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartSourceLabel,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source {
  max-width: 36ch !important;
  color: rgba(176, 198, 204, 0.78) !important;
  font: 500 12px/1.4 var(--font-body) !important;
  -webkit-line-clamp: 2;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-toolbar__price[data-chart-mode="underlying"] ~ .pm-chart-toolbar__source {
  color: rgba(204, 220, 226, 0.9) !important;
  max-width: 44ch !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown {
  gap: 6px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell {
  min-width: 58px;
  padding: 8px 10px;
  border: 1px solid rgba(80, 227, 194, 0.22);
  border-radius: 12px;
  background: linear-gradient(165deg, rgba(80, 227, 194, 0.1), rgba(8, 14, 16, 0.7));
  box-shadow: 0 1px 0 rgba(80, 227, 194, 0.14) inset;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong {
  color: #e8faf5;
  font: 700 15px/1 var(--font-mono);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell span {
  color: rgba(168, 188, 196, 0.72);
  font: 650 9px/1.2 var(--font-body);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges {
  border: 1px solid rgba(80, 227, 194, 0.18);
  border-radius: 999px;
  padding: 3px;
  background: rgba(6, 12, 14, 0.55);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button {
  border: 0;
  border-radius: 999px;
  min-height: 30px;
  padding-inline: 12px;
  color: rgba(210, 228, 232, 0.72);
  font: 650 11px/1 var(--font-body);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button.is-active,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button[aria-pressed="true"] {
  background: rgba(80, 227, 194, 0.18);
  color: #eafff8;
  box-shadow: 0 0 16px rgba(80, 227, 194, 0.12);
}

body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
  border: 1px solid var(--hl-glass-edge) !important;
  border-radius: 18px !important;
  background: var(--hl-glass) !important;
  box-shadow: var(--hl-glass-lift) !important;
  backdrop-filter: blur(20px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(132%) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
  border: 1px solid var(--hl-glass-edge) !important;
  background: var(--hl-glass) !important;
  box-shadow: var(--hl-glass-lift) !important;
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) {
    touch-action: pan-y;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    padding: 8px 14px 4px !important;
    border-bottom: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-research-tabs {
    display: none !important;
  }

  /* Protocol Depth coin stays on mobile (stacked under the chart). */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space {
    display: flex !important;
    flex-direction: column !important;
    grid-area: orderBook !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 10px 18px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space .pm-book-panel__body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space .pm-coin-depth-stage {
    width: min(100%, 560px) !important;
    margin-inline: auto !important;
    aspect-ratio: 1 / 1.272 !important;
    min-height: clamp(220px, 56vw, 360px) !important;
    max-height: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space .pm-coin-depth-mode {
    display: inline-flex !important;
  }

  /* Mobile presence: desktop-left chart ("data") vs Protocol Depth coin. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel--coin-space {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-chart-panel {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-chart-panel {
    cursor: pointer;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-presence-data {
    display: none;
    appearance: none;
    margin-left: auto;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(180, 225, 221, 0.28);
    background: rgba(8, 14, 16, 0.72);
    color: rgba(220, 236, 240, 0.92);
    font-size: 12px;
    font-weight: 650;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-mobile-presence-rules {
    display: none;
    margin-left: 0;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-mobile-presence-data {
    display: inline-flex !important;
    align-items: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-mobile-presence-rules {
    display: inline-flex !important;
    align-items: center;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-coin-depth-mode {
    margin-left: 8px;
  }

  /* Collapsed legacy book hid the body; coin-space must stay visible on phones. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-book-panel--coin-space.is-collapsed .pm-book-panel__body,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space.is-collapsed .pm-book-panel__body {
    display: flex !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    margin: 0 10px 12px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges {
    width: 100%;
    display: flex;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button {
    flex: 1 1 0;
  }
}


/* === v3 obsidian detail: black canvas, zero reserved voids, phone-first ====
   Working rules for this pass:
   - Grid templates declare only the tracks that hold visible content, so hidden
     chrome can never reserve an empty band at the bottom of the screen.
   - Desktop columns fill with real evidence (book depth, trades) and the ticket
     pins its advanced block to the bottom edge instead of floating short.
   - Phone detail is one screen: condition, chance, chart, trade dock.
   - Two dominant type sizes hold a golden-ratio relationship: chance is the
     readable module; title and meta step down by φ. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  --phi: 1.618;
  /* Chance is the module (readable, not giant); title = chance/φ; meta = title/φ. */
  --pm-chance-size: clamp(1.35rem, calc(100vw / (var(--phi) * 20)), 2rem);
  --pm-title-size: calc(var(--pm-chance-size) / var(--phi));
  --pm-meta-size: calc(var(--pm-title-size) / var(--phi));
  --pm-chance-gap: calc(var(--pm-chance-size) / (var(--phi) * var(--phi)));
  /* Translucent tint only — backdrop-filter must sample the canvas behind.
     Presence layer (liquid-glass-presence.css) may raise elevation further. */
  --hl-glass:
    linear-gradient(
      152deg,
      rgba(255, 252, 236, 0.18) 0%,
      rgba(214, 236, 238, 0.06) 18%,
      rgba(12, 22, 26, 0.22) 48%,
      rgba(4, 10, 12, 0.36) 100%
    );
  --hl-glass-fill: rgba(6, 12, 14, 0.3);
  --hl-glass-edge: transparent;
  --hl-glass-rim:
    linear-gradient(
      142deg,
      rgba(255, 252, 236, 0.7) 0%,
      rgba(126, 190, 180, 0.42) 28%,
      rgba(80, 227, 194, 0.18) 55%,
      rgba(255, 255, 255, 0.06) 78%,
      rgba(0, 0, 0, 0.4) 100%
    );
  --hl-glass-blur: blur(32px) saturate(148%) brightness(1.06) contrast(1.04);
  --hl-glass-lift:
    0 1px 0 rgba(255, 252, 236, 0.32) inset,
    0 -26px 52px rgba(0, 0, 0, 0.34) inset,
    0 22px 48px rgba(0, 0, 0, 0.44),
    0 40px 88px rgba(0, 0, 0, 0.36),
    0 0 64px rgba(80, 227, 194, 0.07);
  --hl-glass-lift-high:
    0 1px 0 rgba(255, 252, 236, 0.4) inset,
    0 -32px 60px rgba(0, 0, 0, 0.4) inset,
    0 32px 72px rgba(0, 0, 0, 0.52),
    0 52px 110px rgba(0, 0, 0, 0.42),
    0 0 80px rgba(80, 227, 194, 0.1);
}

/* Mid elevation: chart + book. Ticket/dock override to high elevation below.
   Do not force position:relative on the mobile dock — it must stay position:fixed. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
  position: relative;
  isolation: isolate;
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--hl-glass), var(--hl-glass-fill) !important;
  background-image: var(--hl-glass) !important;
  box-shadow: var(--hl-glass-lift) !important;
  backdrop-filter: var(--hl-glass-blur) !important;
  -webkit-backdrop-filter: var(--hl-glass-blur) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
  isolation: isolate;
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--hl-glass), var(--hl-glass-fill) !important;
  background-image: var(--hl-glass) !important;
  box-shadow: var(--hl-glass-lift) !important;
  backdrop-filter: var(--hl-glass-blur) !important;
  -webkit-backdrop-filter: var(--hl-glass-blur) !important;
}

/* Gradient glass rim (bright top-left, soft bottom-right). */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel::after,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel::after,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel::after,
body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 2;
  background: var(--hl-glass-rim);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.95;
}

/* Action surfaces sit one elevation above evidence panels. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
  --hl-glass-fill: rgba(6, 14, 16, 0.36);
  --hl-glass:
    linear-gradient(
      168deg,
      rgba(255, 250, 226, 0.14) 0%,
      rgba(214, 228, 232, 0.05) 22%,
      rgba(8, 16, 18, 0.3) 55%,
      rgba(3, 8, 10, 0.44) 100%
    );
  box-shadow: var(--hl-glass-lift-high) !important;
  backdrop-filter: blur(32px) saturate(148%) brightness(1.05) contrast(1.03) !important;
  -webkit-backdrop-filter: blur(32px) saturate(148%) brightness(1.05) contrast(1.03) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    --hl-glass-fill: rgba(6, 12, 14, 0.92);
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    --hl-glass-fill: rgba(6, 12, 14, 0.94);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #detailTitle {
  font-family: var(--font-body), Manrope, Inter, system-ui, sans-serif !important;
  font-size: var(--pm-title-size) !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartOutcomeLabel {
  font-size: var(--pm-meta-size) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartCurrentValue {
  margin-top: var(--pm-chance-gap) !important;
  font-size: var(--pm-chance-size) !important;
  line-height: 0.9 !important;
  font-weight: 600 !important;
}

/* The countdown cells carry their own chrome, so the container frame goes. */
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown {
  width: auto !important;
  justify-content: start !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  gap: 6px !important;
}

/* ---------- desktop: every column ends on the same baseline ---------- */
@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-table {
    flex: 1.618 1 0 !important;
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-body--asks {
    justify-content: flex-end !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-body--bids {
    justify-content: flex-start !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-row {
    flex: 0 0 auto !important;
    min-height: 22px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-recent-trades {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-recent-trades__list {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden auto;
    align-content: start;
  }

  /* The ticket owns a real full-height column instead of overflowing the hero
     row into a dead cell, which is what left the wide gap under it. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    grid-template-areas:
      "marketHeader tradeTicket"
      "visualization tradeTicket" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace {
    grid-template-areas:
      "marketHeader tradeTicket"
      "outcomes tradeTicket"
      "visualization tradeTicket" !important;
  }

  /* The ticket column runs the full height of the workspace and pins its
     advanced block to the bottom edge, so no orphan gap is left below it. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body {
    display: flex !important;
    flex-direction: column;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body > .pm-order-info {
    margin-top: auto !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  }
}

/* ---------- phone: one screen, nothing reserved, nothing clipped ---------- */
@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]) {
    /* Measured chrome, so the screen holds hero + chart + dock with no
       leftover strip below the fold. */
    height: auto !important;
    min-height: calc(100dvh - var(--pm-topbar-h, 64px) - var(--pm-trade-dock-h, 132px) - 14px) !important;
    padding: 0 0 calc(var(--pm-trade-dock-h, 132px) + 14px) !important;
    overflow: visible !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
    height: 100% !important;
    min-height: 0 !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    height: 100% !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "marketHeader"
      "visualization" !important;
    gap: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    padding: 6px 14px 6px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top {
    min-height: 30px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    height: 100% !important;
    min-height: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 12px 0 !important;
    padding: 0 0 6px !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
    gap: 10px !important;
    padding: 14px 14px 6px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartOutcomeLabel {
    font-size: 10.5px !important;
    letter-spacing: 0.075em !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartSourceLabel,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__source {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    max-width: 34ch !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell {
    min-width: 0 !important;
    padding: 7px 8px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges button {
    min-height: 32px;
    font-size: 11.5px;
  }

  /* The plot owns every pixel left between the chance block and the dock, so
     the fixed 1.618 frame is released here and the SVG fills its row. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    aspect-ratio: auto !important;
    width: 100% !important;
    min-height: 168px !important;
    max-height: none !important;
    height: auto !important;
    padding: 2px 10px 4px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #priceChart {
    display: block;
    width: 100% !important;
    height: 100% !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table {
    margin: 0 12px 8px !important;
    border: 0 !important;
    background: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table > summary {
    min-height: 34px;
    padding: 0 4px;
    color: rgba(176, 198, 204, 0.7);
    font: 600 11.5px/1 var(--font-body);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  /* Placeholder-only estimates stay collapsed until a quote exists. */
  body.hg-markets.hg-predict-market-page .pm-mobile-trade-dock[data-estimates="idle"] .pm-mobile-trade-dock__stats {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock .pm-mobile-trade-button {
    min-height: 50px !important;
    border-radius: 14px !important;
    font: 700 15px/1 var(--font-body) !important;
    letter-spacing: -0.01em !important;
  }
}

@media (min-width: 1440px) {
  /* Pro workspace: the ticket spans every row of its column. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "visualization orderBook tradeTicket" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "outcomes outcomes tradeTicket"
      "visualization orderBook tradeTicket" !important;
  }
}

/* === v3.1 one-screen fit ==================================================
   The detail view is exactly as tall as the viewport minus measured chrome, so
   the plot absorbs slack instead of the page growing a dead strip below the
   fold. Laptop widths get the same three columns as the pro workspace, because
   stacking the book under the chart is what pushed content off screen. */

@media (min-width: 1100px) {
  /* Same specificity as the earlier document-scroll rules, which is what these
     replace: the detail owns one viewport and never grows a scroll tail. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]) {
    box-sizing: border-box !important;
    height: calc(100dvh - var(--pm-topbar-h, 65px)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--pm-topbar-h, 65px)) !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="current"],
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    grid-template-rows: max-content minmax(0, 1fr) !important;
    align-items: stretch;
    align-content: stretch;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: max-content max-content minmax(0, 1fr) !important;
    align-items: stretch;
    align-content: stretch;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel {
    height: auto !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden auto !important;
    overscroll-behavior: contain;
  }

  /* Released from the fixed --df-chart-height frame: the plot is the element
     that grows on tall screens and yields on short ones. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }

  /* Research keeps its own scroll so the chart column can never push the page. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-research-tabs {
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-research-tabs__panel:not([hidden]) {
    min-height: 0 !important;
    overflow: hidden auto !important;
    overscroll-behavior: contain;
  }

  /* Inputs at the top, action and advanced pinned to the bottom edge: the
     middle band is where the Result block lands once an amount exists. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body > .pm-sign-button {
    margin-top: auto !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-trade-stack__body > .pm-order-info {
    margin-top: 10px !important;
  }

  /* Laptop widths: chart, book and ticket share one row. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    grid-template-columns: minmax(0, 1.618fr) minmax(228px, 1fr) var(--trade-ticket-width) !important;
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "visualization orderBook tradeTicket" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace {
    grid-template-areas:
      "marketHeader marketHeader tradeTicket"
      "outcomes outcomes tradeTicket"
      "visualization orderBook tradeTicket" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel {
    grid-area: orderBook !important;
  }

  /* Account drawer is a bounded band, not a second page. Without this the
     expanded drawer ate the locked viewport and left the chart, depth ladder
     and ticket crushed into strips. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    grid-template-rows: minmax(0, 1fr) auto !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="empty"].is-expanded,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-personal-dock[data-dock-state="signed-out"].is-expanded {
    height: auto !important;
    min-height: 0 !important;
    max-height: min(38dvh, 340px) !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-bottom-body {
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden auto !important;
    overscroll-behavior: contain;
  }
}

@media (min-width: 1100px) and (max-width: 1439px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
    --df-ticket-width: clamp(316px, 25vw, 360px);
    --trade-ticket-width: clamp(316px, 25vw, 360px);
  }
}

/* ---------- one countdown language, every width ----------
   Identity (Markets + title) sits in the chance glass; close clock and ranges
   share the same card without pushing the plot down. */
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "identity closes"
    "meta meta"
    "ranges ranges" !important;
  align-items: start !important;
  column-gap: 14px !important;
  row-gap: calc(var(--pm-chance-gap, 0.5rem)) !important;
  padding: 14px 16px 10px !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__identity {
  grid-area: identity !important;
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  justify-items: start !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__title-block {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__title-block .pm-market-icon {
  width: calc(var(--pm-title-size) * var(--phi)) !important;
  height: calc(var(--pm-title-size) * var(--phi)) !important;
  min-width: 28px;
  min-height: 28px;
  max-width: 40px;
  max-height: 40px;
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px rgba(80, 227, 194, 0.28), 0 6px 16px rgba(0, 0, 0, 0.28);
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__title-block #detailTitle {
  margin: 0 !important;
  max-width: min(34ch, 100%);
  font-family: var(--font-body), Manrope, Inter, system-ui, sans-serif !important;
  font-size: var(--pm-title-size) !important;
  font-weight: 650 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: -0.025em !important;
  color: #f4fbf9 !important;
  text-wrap: balance;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-back {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 11px 0 9px;
  border: 1px solid rgba(80, 227, 194, 0.28);
  border-radius: 999px;
  background:
    linear-gradient(155deg, rgba(90, 235, 205, 0.14) 0%, rgba(255, 255, 255, 0.05) 28%, rgba(8, 14, 16, 0.55) 100%),
    rgba(6, 12, 14, 0.55);
  color: rgba(232, 238, 244, 0.92);
  font: 650 12px/1 var(--font-body);
  letter-spacing: 0.01em;
  white-space: nowrap;
  box-shadow:
    0 1px 0 rgba(180, 255, 235, 0.22) inset,
    0 8px 18px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-back:hover,
body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-back:focus-visible {
  border-color: rgba(80, 227, 194, 0.5);
  color: #f4fbf8;
  outline: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__meta {
  grid-area: meta !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
  display: contents !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown {
  grid-area: closes !important;
  width: auto !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  padding: 2px 0 0 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-ranges {
  grid-area: ranges !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell {
  display: flex !important;
  align-items: baseline !important;
  gap: 1px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong {
  font: 700 15px/1 var(--font-mono, ui-monospace) !important;
  color: rgba(226, 244, 240, 0.92) !important;
  letter-spacing: -0.01em !important;
}

/* Unit words stay in the accessibility tree; the eye gets h / m / s. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong::after {
  margin-left: 1px;
  color: rgba(146, 176, 180, 0.78);
  font-size: 10.5px;
  font-weight: 650;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong[data-expiry-unit="hours"]::after {
  content: "h";
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong[data-expiry-unit="mins"]::after {
  content: "m";
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown__cell strong[data-expiry-unit="secs"]::after {
  content: "s";
}

/* The plot keeps the golden share of the chart column; research takes the rest. */
@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    grid-template-rows: auto minmax(0, 1.35fr) auto minmax(0, 1fr) !important;
  }
}

/* ---------- phone: header, chance, plot, dock only ---------- */
@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]) {
    /* Measured chrome instead of guessed padding: topbar stays reachable and
       the dock never floats over a gap. */
    box-sizing: border-box !important;
    height: calc(100dvh - var(--pm-topbar-h, 64px)) !important;
    min-height: 0 !important;
    padding: 0 0 calc(var(--pm-trade-dock-h, 132px) + 12px) !important;
  }

  /* One header line: back control, asset mark, condition. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 12px 2px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero__top {
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero > .pm-decision-strip,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero > .pm-market-status-banner {
    grid-column: 1 / -1 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
    column-gap: 12px !important;
    row-gap: 8px !important;
    padding: 10px 14px 4px !important;
  }

  /* The plot takes every pixel the header and dock do not need. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: 140px !important;
    max-height: none !important;
    height: auto !important;
    padding: 0 8px 2px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table > summary {
    min-height: 30px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table {
    margin: 0 12px 4px !important;
  }

  /* Trade sheet: assistive-only text must not claim flex gaps, and the close
     control is a compact chip instead of a full band above the steps. */
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel > .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open {
    gap: 8px !important;
    padding: 10px 14px 14px !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-ticket-mobile-close {
    align-self: end !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
  }
}

/* Tablet portrait has height to spend: give it real depth instead of a plot
   stretched to fill the screen. */
@media (min-width: 768px) and (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: auto minmax(0, 1.618fr) minmax(0, 1fr) !important;
    grid-template-areas:
      "marketHeader"
      "visualization"
      "orderBook" !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-book-panel {
    display: flex !important;
    flex-direction: column !important;
    grid-area: orderBook !important;
    min-height: 0 !important;
    margin: 10px 12px 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel__body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel:not(.is-collapsed) {
    max-height: none !important;
  }

  /* Collapsed depth is a strip, not a reserved band. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace:has(.pm-book-panel.is-collapsed) {
    grid-template-rows: auto minmax(0, 1.618fr) auto !important;
  }

  /* Depth ladder keeps the golden share of the panel and every hidden row
     stays reachable, so a tight fit never reads as a cut-off table. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-table {
    flex: 1.618 1 0 !important;
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-body {
    min-height: 0 !important;
    overflow: hidden auto !important;
    overscroll-behavior: contain;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades__list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden auto !important;
    align-content: start !important;
  }
}


/* === Frictionless ticket IA (outcome → amount → payoff → CTA) ==============
   Consumer path keeps contract choice, amount, one payoff line, and one action.
   Developer / venue mechanics stay behind Setup & advanced. */

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-stage__label,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-market-heading,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-order-field--address,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-order-field--size,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-order-field--tif,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-conversion,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-auth-note,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderInfo,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #signingPanel textarea,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #signingPanel pre,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #signingPanel .pm-signing-head,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #authGatePanel,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #legacyPayoutHero {
  display: none !important;
}

/* Buy/Sell strip is latent until a held position makes Sell meaningful. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket:not([data-sell-available="true"]) .pm-ticket-side-toggle {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-sell-available="true"] .pm-ticket-side-toggle {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 0 0 8px;
}

/* Contract chip: selected outcome + price; Change expands the pair. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(126, 190, 180, 0.22);
  border-radius: 14px;
  background: rgba(8, 14, 16, 0.45);
  box-shadow: 0 1px 0 rgba(255, 250, 226, 0.12) inset;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary > .pm-selected-outcome__action {
  grid-column: 1;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary > strong {
  grid-column: 1;
  font-size: 14px;
  line-height: 1.25;
  color: var(--text-primary, #f0f3f6);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary > .pm-selected-outcome__price-reference {
  grid-column: 1;
  font-size: 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary > .pm-contract-change {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid rgba(210, 228, 234, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-muted, #9aa8bb);
  font: 650 12px/1 var(--font-body);
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket:has(#selectedOutcomeSummary:not([hidden])):not([data-contract-picker="open"]) #ticketSideButtons {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-contract-picker="open"] #ticketSideButtons:not([hidden]) {
  display: grid !important;
  margin: 0 0 10px;
}

/* Amount + presets as one cluster; balance is a single line. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance > small,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance > output {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance > span {
  color: var(--text-muted, #9aa8bb);
  font-size: 11px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-balance > strong {
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-order-field--amount {
  margin: 0 0 8px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quick-amounts {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff {
  display: grid !important;
  margin: 0 0 12px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-two-state-payoff[hidden] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-quote-summary__core {
  display: flex !important;
  gap: 12px;
  margin: 0 0 8px;
  font-size: 12px;
  color: var(--text-muted, #9aa8bb);
}

/* Mobile: dock already encodes the contract — open on amount. */
@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-mobile-trade-steps,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-ticket-mobile-continue {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open[data-mobile-step="2"] #ticketSideButtons {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open[data-mobile-step="2"][data-contract-picker="open"] #ticketSideButtons:not([hidden]) {
    display: grid !important;
  }
}

/* === Trade intent clarity + stable ticket chrome ========================= */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent {
  display: grid !important;
  gap: calc(6px * 1.618 / 1.618);
  margin: 0 0 calc(10px * 1.618 / 1.618 + 2px);
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(126, 190, 180, 0.22);
  background:
    linear-gradient(135deg, rgba(80, 227, 194, 0.1), rgba(8, 14, 16, 0.35) 55%),
    rgba(8, 14, 16, 0.42);
  box-shadow: 0 1px 0 rgba(255, 250, 226, 0.1) inset;
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-trade-intent,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-two-state-payoff__cell--complement,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-two-state-payoff__loss {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"] .pm-ticket-panel.is-mobile-open .pm-two-state-payoff__hero {
    grid-template-columns: 1fr !important;
  }
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent[data-action="sell"] {
  border-color: rgba(224, 112, 112, 0.28);
  background:
    linear-gradient(135deg, rgba(224, 112, 112, 0.12), rgba(8, 14, 16, 0.35) 55%),
    rgba(8, 14, 16, 0.42);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__eyebrow {
  font: 650 0.6875rem/1.2 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(168, 188, 196, 0.78);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__action {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font: 700 12px/1 var(--font-body);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--hl-teal, #50e3c2) 18%, transparent);
  color: var(--hl-teal, #50e3c2);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent[data-action="sell"] .pm-trade-intent__action {
  background: rgba(224, 112, 112, 0.18);
  color: #f0a0a0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__outcome {
  font: 650 1.05rem/1.2 var(--font-body);
  letter-spacing: -0.02em;
  color: var(--text-primary, #f0f3f6);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__meta {
  font: 500 12px/1.35 var(--font-body);
  color: rgba(154, 168, 187, 0.88);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #selectedOutcomeSummary > .pm-selected-outcome__action {
  grid-column: 1;
  font: 650 0.6875rem/1.2 var(--font-body);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--hl-teal, #50e3c2);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-trade-action="sell"] #selectedOutcomeSummary > .pm-selected-outcome__action {
  color: #f0a0a0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-trade-action="buy"] .pm-sign-button:not(:disabled),
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-trade-action="buy"] #prepareOrderButton:not(:disabled) {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hl-teal, #50e3c2) 35%, transparent), 0 10px 28px rgba(0, 0, 0, 0.28);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-trade-action="sell"] .pm-sign-button:not(:disabled),
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #orderTicket[data-trade-action="sell"] #prepareOrderButton:not(:disabled) {
  background: linear-gradient(180deg, rgba(224, 112, 112, 0.92), rgba(180, 72, 72, 0.95));
  color: #fff7f7;
  box-shadow: 0 0 0 1px rgba(224, 112, 112, 0.35), 0 10px 28px rgba(0, 0, 0, 0.28);
}

/* Reserve space so position/context refreshes do not collapse the ticket. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-position-context:not([hidden]) {
  min-height: 4.236rem;
  contain: layout;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
  contain: layout style;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__price {
  display: grid;
  gap: var(--pm-chance-gap, 0.48rem);
  justify-items: start;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] #chartCurrentValue {
  margin-top: 0 !important;
  font-size: var(--pm-chance-size) !important;
  line-height: 0.95 !important;
  font-weight: 600 !important;
}

html[data-hg-theme="light"] body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent,
body.hg-markets.hg-predict-market-page[data-hg-theme="light"] .pm-detail-shell[data-experience="v2"] .pm-trade-intent {
  border-color: rgba(15, 118, 110, 0.22);
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(255, 255, 255, 0.7) 55%),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

html[data-hg-theme="light"] body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-trade-intent__outcome,
body.hg-markets.hg-predict-market-page[data-hg-theme="light"] .pm-detail-shell[data-experience="v2"] .pm-trade-intent__outcome {
  color: #0f172a;
}

/* === Chart reference / judgment rails + mobile trade gestures ============ */
.pm-chart-grid--soft {
  stroke: rgba(220, 236, 234, 0.28) !important;
  stroke-width: 1.15 !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-price-chart[data-liquid="1"] .pm-chart-label--axis,
.pm-price-chart[data-liquid="1"] .pm-chart-label--axis {
  fill: #f4fbf9 !important;
  font: 800 12.5px/1.1 "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: 0.01em;
  paint-order: stroke fill;
  stroke: rgba(2, 8, 10, 0.82);
  stroke-width: 3px;
  stroke-linejoin: round;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-price-chart[data-liquid="1"] .pm-chart-label--time,
.pm-price-chart[data-liquid="1"] .pm-chart-label--time {
  fill: rgba(220, 234, 238, 0.96) !important;
  font: 700 11.5px/1 "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  paint-order: stroke fill;
  stroke: rgba(2, 8, 10, 0.7);
  stroke-width: 2.4px;
  stroke-linejoin: round;
}

.pm-chart-rail--judgment.is-clamped {
  stroke-dasharray: 1.5 6;
  stroke: rgba(246, 213, 154, 0.72);
}

.pm-chart-path--underlying-fill {
  fill: rgba(246, 213, 154, 0.05) !important;
  stroke: none !important;
}

.pm-chart-path--underlying {
  stroke: rgba(246, 213, 154, 0.34) !important;
  stroke-width: 1.35 !important;
  stroke-dasharray: none !important;
  opacity: 0.85;
}

.pm-chart-path--over-rails {
  stroke-width: 2.6 !important;
  filter: drop-shadow(0 0 8px rgba(80, 227, 194, 0.28));
}

/* Outcome-style liquid underlying chart — HL teal live / judgment gold target */
.pm-chart-toolbar__price[data-chart-mode="underlying"] .pm-chart-chance-metrics {
  display: none;
}

.pm-chart-toolbar__price[data-chart-mode="chance"] .pm-chart-live-metrics {
  display: none;
}

.pm-chart-live-metrics {
  display: flex;
  flex-wrap: wrap;
  align-items: start !important;
  gap: 14px 26px;
}

.pm-chart-live-metric {
  display: grid;
  grid-template-rows: auto auto;
  align-content: start;
  gap: 5px;
  min-width: 0;
}

.pm-chart-live-metric__label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 14px;
  color: rgba(196, 210, 216, 0.82);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
}

.pm-chart-live-metric__swatch {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  display: inline-block;
}

.pm-chart-live-metric__swatch[data-tone="target"] {
  background: #d6aa55;
  box-shadow: 0 0 0 3px rgba(214, 170, 85, 0.2);
}

.pm-chart-live-metric__swatch[data-tone="current"] {
  background: var(--hl-teal, #50e3c2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hl-teal, #50e3c2) 28%, transparent);
}

.pm-chart-live-metric__value {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 8px;
  /* Match CURRENT price line box so TARGET/CURRENT labels share one baseline. */
  min-height: clamp(1.65rem, 2.4vw, 2.35rem);
  line-height: 1;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-live-metric strong,
.pm-chart-live-metric strong {
  font-size: clamp(1.65rem, 2.4vw, 2.35rem);
  line-height: 1;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
  color: var(--text-primary, #f3f0e8);
  transition: color 220ms ease, text-shadow 220ms ease;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-live-metric[data-metric="target"] strong,
.pm-chart-live-metric[data-metric="target"] strong {
  color: #f0d2a0 !important;
  font-size: clamp(1.15rem, 1.65vw, 1.48rem);
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-live-metric[data-metric="current"] strong,
.pm-chart-live-metric[data-metric="current"] strong {
  color: var(--hl-teal, #50e3c2) !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-live-metric[data-metric="current"] strong.is-live-tick.is-up,
.pm-chart-live-metric[data-metric="current"] strong.is-live-tick.is-up {
  color: #6fe8d2 !important;
  text-shadow: 0 0 18px rgba(80, 227, 194, 0.35);
}

body.hg-markets.hg-predict-market-page .pm-detail-view .pm-chart-live-metric[data-metric="current"] strong.is-live-tick.is-down,
.pm-chart-live-metric[data-metric="current"] strong.is-live-tick.is-down {
  color: #ff9b9b !important;
  text-shadow: 0 0 16px rgba(255, 123, 120, 0.28);
}

.pm-chart-live-metric .pm-chart-toolbar__delta {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  color: var(--text-secondary, #b1bdc4);
}

.pm-chart-live-metric .pm-chart-toolbar__delta.is-up {
  color: var(--pnl-positive, #50e3c2) !important;
}

.pm-chart-live-metric .pm-chart-toolbar__delta.is-down {
  color: var(--danger, #ff7b78) !important;
}

.pm-chart-path--liquid-fill {
  stroke: none !important;
}

.pm-chart-path--liquid-glow {
  fill: none !important;
  pointer-events: none;
}

.pm-chart-path--liquid {
  fill: none !important;
  stroke: url(#pmLiquidStroke);
  stroke-width: 3.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 10px rgba(80, 227, 194, 0.45));
}

.pm-chart-liquid-band {
  fill: color-mix(in srgb, var(--hl-teal, #50e3c2) 12%, rgba(214, 170, 85, 0.06));
  pointer-events: none;
}

.pm-chart-live-cursor {
  display: none;
  visibility: hidden;
  pointer-events: none;
}

.pm-chart-tip-glow {
  fill: color-mix(in srgb, var(--hl-teal, #50e3c2) 34%, transparent);
  animation: pm-liquid-tip-pulse 2.1s ease-in-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}

.pm-chart-tip-glow.is-pulse {
  animation: pm-liquid-tip-hit 1.2s cubic-bezier(0.22, 0.82, 0.2, 1);
}

.pm-chart-tip-glow.is-pulse.is-up {
  fill: color-mix(in srgb, #f0c878 42%, transparent);
  animation: pm-liquid-tip-hit-up 1.35s cubic-bezier(0.22, 0.82, 0.2, 1);
}

.pm-chart-tip-glow.is-pulse.is-down {
  fill: color-mix(in srgb, #8aa0c0 38%, transparent);
  animation: pm-liquid-tip-hit-down 1.35s cubic-bezier(0.22, 0.82, 0.2, 1);
}

.pm-chart-tip {
  fill: #b7fff0;
  stroke: rgba(6, 12, 14, 0.9);
  stroke-width: 1.25;
  filter: drop-shadow(0 0 8px rgba(80, 227, 194, 0.65));
}

@keyframes pm-liquid-tip-pulse {
  0%, 100% { opacity: 0.38; transform: scale(1); }
  50% { opacity: 0.92; transform: scale(1.16); }
}

@keyframes pm-liquid-tip-hit {
  0% { opacity: 1; transform: scale(1.42); }
  100% { opacity: 0.4; transform: scale(1); }
}

@keyframes pm-liquid-tip-hit-up {
  0% { opacity: 1; transform: scale(1.55) translateY(2px); }
  100% { opacity: 0.42; transform: scale(1) translateY(0); }
}

@keyframes pm-liquid-tip-hit-down {
  0% { opacity: 1; transform: scale(1.35) translateY(-2px); }
  100% { opacity: 0.38; transform: scale(1) translateY(0); }
}

.pm-expiry-countdown__cell strong.is-flip {
  animation: pm-countdown-flip 280ms cubic-bezier(0.2, 0.85, 0.25, 1);
}

@keyframes pm-countdown-flip {
  0% { transform: translateY(4px); opacity: 0.35; }
  100% { transform: translateY(0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pm-chart-tip-glow,
  .pm-chart-tip-glow.is-pulse,
  .pm-expiry-countdown__cell strong.is-flip {
    animation: none !important;
  }
}

.pm-chart-rail-band {
  fill: rgba(80, 227, 194, 0.045);
  stroke: none;
}

.pm-chart-rail--judgment-glow {
  stroke: rgba(246, 213, 154, 0.22);
  stroke-width: 5;
}

.pm-chart-rail--judgment {
  stroke: rgba(246, 213, 154, 0.92);
  stroke-width: 1.5;
  stroke-dasharray: 2 7;
  stroke-linecap: round;
}

.pm-chart-rail--reference-glow {
  stroke: color-mix(in srgb, var(--hl-teal, #50e3c2) 28%, transparent);
  stroke-width: 5;
}

.pm-chart-rail--reference {
  stroke: var(--hl-teal, #50e3c2);
  stroke-width: 1.55;
  stroke-linecap: round;
}

.pm-chart-rail-dot--judgment {
  fill: #f6d59a;
  stroke: rgba(4, 10, 12, 0.65);
  stroke-width: 1.4;
}

.pm-chart-rail-dot--reference {
  fill: var(--hl-teal, #50e3c2);
  stroke: rgba(4, 10, 12, 0.65);
  stroke-width: 1.5;
}

.pm-chart-rail-tag rect {
  display: none;
  fill: none;
  stroke: none;
}

.pm-chart-rail-tag--judgment rect,
.pm-chart-rail-tag--reference rect {
  display: none;
  fill: none;
  stroke: none;
}

.pm-chart-rail-tag text,
.pm-chart-rail-tag__label {
  font: 650 10px/1 var(--font-mono, ui-monospace, monospace);
  fill: rgba(238, 242, 247, 0.94);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

.pm-chart-rail-tag--judgment text,
.pm-chart-rail-tag--judgment .pm-chart-rail-tag__label {
  fill: #f6d59a;
}

.pm-chart-rail-tag--reference text,
.pm-chart-rail-tag--reference .pm-chart-rail-tag__label {
  fill: var(--hl-teal, #50e3c2);
}

/* Hard seam: chart never paints into the book / Recent trades column. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
  overflow: hidden !important;
  isolation: isolate;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap .pm-price-chart {
  overflow: hidden;
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Clicking the chart must not paint a focus ring / frame around the SVG. */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap .pm-price-chart:focus,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap .pm-price-chart:focus-visible,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

@media (min-width: 1100px) {
  /* Chart + book read as one module; ticket stays a separate card.
     Inset the workspace so 18px glass radii are not clipped by the viewport
     edge, and the ticket right edge aligns with the topbar Sign In inset. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    column-gap: 0 !important;
    padding: 0 24px 12px !important;
    box-sizing: border-box;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-ticket-panel {
    margin-left: 12px;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    border-radius: 18px 0 0 18px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow:
      0 1px 0 rgba(255, 250, 226, 0.16) inset,
      0 -22px 48px rgba(0, 0, 0, 0.28) inset,
      -2px 18px 40px rgba(0, 0, 0, 0.28) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel {
    z-index: 2;
    border-radius: 0 18px 18px 0 !important;
    /* Opaque underlay so chart rails cannot read through glass into Recent trades. */
    background:
      linear-gradient(180deg, rgba(8, 14, 16, 0.97), rgba(5, 10, 12, 0.99)),
      var(--hl-glass-fill, #060c0e) !important;
    background-image:
      linear-gradient(180deg, rgba(8, 14, 16, 0.97), rgba(5, 10, 12, 0.99)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow:
      0 1px 0 rgba(255, 250, 226, 0.16) inset,
      0 -22px 48px rgba(0, 0, 0, 0.28) inset,
      2px 18px 40px rgba(0, 0, 0, 0.28) !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel::after,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel::after {
    border-radius: inherit;
  }

  /* Collapsed book: chart owns the full rounded module again. */
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace:has(.pm-book-panel.is-collapsed) .pm-chart-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace:has(.pm-book-panel[hidden]) .pm-chart-panel {
    border-radius: 18px !important;
    border-right: 0 !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-recent-trades {
    margin-top: 8px;
    padding: 10px 10px 8px;
    border-radius: 12px;
    background: rgba(10, 16, 18, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
}

.pm-chart-label--chance {
  fill: rgba(168, 188, 196, 0.55);
  font-size: 10px;
}

.pm-price-chart[data-has-rails="1"] .pm-chart-label--chance {
  fill: rgba(168, 188, 196, 0.4);
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
  gap: 10px;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-ranges {
  margin-bottom: 0;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
  margin-top: 2px;
}

.pm-chart-wrap.is-pressing,
.pm-mobile-trade-dock.is-pressing,
.pm-ticket-panel.is-pressing,
.pm-outcome-pair button.is-pressing,
#mobileTradeButton.is-pressing {
  transform: scale(0.985);
  transition: transform 120ms ease;
}

.pm-chart-wrap.is-long-press,
.pm-mobile-trade-dock.is-long-press,
.pm-outcome-pair button.is-long-press {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hl-teal, #50e3c2) 45%, transparent);
}

@media (max-width: 1099px) {
  .pm-mobile-trade-dock,
  .pm-ticket-panel.is-mobile-open { touch-action: pan-y; }
  .pm-chart-wrap { touch-action: none; }
  .pm-mobile-trade-dock::before {
    content: "";
    display: block;
    width: 42px;
    height: 4px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
  }
}

html[data-hg-theme="light"] .pm-chart-rail-tag rect,
body[data-hg-theme="light"] .pm-chart-rail-tag rect {
  display: none;
  fill: none;
}

html[data-hg-theme="light"] .pm-mobile-trade-dock::before,
body[data-hg-theme="light"] .pm-mobile-trade-dock::before {
  background: rgba(15, 23, 42, 0.18);
}


/* === Collapsed hero: keep canonical grid, zero the empty header track ===== */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-detail-header[data-chrome="collapsed"],
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-market-hero[data-chrome="collapsed"] {
  display: none !important;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] {
  position: relative;
}

/* Header is hidden; collapse its max-content track so chart/ticket rise. */
@media (min-width: 1100px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: 0 minmax(0, 1fr) !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: 0 max-content minmax(0, 1fr) !important;
  }
}

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: 0 minmax(0, 1fr) auto !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"].has-outcomes-rail .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-template-rows: 0 max-content minmax(0, 1fr) auto !important;
  }
}

/* === Mobile swipe between markets + press feedback ======================== */
@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"] {
    touch-action: pan-y;
    transition: transform 220ms cubic-bezier(0.22, 0.9, 0.28, 1);
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"].is-swipe-dragging {
    transition: none;
    transform: translate3d(var(--pm-swipe-x, 0px), 0, 0);
    cursor: grabbing;
    will-change: transform;
  }

  body.hg-markets.hg-predict-market-page .pm-market-card,
  body.hg-markets.hg-predict-market-page .pm-category-chip,
  body.hg-markets.hg-predict-market-page .pm-detail-market-rail__chip,
  body.hg-markets.hg-predict-market-page .pm-outcome-pair button,
  body.hg-markets.hg-predict-market-page .pm-mobile-trade-button,
  body.hg-markets.hg-predict-market-page .pm-ticket-side-toggle button,
  body.hg-markets.hg-predict-market-page .pm-quick-amounts button,
  body.hg-markets.hg-predict-market-page .pm-chart-ranges button,
  body.hg-markets.hg-predict-market-page .pm-top-signin,
  body.hg-markets.hg-predict-market-page .pm-top-deposit {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition:
      transform 70ms cubic-bezier(0.2, 0.9, 0.25, 1),
      opacity 70ms ease,
      border-color 90ms ease,
      background 90ms ease,
      box-shadow 90ms ease;
  }

  body.hg-markets.hg-predict-market-page .pm-market-card:active,
  body.hg-markets.hg-predict-market-page .pm-category-chip:active,
  body.hg-markets.hg-predict-market-page .pm-detail-market-rail__chip:active,
  body.hg-markets.hg-predict-market-page .pm-outcome-pair button:active,
  body.hg-markets.hg-predict-market-page .pm-mobile-trade-button:active,
  body.hg-markets.hg-predict-market-page .pm-ticket-side-toggle button:active,
  body.hg-markets.hg-predict-market-page .pm-quick-amounts button:active,
  body.hg-markets.hg-predict-market-page .pm-chart-ranges button:active,
  body.hg-markets.hg-predict-market-page .pm-top-signin:active,
  body.hg-markets.hg-predict-market-page .pm-top-deposit:active {
    transform: scale(0.965);
    opacity: 0.9;
  }

  body.hg-markets.hg-predict-market-page .pm-mobile-trade-button:active {
    transform: scale(0.975) translateY(1px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
  }

  body.hg-markets.hg-predict-market-page .pm-detail-market-rail__chip:active {
    border-color: rgba(80, 227, 194, 0.45);
    background: rgba(80, 227, 194, 0.12);
  }

  body.hg-markets.hg-predict-market-page .pm-market-card:active {
    transform: scale(0.978);
  }
}

@media (max-width: 1099px) and (prefers-reduced-motion: reduce) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"],
  body.hg-markets.hg-predict-market-page .pm-market-card,
  body.hg-markets.hg-predict-market-page .pm-category-chip,
  body.hg-markets.hg-predict-market-page .pm-detail-market-rail__chip,
  body.hg-markets.hg-predict-market-page .pm-outcome-pair button,
  body.hg-markets.hg-predict-market-page .pm-mobile-trade-button {
    transition: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-shell[data-experience="v2"].is-swipe-dragging,
  body.hg-markets.hg-predict-market-page .pm-market-card:active,
  body.hg-markets.hg-predict-market-page .pm-category-chip:active,
  body.hg-markets.hg-predict-market-page .pm-detail-market-rail__chip:active,
  body.hg-markets.hg-predict-market-page .pm-outcome-pair button:active,
  body.hg-markets.hg-predict-market-page .pm-mobile-trade-button:active {
    transform: none !important;
  }
}

/* Compact Rules control in chart toolbar (hero Rules is collapsed in v2). */
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-rules-button {
  appearance: none;
  margin: 0;
  min-height: 32px;
  padding: 6px 12px;
  border: 1px solid rgba(140, 170, 176, 0.28);
  border-radius: 999px;
  background: rgba(8, 16, 18, 0.42);
  color: rgba(214, 232, 236, 0.92);
  font: 600 12px/1.2 var(--font-body), Manrope, system-ui, sans-serif;
  letter-spacing: 0.04em;
  cursor: pointer;
}

body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-rules-button:hover,
body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-rules-button:focus-visible {
  border-color: rgba(80, 227, 194, 0.45);
  color: #d7fff6;
  outline: none;
}

body.hg-markets.hg-predict-market-page .pm-research-rules {
  display: grid;
  gap: 12px;
  padding: 4px 2px 12px;
  color: var(--text-secondary, #a8bcc4);
  font: 500 13px/1.45 var(--font-body), Manrope, system-ui, sans-serif;
}

body.hg-markets.hg-predict-market-page .pm-research-rules .pm-rules-summary {
  margin: 0;
  color: var(--text-primary, #edf6f7);
  font-size: 14px;
  line-height: 1.5;
}

body.hg-markets.hg-predict-market-page .pm-research-rules dl {
  margin: 0;
  display: grid;
  gap: 8px;
}

body.hg-markets.hg-predict-market-page .pm-research-rules dl > div {
  display: grid;
  grid-template-columns: minmax(88px, 0.34fr) minmax(0, 1fr);
  gap: 8px 12px;
}

body.hg-markets.hg-predict-market-page .pm-research-rules dt {
  color: rgba(168, 188, 196, 0.78);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.hg-markets.hg-predict-market-page .pm-research-rules dd {
  margin: 0;
  color: var(--text-primary, #edf6f7);
}

body.hg-markets.hg-predict-market-page .pm-research-rules .pm-rules-note {
  margin: 0;
  color: rgba(168, 188, 196, 0.78);
  font-size: 12px;
}

/* =============================================================================
   Mobile Market Detail: MarketDataArea (1fr) + ContractTradeDock (auto)
   Scoped to phone/tablet widths so desktop (>=1100px) stays unchanged.
   ============================================================================= */

@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open {
    --global-header-height: 65px;
    --chart-price-axis-width: 72px;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]),
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:not([hidden]):has(.pm-detail-shell[data-experience="v2"]) {
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100dvh - var(--global-header-height, 56px)) !important;
    height: calc(100dvh - var(--global-header-height, 56px)) !important;
    max-height: calc(100dvh - var(--global-header-height, 56px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-detail-pager__page[data-pager-slot="current"] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace[data-workspace-mode="pro"] {
    grid-row: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding-bottom: 0 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-grid {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    margin: 0 10px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    grid-template-rows: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    margin: 0 10px 18px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space .pm-book-panel__body {
    display: flex !important;
    flex: 0 0 auto !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-book-panel--coin-space .pm-coin-depth-stage {
    width: min(100%, 560px) !important;
    margin-inline: auto !important;
    aspect-ratio: 1 / 1.272 !important;
    min-height: clamp(220px, 56vw, 360px) !important;
    max-height: none !important;
  }

  /* Compact chrome so remaining height feeds the chart */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar {
    position: relative !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "identity"
      "rules"
      "meta" !important;
    gap: 8px !important;
    padding: 8px 12px 6px !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__identity {
    grid-area: identity !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding-right: 7.5rem !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__end {
    display: contents !important;
  }

  /* Pin close clock to the top-right — under Sign In on the global header. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-expiry-countdown,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] #marketExpiryCountdown {
    position: absolute !important;
    top: 8px !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    left: auto !important;
    grid-area: unset !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    text-align: right !important;
    pointer-events: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-rules-button {
    grid-area: rules !important;
    justify-self: start !important;
    width: fit-content !important;
    min-height: 32px !important;
    padding: 5px 10px !important;
    margin: 0 !important;
  }

  /* Liquid live chart uses a fixed short window — range pills are unused chrome. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-ranges,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] #chartRangeControls {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"] .pm-chart-data-table,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-data-table {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-data-table {
    flex: 0 0 auto !important;
    margin: 0 10px 6px !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-data-table > summary {
    min-height: 36px !important;
    padding: 8px 10px !important;
  }

  /* Expanded chart plot */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: clamp(300px, 39dvh, 450px) !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 4px 8px 8px !important;
    --chart-price-axis-width: 72px;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-price-chart {
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
    display: block !important;
  }

  /* Target / Current — compact, balanced, φ placement in the data chrome */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    --phi: 1.618;
    --phi-inv: 0.618;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-toolbar__meta {
    grid-area: meta !important;
    width: 100% !important;
    /* Major share of horizontal inset below title (φ remainder on the right) */
    padding-inline: 0 calc(100% * (1 - var(--phi-inv)) * var(--phi-inv)) !important;
    margin-top: calc(6px * var(--phi-inv)) !important;
    margin-bottom: calc(6px * var(--phi)) !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: calc(10px * var(--phi-inv)) !important;
    width: 100% !important;
    max-width: min(100%, calc(22rem * var(--phi))) !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric {
    min-height: 0 !important;
    height: auto !important;
    padding: calc(8px * var(--phi-inv)) calc(10px * var(--phi-inv)) !important;
    border-radius: calc(10px * var(--phi-inv)) !important;
    border: 1px solid rgba(140, 170, 176, 0.2) !important;
    background: rgba(8, 16, 18, 0.5) !important;
    gap: calc(4px * var(--phi-inv)) !important;
    display: grid !important;
    align-content: start !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric[data-metric="target"] {
    background:
      linear-gradient(160deg, rgba(214, 170, 85, 0.08), transparent 55%),
      rgba(8, 16, 18, 0.5) !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric[data-metric="current"] {
    background:
      linear-gradient(160deg, rgba(80, 227, 194, 0.08), transparent 55%),
      rgba(8, 16, 18, 0.5) !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric__label {
    font-size: 10px !important;
    letter-spacing: 0.07em !important;
    line-height: 1.2 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric strong,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric .pm-chart-live-metric__value,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric[data-metric="target"] strong,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric[data-metric="current"] strong {
    font-size: clamp(15px, 3.8vw, 18px) !important;
    line-height: 1.15 !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    min-height: 0 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric .pm-chart-live-metric__value {
    min-height: 0 !important;
    gap: 0 6px !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-live-metric .pm-chart-toolbar__delta {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin-top: 1px !important;
  }

  /* Keep chart as the major (φ) share of the data column height */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    flex: var(--phi) 1 auto !important;
    min-height: clamp(280px, calc(39dvh * var(--phi-inv) + 120px), 420px) !important;
  }

  /* Contract trade dock: in-flow sticky bottom (not mid-screen fixed) */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock,
  body.hg-markets.hg-predict-market-page .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock {
    grid-row: 2 !important;
    position: sticky !important;
    bottom: 0 !important;
    left: auto !important;
    right: auto !important;
    inset: auto !important;
    z-index: 30 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px 16px max(16px, env(safe-area-inset-bottom)) !important;
    border-radius: 18px 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(180, 225, 221, 0.22) !important;
    background:
      linear-gradient(180deg, rgba(5, 15, 18, 0.92), rgba(3, 10, 13, 0.99)) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.35) !important;
    transform: none !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock__summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock__stats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 28px !important;
    padding: 0 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock__stat--payout {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock__stat--payout span {
    color: rgba(176, 198, 204, 0.82) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-dock__stat--payout strong {
    font-size: 14px !important;
    font-variant-numeric: tabular-nums !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-trade-button {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    border-radius: 18px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) .pm-mobile-outcome-pair:not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
}

@media (max-width: 1099px) and (max-height: 740px) {
  /* Keep 1fr+auto shell locked; only the data column scrolls. */
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) {
    height: calc(100dvh - var(--global-header-height, 56px)) !important;
    max-height: calc(100dvh - var(--global-header-height, 56px)) !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: 280px !important;
  }
}

@media (max-width: 1099px) and (orientation: landscape) {
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view:has(.pm-detail-shell[data-experience="v2"]) {
    height: calc(100dvh - var(--global-header-height, 56px)) !important;
    max-height: calc(100dvh - var(--global-header-height, 56px)) !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap,
  body.hg-markets.hg-predict-market-page .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    min-height: 240px !important;
  }
}

/* Mobile chart↔coin presence must win over later display:flex chart/book rules. */
@media (max-width: 1099px) {
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel--coin-space,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"][data-mobile-presence="data"] .pm-book-panel--coin-space {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-chart-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-chart-panel {
    display: none !important;
  }

  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-book-panel--coin-space,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-book-panel,
  body.hg-markets.hg-predict-market-page.pm-detail-open .pm-detail-view .pm-detail-shell[data-experience="v2"][data-mobile-presence="coin"] .pm-book-panel--coin-space {
    display: flex !important;
  }
}