/* イベント */
/* 読み込む順番に意味がある（後のファイルが前の規則を上書きする）。並べ方は tools/css/regroup.mjs が決める */
.evlist {
  margin: 0 0 14px;
}
.evlist .evcard {
  position: relative;
}
.evlist .evcard .dot {
  position: absolute;
  top: 8px;
  right: 34px;
}
.evcard {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 10px;
  align-items: center;
  width: 100%;
  margin: 0 0 10px;
  padding: 8px 12px;
  background: #2a1f33;
  border: 1px solid #6b4a86;
  color: var(--ink);
  text-align: left;
}
.evcard .evic .spr {
  width: 34px;
  height: 34px;
}
.evcard .evtx {
  display: grid;
  gap: 2px;
}
.evcard .evgo {
  color: #e3b8ff;
  font-size: 13px;
}
.evp .evpr {
  color: #e3b8ff;
}
.tks {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #e3b8ff;
}
.item.deal.evpass .nm b {
  color: #e3b8ff;
}
.evpassok {
  margin: 0 0 8px;
  font-size: 13px;
  color: #e3b8ff;
}
/* ===== events（イベント）・3段目 ===== */
.evcard small {
  color: var(--dim);
  font-size: 12px;
}
/* ===== events（イベント）・4段目 ===== */
.evcard b {
  font-weight: 400;
  color: #e3b8ff;
}