.workspace-hero-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.market-guide-trigger,
.market-guide-footer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 10px;
  border: 1px solid #697ab0;
  border-radius: 8px;
  background: linear-gradient(115deg, #2d4978, #4a396d);
  color: #f3f5ff;
  font: 700 13px/1.3 var(--font);
  cursor: pointer;
}

.market-guide-trigger {
  padding-inline: 12px;
  box-shadow: 0 2px 10px #080b184d;
  font-size: 14px;
  white-space: nowrap;
}

.market-guide-trigger:hover,
.market-guide-footer button:hover {
  border-color: #99a8db;
  background: linear-gradient(115deg, #3a5b8e, #5a467e);
}

.market-guide-trigger:focus-visible,
.market-guide button:focus-visible {
  outline: 2px solid var(--brand-s);
  outline-offset: 2px;
}

.membership-modal.market-guide {
  width: 100%;
  max-width: 640px;
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  border-color: #445477;
  background: linear-gradient(155deg, #17243a, #111b2a 55%, #17192c);
}

.market-guide .membership-modal__header {
  background: linear-gradient(110deg, #263b61, #352b4e);
  border-color: #516080;
}

.market-guide .membership-modal__header h2 { padding: 0; font-size: 20px; }
.market-guide .membership-modal__body { min-height: 0; }

.market-guide-body p { color: #d0daea; }
.market-guide-body h3 { margin: 16px 0 8px; color: #e1e8ff; font-size: 15px; }

.market-guide-body .market-guide-intro {
  padding: 10px 12px;
  border-left: 3px solid #8b9ee7;
  border-radius: 8px;
  background: linear-gradient(105deg, #293d63, #22263f);
  color: #f0f3ff;
}

.market-guide-opening { color: #ff9c9f; }
.market-guide-opening span { white-space: nowrap; }
.market-guide-discipline { display: block; margin-top: 8px; font-size: 15px; line-height: 1.7; }

@supports (background-clip: text) or (-webkit-background-clip: text) {
  .market-guide-opening {
    background: linear-gradient(100deg, #ffb5aa, #ff727f);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}

.market-guide-timing { display: grid; gap: 6px; }

.market-guide-timing p {
  padding: 8px 12px;
  border-radius: 8px;
  background: linear-gradient(105deg, #1b414b, #182b38);
}

.market-guide-timing p:last-child { background: linear-gradient(105deg, #493b34, #292833); }
.market-guide-timing strong { color: #bceeea; }
.market-guide-timing p:last-child strong { color: #f8d9a8; }

.market-guide-audiences {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.market-guide-audiences > div {
  padding: 10px 12px;
  border: 1px solid #4b5b7e;
  border-radius: 10px;
  background: linear-gradient(135deg, #283b60, #1c293f);
}

.market-guide-audiences > div + div {
  border-color: #5e507d;
  background: linear-gradient(135deg, #3b3055, #24253e);
}

.market-guide-audiences strong { color: #e5ebff; }
.market-guide-body ol { padding-left: 23px; }
.market-guide-body li {
  padding: 7px 10px;
  border-radius: 8px;
  background: linear-gradient(100deg, #243653, #1d243b);
}
.market-guide-body li + li { margin-top: 6px; }
.market-guide-body li::marker { color: #becdff; font-weight: 700; }
.market-guide-body .market-guide-note { margin-top: 14px; font-size: 13px; }

.market-guide-footer { display: flex; justify-content: flex-end; margin-top: 16px; }
.market-guide-footer button { padding: 6px 18px; color: var(--text-1); }

@media (max-width: 540px) {
  .membership-modal.market-guide {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
  }
  .market-guide-audiences { grid-template-columns: minmax(0, 1fr); }
  .market-guide-trigger, .market-guide-footer button { min-height: 44px; }
}