/* Page-scoped directory, market and public listing refinements. Listing media,
   dynamic facts, forms, modal state and comparison data retain their behavior. */
body.public-design[class*="pd-market-"] #main-content :is(.pd-action,.pd-secondary) {
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  justify-content: center;
  text-align: center;
  white-space: normal;
  box-shadow: none;
}
body.public-design[class*="pd-market-"] #main-content .pd-secondary { border-color: var(--border-strong); }
body.public-design[class*="pd-market-"] #main-content .pd-control { min-height: 48px; border-radius: 8px; border-color: var(--border-strong); }
body.public-design[class*="pd-market-"] #main-content .pd-disclosure { min-height: 48px; font-size: 14px; line-height: 22px; font-weight: 600; }
body.public-design[class*="pd-market-"] #main-content .pd-utility { min-height: 48px; font-size: 14px; line-height: 22px; }
body.public-design[class*="pd-market-"] #main-content :is(.cz-copy,.pg-two > *, .cmp-directory-grid > *) { min-width: 0; }
body.public-design[class*="pd-market-"] #main-content :is(.fpg-cta-row,.pg-actions) { gap: 12px; flex-wrap: wrap; }
body.public-design[class*="pd-market-"] #main-content .pd-card { background: var(--surface); color: var(--text); border-color: var(--border); border-radius: 12px; box-shadow: none; }
body.public-design[class*="pd-market-"] #main-content input.pd-choice { accent-color: var(--action-ink); width: 18px; height: 18px; flex-shrink: 0; }
body.public-design.pd-market-listing #main-content .listing-modal-panel { border: 1px solid var(--border); border-radius: 12px; }
body.public-design.pd-market-listing #main-content :is(#pq_income) { padding-left: 32px; }
body.public-design.pd-market-listing #main-content .pd-listing-fact { font-size: 22px; line-height: 30px; }
body.public-design.pd-market-listings #main-content #sort-select { width: auto; max-width: 100%; }
body.public-design.pd-market-compare-hub #main-content .cmp-table-wrap { position: relative; max-width: 100%; overflow-x: auto; }
@media (max-width: 640px) {
  body.public-design[class*="pd-market-"] #main-content .fpg-cta-row > :is(.pd-action,.pd-secondary) { width: 100%; }
  body.public-design.pd-market-listing #main-content .listing-modal-panel { padding: 24px 20px; }
}