/* Historical property presentation, isolated from the credential section. */
#exclusive-listing {
  padding: 64px 0;
  scroll-margin-top: 100px;
}

#exclusive-listing .section-header { margin-bottom: 32px; }
#exclusive-listing .section-header h2 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.4; }
#exclusive-listing .section-header p { max-width: 46em; margin: 12px auto 0; color: #536773; font-size: 16px; line-height: 1.85; }

#exclusive-listing .listing-case {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 28px 36px;
  padding: 28px;
  border: 1px solid var(--site-line);
  border-radius: 14px;
  background: #fff;
}

#exclusive-listing .listing-case-media { min-width: 0; margin: 0; }
#exclusive-listing .listing-case-media > a { display: block; overflow: hidden; border-radius: 8px; }
#exclusive-listing .listing-case-media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
#exclusive-listing .listing-case-media figcaption { margin-top: 12px; color: #536773; font-size: 14px; line-height: 1.7; }
#exclusive-listing .listing-case-info { min-width: 0; }
#exclusive-listing .listing-case-status { display: inline-block; margin-bottom: 14px; padding: 4px 12px; border: 1px solid #d9c29b; border-radius: 4px; background: #f6f0e4; color: #79531f; font-size: 14px; font-weight: 600; line-height: 1.5; }
#exclusive-listing .listing-case-info h3 { margin: 0; color: var(--site-ink); font-size: 26px; line-height: 1.4; }
#exclusive-listing .listing-case-subtitle { margin: 8px 0 22px; color: var(--site-blue); font-size: 18px; font-weight: 500; line-height: 1.6; }
#exclusive-listing .listing-case-facts { margin: 0; border-top: 1px solid var(--site-line); }
#exclusive-listing .listing-case-facts > div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--site-line); }
#exclusive-listing .listing-case-facts dt { color: #536773; font-size: 14px; line-height: 1.85; }
#exclusive-listing .listing-case-facts dd { min-width: 0; margin: 0; color: var(--site-ink); font-size: 16px; line-height: 1.8; }

#exclusive-listing .listing-case-footer { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px 32px; padding-top: 24px; border-top: 1px solid var(--site-line); }
#exclusive-listing .listing-case-footer p { flex: 1 1 330px; margin: 0; color: #536773; font-size: 16px; line-height: 1.8; }
#exclusive-listing .listing-case-footer strong { display: block; margin-bottom: 6px; color: var(--site-ink); font-size: 18px; font-weight: 600; }
#exclusive-listing .listing-case-footer p > span { display: block; max-width: 34em; }
#exclusive-listing .listing-case-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
#exclusive-listing .listing-case-link { display: inline-flex; align-items: center; min-height: 46px; color: var(--site-blue); font-size: 16px; text-decoration: underline; text-underline-offset: 5px; }
#exclusive-listing .listing-case-button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 11px 20px; border: 1px solid var(--site-blue); border-radius: 6px; background: var(--site-blue); color: #fff; font-size: 16px; font-weight: 600; line-height: 1.5; }
#exclusive-listing .listing-case-button:hover { background: var(--site-ink); }
#exclusive-listing a:focus-visible { outline: 3px solid var(--site-gold); outline-offset: 4px; }

@media (max-width: 980px) {
  #exclusive-listing .listing-case { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  #exclusive-listing .listing-case-media { width: 100%; max-width: 680px; justify-self: center; }
  #exclusive-listing .listing-case-footer { align-items: start; }
}

@media (max-width: 600px) {
  #exclusive-listing { padding: 40px 0; scroll-margin-top: 86px; }
  #exclusive-listing > .container { padding: 0; }
  #exclusive-listing .section-header { margin-bottom: 24px; }
  #exclusive-listing .section-header p { text-align: left; }
  #exclusive-listing .listing-case { padding: 20px; gap: 22px; }
  #exclusive-listing .listing-case-info h3 { font-size: 23px; }
  #exclusive-listing .listing-case-facts > div { grid-template-columns: 76px minmax(0, 1fr); gap: 12px; }
  #exclusive-listing .listing-case-footer { display: block; padding-top: 22px; }
  #exclusive-listing .listing-case-actions { margin-top: 20px; gap: 10px 22px; }
}