#market-reports { padding: 70px 0; background: var(--off); scroll-margin-top: 85px; }
#market-reports .report-heading { margin-bottom: 32px; }
#market-reports .report-heading p { margin-top: 12px; color: var(--muted); max-width: 650px; font-size: .94rem; }
#market-reports .report-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
#market-reports .report-card { min-width: 0; background: #fff; border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
#market-reports .report-preview { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e6edf3; border-bottom: 1px solid var(--border); }
#market-reports .report-preview img { width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
#market-reports .report-card--fraser-valley .report-preview img { object-fit: cover; object-position: center 21%; }
#market-reports .report-preview:hover img { transform: scale(1.025); }
#market-reports .report-body { padding: 26px; }
#market-reports .report-month { display: inline-block; color: var(--blue-dark); font-size: .73rem; letter-spacing: .13em; font-weight: 700; text-transform: uppercase; }
#market-reports h3 { font: 500 clamp(1.8rem,3vw,2.2rem)/1.2 'Cormorant Garamond',serif; color: var(--text); margin: 10px 0 8px; }
#market-reports .report-board { font-size: .76rem; font-weight: 600; color: var(--muted); }
#market-reports .report-summary { margin: 14px 0 22px; color: var(--muted); font-size: .9rem; line-height: 1.8; min-height: 3.6em; }
#market-reports .report-download { display: inline-flex; align-items: center; gap: 10px; letter-spacing: .08em; }
#market-reports .report-details { margin-top: 15px; font-size: .73rem; color: var(--muted); }
#market-reports .report-details a { color: var(--blue-dark); text-decoration: underline; text-underline-offset: 3px; }
#market-reports a:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
#market-reports .report-help { margin-top: 26px; color: var(--muted); font-size: .85rem; }
#market-reports .report-help a { color: var(--blue-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  #market-reports { padding: 48px 0; }
  #market-reports .report-grid { grid-template-columns: 1fr; gap: 24px; }
  #market-reports .report-body { padding: 22px; }
  #market-reports .report-summary { min-height: 0; }
}