/* Finishing only: pair the original historical value with its date and context. */
.market-preview .market-heading{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px;min-width:0}
.market-preview .market-heading #market-title{margin:0;font-size:1.0625rem}
.market-example-label{font-size:.8125rem;color:#edf1f5;line-height:1.5}
.market-heading .market-date{flex-basis:100%;font-size:.8125rem;color:#b2bdc8;margin:0;line-height:1.5}
.market-preview .ticket-value{font-size:1.875rem;letter-spacing:-.025em}
@media(max-width:600px){.market-preview .market-heading{margin-bottom:12px;gap:4px 10px}.market-preview .ticket-value{font-size:1.875rem}.market-heading .market-date{font-size:.8125rem}}
/* Let mobile labels use their actual text width, including enlarged text. */
@media(max-width:720px){
.nav .nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.nav .brand{order:0;flex:1 1 auto}
.nav .nav-links{display:contents}
.nav .nav-links .nav-launch{order:1;margin-left:auto}
.nav .nav-links>a:not(.nav-launch){order:2;flex:1 1 max-content;justify-content:flex-start}
.demo-context dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-context dd{overflow-wrap:anywhere}
}