/* Small evidence strip; uses the existing monochrome type and spacing. */
.hero-stakes { margin: 1rem 0; padding: .85rem 0; border-block: 1px solid currentColor; }
.hero-stakes p { margin: .2rem 0; overflow-wrap: anywhere; }
.hero-stakes__position { font-weight: 700; line-height: 1.35; }
.hero-stakes__detail { font-size: .75rem; line-height: 1.45; opacity: .68; }
.hero-stakes__fill, .hero-stakes__proposal { font-size: .875rem; line-height: 1.4; }
.hero-stakes[data-state="recorded"] .hero-stakes__position { opacity: .72; }
@media (max-width: 600px) { .hero-stakes { margin-block: .75rem; } }
/* The mobile hero exposes its body children directly to the two-column grid. */
@media (max-width: 719px) { #hero .hero-stakes { grid-column: 1 / -1; min-width: 0; } }

.hero-stakes__details { margin-top: .4rem; }
.hero-stakes__details summary { font-size: .75rem; cursor: pointer; opacity: .7; }
.hero-stakes__details[open] summary { margin-bottom: .35rem; }