/* Captured research and signup share the Markets layout without restyling its chrome. */
#page-markets .mk-research {
  padding: 36px 0;
  color: #f6f5ef;
  background: linear-gradient(#081b30c9, #081b30eb), url('/images/radar-city-backdrop.webp') center / cover;
  scroll-margin-top: 150px;
}
#page-markets .mk-research-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: start; margin-top: 20px; }
#page-markets .mk-research .mk-lede { font-size: 16px; margin-bottom: 0; }
#page-markets .market-explorer { order: -1; }
#page-markets .radar-map, #page-markets .market-explorer, #page-markets .signup-card {
  min-width: 0; margin: 0; border: 1px solid #cbd6e34f; border-radius: 20px;
  background: #132941ce; box-shadow: 0 16px 48px #0003, inset 0 1px #ffffff1f;
  backdrop-filter: blur(18px);
}
#page-markets .radar-map { overflow: hidden; }
#page-markets .radar-map-heading, #page-markets .radar-map-open { display: flex; justify-content: space-between; gap: 12px; padding: 18px; background: transparent; color: #edf2f7; font-size: 12px; }
#page-markets .radar-map-heading span, #page-markets .radar-map-open span { color: #d7be85; }
#page-markets .radar-map-preview { display: block; background: #0c1c2c; }
#page-markets .radar-map img { display: block; width: 100%; height: auto; max-height: 220px; object-fit: cover; }
#page-markets .radar-map-open { font-size: 10px; }
#page-markets .radar-map figcaption { margin: 0; padding: 0 18px 18px; color: #c9d6e4; font-size: 11px; line-height: 1.8; }
#page-markets .mk-research a, #page-markets .signup-privacy a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#page-markets .market-explorer { padding: 28px; scroll-margin-top: 150px; }
#page-markets .market-explorer .eyebrow, #page-markets .signup-copy .eyebrow { color: #dfc285; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .13em; }
#page-markets .market-explorer h2 { color: #fff; font-size: clamp(25px, 2.5vw, 34px); line-height: 1.15; letter-spacing: -.035em; margin: 12px 0; }
#page-markets .snapshot-intro { margin: 0 0 20px; font-size: 13px; color: #d3dce8; }
#page-markets .market-explorer-head { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#page-markets .market-explorer-head > div:first-child { grid-column: 1 / -1; }
#page-markets .market-control label, #page-markets .market-period label { display: block; font-size: 10px; color: #c9d6e4; margin-bottom: 8px; }
#page-markets .market-control select, #page-markets .market-period select { width: 100%; display: block; background: #102237; border: 1px solid #cbd6e350; border-radius: 6px; color: #fff; min-height: 44px; padding: 10px; font-size: 16px; }
#page-markets .market-period-note { color: #c9d6e4; font-size: 11px; line-height: 1.7; margin: 16px 0 0; }
#page-markets .market-period-note.is-review { color: #dfc285; border-left: 2px solid #dfc285; padding-left: 10px; }
#page-markets #market-status { font-size: 10px; color: #c9d6e4; margin: 20px 0 0; }
#page-markets .market-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 20px 0; padding: 20px 0; border-block: 1px solid #cbd6e330; gap: 16px; }
#page-markets .market-facts > div { min-width: 0; }
#page-markets .market-facts dt { font-size: 10px; color: #dce4ed; margin-bottom: 10px; }
#page-markets .market-facts dd { margin: 0; color: #fff; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.2; letter-spacing: -.05em; }
#page-markets .market-facts small { display: block; margin-top: 12px; color: #c4cfdd; font-size: 9px; letter-spacing: 0; line-height: 1.7; }
#page-markets .snapshot-source, #page-markets .radar-source { font-size: 10px; color: #c9d6e4; line-height: 1.8; }
#page-markets .mk-research summary { cursor: pointer; font-size: 11px; padding: 10px 0; color: #eef2f6; }
#page-markets .market-more, #page-markets .market-research-notes { border-top: 1px solid #cbd6e330; }
#page-markets .market-reading { font-size: 12px; }
#page-markets .market-reading h3 { font-size: 17px; color: #fff; margin-top: 15px; }
#page-markets .mk-signup-wrap { padding: 72px 0; color: #fff; background: #081b30 url('/images/radar-signup-backdrop.webp') center / cover; }
#page-markets .market-signup { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 64px; scroll-margin-top: 150px; }
#page-markets .signup-copy h2 { font-size: clamp(36px, 4vw, 56px); font-weight: 400; letter-spacing: -.045em; line-height: 1.1; margin: 22px 0; color: #fff; }
#page-markets .signup-copy p { color: #d3dce8; font-size: 15px; line-height: 1.8; }
#page-markets .signup-copy .signup-tagline { font-size: 21px; color: #f4e7cc; }
#page-markets .signup-benefits { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; color: #d5deea; font-size: 11px; }
#page-markets .signup-card { padding: 32px; }
#page-markets .signup-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
#page-markets .signup-card-heading h3 { margin: 0; color: #fff; font-size: 21px; font-weight: 500; }
#page-markets .signup-card-heading > span { color: #e1c58b; border: 1px solid #e1c58b66; padding: 3px 6px; font-size: 10px; }
#page-markets .signup-field { margin: 18px 0; }
#page-markets .signup-field label { display: block; color: #f0f3f7; font-size: 11px; margin-bottom: 8px; }
#page-markets .signup-field input { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 48px; font-size: 16px; background: #a7c0d319; border: 1px solid #c5d8e166; border-radius: 7px; padding: 12px; color: #fff; }
#page-markets .signup-field input::placeholder { color: #c5cfdd; }
#page-markets .signup-consent { display: flex; align-items: start; gap: 10px; font-size: 11px; line-height: 1.8; color: #e2e8ef; margin: 22px 0; }
#page-markets .signup-consent input { margin-top: 4px; flex-shrink: 0; accent-color: #dfc285; width: 17px; height: 17px; }
#page-markets .signup-card .btn { display: flex; justify-content: space-between; width: 100%; min-height: 50px; padding: 14px 18px; border: 0; border-radius: 7px; background: #d3b574; color: #122338; cursor: pointer; }
#page-markets .signup-card .btn:disabled { opacity: .7; cursor: default; }
#page-markets .signup-privacy { color: #c9d6e4; font-size: 10px; line-height: 1.8; margin: 18px 0 0; }
#page-markets .signup-feedback { color: #c5ebd1; font-size: 13px; line-height: 1.7; margin: 16px 0 0; }
#page-markets .signup-feedback:empty { display: none; }
#page-markets .signup-feedback.is-error { color: #ffd2c0; }
#page-markets .signup-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 900px) {
  #page-markets .mk-research-grid, #page-markets .market-signup { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #page-markets .market-facts dd { font-size: 32px; }
  #page-markets .market-research-notes .market-reading { font-size: 13px; }
}
@media (max-width: 560px) {
  #page-markets .mk-research, #page-markets .mk-signup-wrap { padding: 44px 0; }
  #page-markets .market-explorer-head { grid-template-columns: minmax(0, 1fr); }
  #page-markets .market-explorer, #page-markets .signup-card { padding: 22px 18px; }
  #page-markets .market-facts { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #page-markets .market-facts > div + div { border-top: 1px solid #cbd6e330; padding-top: 20px; }
  #page-markets .market-facts dt { font-size: 12px; }
  #page-markets .market-facts dd { font-size: 38px; }
  #page-markets .market-facts small { font-size: 10px; }
  #page-markets .signup-copy h2 { font-size: 40px; }
}

#page-markets a.radar-map-preview { text-decoration: none; cursor: pointer; }
#page-markets a.radar-map-preview .radar-map-open { transition: background 180ms ease, color 180ms ease; }
#page-markets a.radar-map-preview:hover .radar-map-open { background: #203b55; color: #f1d899; }
#page-markets a.radar-map-preview:focus-visible { outline: 3px solid #dfc285; outline-offset: -3px; }