.events-search-hint {
  position: absolute;
  right: calc(100% + 14px);
  top: 50%;
  width: max-content;
  max-width: min(560px, calc(100vw - 280px));
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.35;
  white-space: normal;
  text-align: right;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(8px, -50%);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}
.events-field-search:focus-within .events-search-hint {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -50%);
}
.events-search-hint-line {
  display: block;
  white-space: nowrap;
}
.events-search-wrap {
  position: relative;
  width: 100%;
  min-width: 0;
}
.events-search-wrap .search-input {
  height: 42px;
  padding-right: 44px;
  text-overflow: clip;
}
.events-search-wrap .curators-search-inline-btn {
  right: 6px;
}
.events-results-scroll {
  --events-results-scroll-padding: 12px;
  --events-type-toggle-sticky-top: calc(var(--events-results-scroll-padding) * -1);
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: var(--events-results-scroll-padding);
  border: 1px solid var(--border-subtle);
  border-radius: var(--nuam-radius-xl);
  scrollbar-gutter: stable;
}
.events-results-scroll::-webkit-scrollbar { width: 12px; }
.events-results-scroll::-webkit-scrollbar-track { background: var(--surface-app); border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.events-results-scroll::-webkit-scrollbar-thumb { background: var(--surface-base); border-top-left-radius: 0; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 0; border: 2px solid var(--surface-app); }
.events-results-scroll::-webkit-scrollbar-button { display: none; }
.events-list { display: flex; flex-direction: column; gap: 11px; }
.events-day-group, .events-type-group { border-radius: var(--nuam-radius-xl); overflow: hidden;
}
.events-day-group { background: var(--events-surface-section); }
.events-day-group.is-open { overflow: visible; }
.events-day-toggle, .events-type-toggle { position: relative; overflow: hidden; width: 100%; border: 0; background: transparent; color: var(--text-primary); text-align: left; cursor: pointer; font-family: var(--app-font-family); transition: border-radius 0.18s ease; }
.events-day-toggle::before, .events-type-toggle::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 0; transition: opacity 0.18s ease; }
.events-day-toggle:hover::before, .events-type-toggle:hover::before { opacity: 1; }
.events-day-toggle > *, .events-type-toggle > * { position: relative; z-index: 1; }
.events-day-toggle { min-height: 54px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 12px; border-radius: var(--nuam-radius-xl); }
.events-day-group.is-open > .events-day-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.events-day-group.is-summary-only .events-day-toggle:hover::before { opacity: 0; }
.events-day-group.is-summary-only .events-day-toggle { cursor: default; }
.events-day-group.is-summary-only .events-day-toggle:hover { background: transparent; }
.events-day-group.is-summary-only .events-group-chevron { display: none; }
.events-day-group.is-summary-only.is-open > .events-day-body { padding-top: 0; }
.events-day-title { min-width: 0; color: var(--text-primary); font-size: 16px; font-weight: 750; letter-spacing: -0.01em; }
.events-day-meta { margin-top: 3px; color: var(--text-secondary); font-size: 12px; line-height: 1.35; }
.events-day-count, .events-type-count { flex: 0 0 auto; min-width: 30px; padding: 4px 8px; border-radius: var(--nuam-radius-pill); background: var(--accent-primary-bg); color: var(--text-primary); font-size: 12px; text-align: center; }
.events-day-group.is-open .events-day-count { display: none; }
.events-group-chevron { width: 28px; height: 28px; border-radius: var(--nuam-radius-pill); display: inline-flex; align-items: center; justify-content: center; color: var(--text-secondary); background: var(--events-chevron-bg); }
.events-group-chevron i { font-size: 12px; transition: transform 0.18s ease; }
.events-day-group.is-open > .events-day-toggle .events-group-chevron i, .events-type-group.is-open > .events-type-toggle .events-group-chevron i { transform: rotate(180deg); }
.events-day-body { display: none; padding: 0 10px 10px; }
.events-day-group.is-open > .events-day-body { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; }
.events-day-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.events-day-summary-card { min-width: 0; min-height: 58px; padding: 10px 11px; border-radius: var(--nuam-radius-xl); background: var(--events-surface-summary); border: 1px solid var(--border-thin-divider); display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.events-day-summary-label { color: var(--text-secondary); font-size: 11px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-day-summary-value { color: var(--text-primary); font-size: 17px; font-weight: 800; line-height: 1.15; letter-spacing: -0.015em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-day-summary-card.is-positive .events-day-summary-value { color: var(--accent-secondary); }
.events-day-summary-card.is-negative .events-day-summary-value { color: var(--status-danger); }
.events-day-summary-card.is-neutral .events-day-summary-value { color: var(--text-primary); }
.events-pair-separator { color: var(--text-primary); }
.events-type-group { border-radius: var(--nuam-radius-xl); background: var(--events-type-group-bg); }
.events-type-group.is-open { overflow: visible; }
.events-type-toggle { min-height: 48px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: var(--nuam-radius-xl); box-shadow: 0 10px 24px var(--shadow-color-soft); }
.events-type-group.is-open > .events-type-toggle {
  position: sticky;
  top: var(--events-type-toggle-sticky-top, 0px);
  z-index: 16;
  background: var(--surface-overlay-soft);
  background-image: var(--grain-bg);
  background-size: 20px 20px;
  background-blend-mode: overlay;
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
}
.events-type-group.is-closing-sticky > .events-type-toggle {
  background: var(--surface-overlay-soft);
  background-image: var(--grain-bg);
  background-size: 20px 20px;
  background-blend-mode: overlay;
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
}
.events-type-group.is-open.is-stuck > .events-type-toggle,
.events-type-group.is-closing-sticky > .events-type-toggle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.events-type-icon { width: 30px; height: 30px; border-radius: var(--nuam-radius-lg); display: inline-flex; align-items: center; justify-content: center; background: var(--accent-primary-bg); color: var(--accent-secondary); }
.events-type-main { min-width: 0; }
.events-type-title { display: block; min-width: 0; color: var(--text-primary); font-size: 14px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-type-meta { margin-top: 3px; color: var(--text-secondary); font-size: 12px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-type-body { display: none; padding: 0 10px 10px; }
.events-type-group.is-open .events-type-body { display: block; padding-top: 8px; }
.events-items { display: flex; flex-direction: column; gap: 7px; }
.events-subgroups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.events-subgroup { min-width: 0; border-radius: var(--nuam-radius-xl); background: var(--events-surface-subgroup); border: 1px solid var(--events-subtle-border); overflow: hidden; }
.events-subgroup-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 38px; padding: 9px 10px; color: var(--text-primary); font-size: 12px; font-weight: 750; border-bottom: 1px solid var(--events-subtle-border); }
.events-flow-list { display: flex; flex-direction: column; gap: 6px; padding: 8px; }
.events-flow-card { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 9px; padding: 8px; border-radius: var(--nuam-radius-lg); background: var(--events-surface-flow-card); border: 1px solid var(--border-faint); }
.events-flow-main { min-width: 0; }
.events-flow-title { color: var(--text-primary); font-size: 13px; font-weight: 750; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-track-open { display: block; width: 100%; min-width: 0; padding: 0; border: 0; border-radius: var(--nuam-radius-none); background: transparent; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.events-track-open:hover, .events-track-open:focus-visible { text-decoration: underline; outline: none; }
.events-flow-meta { margin-top: 3px; color: var(--text-secondary); font-size: 12px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-flow-routes { margin-top: 7px; display: flex; flex-direction: column; gap: 4px; }
.events-flow-route { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--text-secondary-bright); font-size: 12px; line-height: 1.35; }
.events-flow-route i { flex: 0 0 auto; color: var(--accent-secondary); font-size: 11px; }
.events-flow-route span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-type-group.is-track-flow .events-flow-card a,
.events-type-group.is-track-flow .events-flow-card .events-track-open { color: var(--text-primary); }
.events-flow-list--by-track .events-flow-route a[data-curator-modal-btn='1'] { font-weight: 300; }
.events-mini-tracks { margin-top: 7px; display: flex; flex-direction: column; gap: 5px; }
.events-mini-track { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 7px; align-items: center; min-height: 28px; color: var(--text-primary); font-size: 12px; }
.events-mini-track-open { width: 100%; padding: 0; border: 0; border-radius: var(--nuam-radius-none); background: transparent; font-family: var(--app-font-family); font-size: 12px; text-align: left; cursor: pointer; text-decoration: none; }
.events-mini-track-open:hover .events-mini-title, .events-mini-track-open:focus-visible .events-mini-title { text-decoration: underline; }
.events-mini-track-open:focus-visible { outline: none; }
.events-mini-thumb { width: 24px; height: 24px; border-radius: var(--nuam-radius-sm); overflow: hidden; background: var(--accent-primary-bg); }
.events-mini-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.events-mini-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.events-mini-note { color: var(--text-secondary); font-size: 11px; white-space: nowrap; }
.events-item { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 58px; padding: 9px; border-radius: var(--nuam-radius-lg); border: 1px solid var(--events-subtle-border); box-shadow: 0 10px 24px var(--shadow-color-soft); }
.events-item.is-no-side { grid-template-columns: 42px minmax(0, 1fr); }
.events-thumb { width: 42px; height: 42px; border-radius: var(--nuam-radius-md); overflow: hidden; background: var(--accent-primary-bg); flex: 0 0 auto; }
.events-thumb.is-round { border-radius: var(--nuam-radius-circle); }
.events-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.events-thumb-link { display: block; width: 42px; height: 42px; border-radius: var(--nuam-radius-md); text-decoration: none; color: inherit; cursor: pointer; }
.events-thumb-link .events-thumb { width: 100%; height: 100%; }
.events-thumb-link:hover .events-thumb,
.events-thumb-link:focus-visible .events-thumb { outline: none; }
.events-thumb-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 18px; }
.events-item-main { min-width: 0; }


.events-thumb-link:hover,
.events-thumb-link:focus-visible,
.events-thumb-link:hover .events-thumb-placeholder,
.events-thumb-link:focus-visible .events-thumb-placeholder {
  text-decoration: none !important;
}