.market-section { padding-top:clamp(2.5rem,5vw,4.5rem); }
.market-section[hidden] { display:none; }
.market-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,300px); align-items:center; gap:clamp(2rem,5vw,5rem); padding:clamp(1.5rem,4vw,3.5rem); background:var(--ivory); border:1px solid var(--line); }
.market-eyebrow { display:flex; align-items:center; gap:.6rem; }
.market-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--forest); flex-shrink:0; }
.market-copy h2 { font-size:clamp(2.1rem,3.5vw,3.5rem); max-width:15ch; margin:1rem 0 1.25rem; text-wrap:balance; }
.market-intro { max-width:35rem; color:var(--muted); margin-bottom:1.65rem; }
.market-facts { margin:0 0 1.8rem; display:grid; gap:1rem; }
.market-facts > div { display:grid; grid-template-columns:4rem minmax(0,1fr); gap:.7rem; }
.market-facts dt { color:var(--muted); font-size:.9rem; text-transform:uppercase; letter-spacing:.08em; padding-top:.18rem; }
.market-facts dd { margin:0; color:var(--forest); font-weight:600; }
.market-facts dd > * { display:block; }
.market-facts dd > :last-child { color:var(--muted); font-size:.92rem; font-weight:400; }
.market-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.market-actions .button { font-size:.9rem; letter-spacing:.04em; padding:.75rem 1rem; }
.market-calendar { color:var(--forest); background:transparent; border:1px solid var(--forest); }
.market-calendar:hover,.market-calendar:focus-visible { color:white; }
.market-details { display:inline-block; margin-top:1rem; color:var(--muted); font-size:.9rem; text-decoration-thickness:1px; text-underline-offset:4px; }
.market-details:hover { color:var(--forest); }
.market-poster { display:block; width:100%; max-width:300px; justify-self:center; text-decoration:none; }
.market-poster img { width:100%; height:auto; box-shadow:0 8px 24px rgba(32,40,32,.1); }
.market-poster span { display:block; margin-top:.65rem; font-size:.9rem; text-align:center; color:var(--muted); }
.market-poster:focus-visible,.market-details:focus-visible { outline:2px solid var(--forest); outline-offset:5px; }
@media(max-width:760px) {
  .market-section { scroll-margin-top:170px; }
  .market-card { grid-template-columns:1fr; gap:2rem; }
  .market-copy h2 { max-width:19ch; }
  .market-poster { max-width:230px; }
}
@media(max-width:420px) {
  .market-actions { flex-direction:column; }
  .market-actions .button { width:100%; }
  .market-facts > div { grid-template-columns:3.5rem minmax(0,1fr); gap:.5rem; }
  .market-facts dd { font-size:.92rem; }
}