/* events.css — page-specific styles for events.html */
/* #page-description, .context-note, #timeline, .driver-tag variants,
   .config-slider-group, .slider-row, .slider-value, .slider-hint
   are all in shared.css */

/* Config modal */
#config-modal {
  position: fixed; inset: 0;
  background: rgba(13,17,24,0.88);
  display: flex; align-items: center; justify-content: center;
  z-index: 300;
}
#config-modal.hidden { display: none; }
.config-card {
  background: #141c28;
  border: 1px solid #304050;
  border-radius: 10px;
  padding: 28px 32px;
  max-width: 480px;
  width: 90%;
}
.config-card h2 {
  font-size: 18px; font-weight: 700; color: #e0eaf4;
  margin-bottom: 10px;
}
.config-card p {
  font-size: 14px; color: #b0c4d8; line-height: 1.6;
  margin-bottom: 10px;
}
.config-card .config-detail {
  font-size: 13px; color: #8fa4b8; margin-bottom: 16px;
}

/* Config button */
.config-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: #1a4070; border: 1px solid #2a5090;
  color: #e0eaf4; font-size: 15px; font-weight: 600;
  padding: 9px 20px; border-radius: 6px; cursor: pointer;
  transition: background 0.15s;
}
.config-btn:hover { background: #205090; }