/* NOMAD Live 3.41 · lightweight recent event timeline.
   Presentation-only: reads the existing /feed and local browser memory; no extra source requests. */

.event-timeline-card h3 {
  margin-bottom:6px;
  color:#c8d1ca;
  font-weight:500;
}

.event-legend {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:-1px 0 6px;
  color:#8f9b92;
  font-size:6.5px;
  font-weight:400;
  letter-spacing:.035em;
}

.event-legend .legend-goal {color:#cbbb63}
.event-legend .legend-sot {color:var(--green)}
.event-legend .legend-corner {color:#b8c1bb}

.event-rows {
  display:grid;
  gap:5px;
}

.event-row {
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:7px;
  align-items:center;
  min-height:31px;
}

.event-side {
  color:#8f9b92;
  font-size:7px;
  font-weight:400;
  letter-spacing:.035em;
  text-align:right;
}

.event-row.home .event-side {color:#a7cbb0}

.event-track {
  position:relative;
  height:30px;
  min-width:0;
  border-bottom:1px solid rgba(194,205,197,.13);
  background-image:linear-gradient(to right,rgba(194,205,197,.06) 1px,transparent 1px);
  background-size:25% 100%;
}

.event-point {
  position:absolute;
  left:var(--event-pos);
  bottom:1px;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1px;
  max-width:52px;
}

.event-icons {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1px;
  min-height:14px;
  padding:0 2px;
  border-radius:5px;
  background:rgba(11,19,16,.72);
}

.event-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:1px;
  height:13px;
  line-height:1;
  font-size:11px;
  font-weight:400;
}

.event-icon small {
  color:#88948c;
  font-size:5.5px;
  font-weight:400;
}

.event-goal {color:#cbbb63}
.event-goal svg {
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.05;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.event-sot {color:var(--green)}
.event-sot > span {font-size:12px;line-height:1}

.event-corner {color:#b8c1bb}
.event-corner svg {
  width:10px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.05;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.event-minute {
  color:#89958d;
  font-size:6.2px;
  font-weight:400;
  white-space:nowrap;
}

.event-axis {
  display:flex;
  justify-content:space-between;
  margin:2px 0 0 45px;
  color:#748078;
  font-size:6px;
  font-weight:400;
}

.event-empty {
  margin:3px 0 0 45px;
  color:#77837b;
  font-size:6.5px;
  font-weight:400;
}

@media(max-width:700px) {
  .event-row {grid-template-columns:34px minmax(0,1fr);gap:6px}
  .event-axis,.event-empty {margin-left:40px}
  .event-legend {gap:8px}
}

@media(max-width:420px) {
  .event-row {grid-template-columns:31px minmax(0,1fr);gap:5px;min-height:29px}
  .event-track {height:28px}
  .event-side {font-size:6.5px}
  .event-axis,.event-empty {margin-left:36px}
  .event-icons {gap:0;padding:0 1px}
  .event-goal svg {width:11px;height:11px}
  .event-sot > span {font-size:11px}
  .event-corner svg {width:9px;height:11px}
}