.events { margin: 0; color: #b9b3a9; overflow-wrap: anywhere; }
.events-caption { color: #ada08f; font: 12px/1.5 Arial, sans-serif; }
.events-empty { margin: 0; padding: 16px 10px 20px; font: 14px/1.6 Arial, sans-serif; }
.event-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 38%); gap: 18px 24px; padding: 18px 16px 20px; }
.event-card + .event-card { border-top: 1px solid #d3c3a326; }
.event-copy, .event-conditions { min-width: 0; }
.event-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; color: #ada08f; font: 12px/1.5 Arial, sans-serif; }
.event-status { color: #d6a05e; }
.event-status::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor; }
.event-title { margin: 8px 0; color: #e7d9c6; font: 700 26px/1.25 var(--font-section-title); }
.event-description { margin: 0; color: #b9b3a9; font: 14px/1.6 Arial, sans-serif; }
.event-image { grid-column: 1 / -1; display: block; min-width: 0; cursor: zoom-in; }
.event-image img { display: block; width: 100%; height: auto; border: 1px solid #4a3023; border-radius: 3px; }
.event-conditions { padding-left: 16px; border-left: 1px solid #d3c3a326; }
.event-conditions h3 { margin: 0 0 8px; color: #d9d2c6; font: 700 18px/1.3 var(--font-section-title); }
.event-conditions dl { margin: 0; }
.event-conditions dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px solid #d3c3a31c; font: 13px/1.5 Arial, sans-serif; }
.event-conditions dd { flex-shrink: 0; margin: 0; font-variant-numeric: tabular-nums; }
.event-percent--up { color: #b9c59b; }
.event-percent--down { color: #d99b81; }
.event-note { margin: 10px 0 0; color: #ada08f; font: 12px/1.5 Arial, sans-serif; }
.event-featured { margin-top: 4px; font: 13px/1.5 Arial, sans-serif; }
.event-featured summary { min-height: 44px; padding: 12px 0; cursor: pointer; color: #d6a05e; }
.event-featured summary:focus-visible { outline: 2px solid #eca36f; outline-offset: 2px; }
.event-featured p { margin: 0 0 8px; }
.event-featured ul { list-style: none; margin: 0; padding: 0; }
.event-featured li { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.event-featured li span:last-child { flex-shrink: 0; color: #b9c59b; }
@media (hover: hover) {
  .event-featured summary:hover { color: #eee0cc; }
}
@media (max-width: 680px) {
  .event-card { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 14px 12px 18px; }
  .event-conditions { padding: 12px 0 0; border-left: 0; border-top: 1px solid #d3c3a326; }
  .event-title { font-size: 24px; }
  .events-caption { display: none; }
}