.market-create-card {
  width: min(860px, calc(100vw - 32px));
  max-height: min(900px, calc(100vh - 32px));
  overflow: auto;
}

.market-create-card form {
  display: grid;
  gap: 13px;
}

.market-create-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.market-create-card textarea {
  min-height: 84px;
}

.market-create-path > div:first-child,
.market-create-step > header { margin-bottom: 20px; }
.market-create-path h3,
.market-create-step h3 { margin: 4px 0 6px; font-size: clamp(22px, 3vw, 30px); }
.market-create-path p,
.market-create-step header > p:last-child { margin: 0; color: #667085; }
.market-path-grid,
.risk-profile-picker > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.market-path-grid button,
.risk-profile-picker button { min-height: 148px; padding: 20px; border: 1px solid #d8dee8; border-radius: 14px; background: #fff; color: #172033; text-align: left; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; box-shadow: none; }
.market-path-grid button:first-child { border-color: var(--ops-accent, #2457d6); background: #f5f8ff; }
.market-path-grid button:hover,
.market-path-grid button:focus-visible,
.risk-profile-picker button:hover,
.risk-profile-picker button:focus-visible,
.risk-profile-picker button.active { border-color: var(--ops-accent, #2457d6); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ops-accent, #2457d6) 14%, transparent); }
.market-path-grid strong,
.risk-profile-picker strong { font-size: 17px; }
.market-path-grid span,
.risk-profile-picker span { color: #667085; line-height: 1.45; font-weight: 500; }
.market-path-grid b { margin-top: auto; color: var(--ops-accent, #2457d6); }
.market-create-progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; list-style: none; margin: 4px 0 26px; padding: 0; }
.market-create-progress li { position: relative; display: flex; align-items: center; gap: 8px; color: #98a2b3; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.market-create-progress li:not(:last-child)::after { content: ""; height: 2px; flex: 1; margin-right: 8px; background: #e4e7ec; }
.market-create-progress li span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #d0d5dd; border-radius: 50%; background: #fff; }
.market-create-progress li.active,
.market-create-progress li.complete { color: var(--ops-accent, #2457d6); }
.market-create-progress li.active span,
.market-create-progress li.complete span { color: #fff; border-color: var(--ops-accent, #2457d6); background: var(--ops-accent, #2457d6); }
.market-create-progress li.complete::after { background: var(--ops-accent, #2457d6); }
.market-create-step .candidate-source,
.market-create-step .market-image-fields { margin-bottom: 16px; }
.market-create-step label,
.field-label { color: #344054; font-weight: 750; }
.market-create-step label small { display: block; margin-top: 6px; color: #667085; font-weight: 500; line-height: 1.4; }
.market-create-step textarea[readonly] { min-height: 150px; color: #344054; background: #f8fafc; }
.market-safety-note { display: flex; gap: 12px; margin-bottom: 16px; padding: 14px 16px; border-left: 4px solid var(--ops-accent, #2457d6); background: #f5f8ff; color: #475467; }
.market-safety-note strong { flex: 0 0 auto; color: #172033; }
.risk-profile-picker { margin-bottom: 16px; }
.risk-profile-picker > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.risk-profile-picker button { min-height: 120px; padding: 16px; }
.advanced-risk { border: 1px solid #d8dee8; border-radius: 12px; background: #fff; }
.advanced-risk > summary { cursor: pointer; padding: 14px 16px; color: #344054; font-weight: 800; }
.advanced-risk > p { margin: -4px 16px 14px; color: #667085; }
.advanced-risk-fields { padding: 0 16px 16px; }
.market-risk-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 16px; border: 1px solid #d8dee8; border-radius: 12px; overflow: hidden; }
.market-risk-summary > div { padding: 16px; background: #f8fafc; }
.market-risk-summary > div + div { border-left: 1px solid #d8dee8; }
.market-risk-summary span,
.market-risk-summary small,
.market-final-review span,
.market-final-review small { display: block; color: #667085; }
.market-risk-summary strong { display: block; margin: 6px 0; font-size: 20px; color: #172033; }
.market-risk-summary small { line-height: 1.4; }
.risk-ready,
.risk-warning { grid-column: 1 / -1; margin: 0; padding: 12px 16px; font-weight: 750; }
.risk-ready { color: #067647; background: #ecfdf3; }
.risk-warning { color: #b42318; background: #fef3f2; }
.market-final-review { display: grid; gap: 12px; }
.market-final-review > article,
.market-final-review > div article { padding: 16px; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; }
.market-final-review > article strong,
.market-final-review > article p { display: block; margin: 6px 0 0; color: #172033; line-height: 1.5; }
.market-final-review > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.market-final-review > div strong { display: block; margin: 6px 0; color: #172033; }
.market-confirmations { display: grid; gap: 8px; margin-top: 14px; padding: 16px; border: 1px solid #d8dee8; border-radius: 12px; background: #f8fafc; }
.market-confirmations label { display: flex; align-items: center; gap: 10px; }
.market-confirmations input { width: 18px; height: 18px; margin: 0; }
.market-wizard-navigation,
.market-final-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid #e4e7ec; }
.market-wizard-navigation span { color: #667085; font-size: 13px; font-weight: 750; }
.market-final-actions { justify-content: flex-end; }

.liquidity-boundary.ready {
  border-style: solid;
  border-color: #a9d4b7;
  background: #f1faf4;
}

@media (max-width: 620px) {
  .market-create-grid {
    grid-template-columns: 1fr;
  }
  .market-path-grid,
  .risk-profile-picker > div,
  .market-risk-summary,
  .market-final-review > div { grid-template-columns: 1fr; }
  .market-risk-summary > div + div { border-left: 0; border-top: 1px solid #d8dee8; }
  .market-create-progress li { justify-content: center; font-size: 0; }
  .market-create-progress li:not(:last-child)::after { position: absolute; left: calc(50% + 18px); width: calc(100% - 36px); }
  .market-safety-note { flex-direction: column; }
}
