/* =====================================================================
   pages/conference/history.css — conference history page only.
   Vertical timeline with year markers, series-stats row, frameworks list.
   ===================================================================== */

/* Stats row inset */
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
  margin:24px 0;padding:24px;
  background:linear-gradient(135deg,#f6fafc,#eef5f8);
  border-radius:14px;border:1px solid var(--sp-line);
}
.stats-row .stat-mini{text-align:center}
.stats-row .stat-mini .num{font-size:34px;font-weight:900;color:var(--sp-secondary-d);letter-spacing:-1px;line-height:1}
.stats-row .stat-mini .lbl{font-size:11.5px;color:var(--sp-muted);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-top:4px}

/* Vertical timeline */
.timeline{position:relative;margin:40px 0}
.timeline::before{
  content:'';position:absolute;left:24px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--sp-primary),var(--sp-secondary),var(--sp-peach));
  border-radius:2px;
}
.tl-row{position:relative;padding:14px 0 14px 64px;display:grid;grid-template-columns:1fr;gap:6px}
.tl-row::before{
  content:'';position:absolute;left:18px;top:22px;width:14px;height:14px;
  border-radius:50%;background:#fff;border:3px solid var(--sp-primary);z-index:1;
}
.tl-row.upcoming::before{
  background:var(--sp-amber);border-color:var(--sp-amber);
  box-shadow:0 0 0 4px rgba(246,173,85,.25);
}
.tl-row.milestone::before{background:var(--sp-peach);border-color:var(--sp-peach-d)}
.tl-row .yr{font-size:13px;font-weight:800;color:var(--sp-primary);letter-spacing:1.5px;text-transform:uppercase}
.tl-row.upcoming .yr{color:var(--sp-peach-text)}
.tl-row h3{font-size:18px;font-weight:700;color:var(--sp-secondary-d);line-height:1.3;margin:2px 0 4px}
.tl-row .where{font-size:13.5px;color:var(--sp-muted);margin-bottom:6px}
.tl-row .where strong{color:var(--sp-text);font-weight:700}
.tl-row p{font-size:14px;color:#1a3656;line-height:1.65;margin-bottom:6px}
.tl-row .legacy{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;
  padding:3px 9px;border-radius:999px;
  background:#f4f8f8;color:var(--sp-primary);margin-top:4px;
}
.tl-row.upcoming .legacy{background:var(--sp-amber);color:var(--sp-secondary-d)}
.tl-row.milestone .legacy{background:rgba(238,176,146,.25);color:var(--sp-peach-text)}
.upcoming-sub{color:var(--sp-muted);font-weight:600;font-size:13px;display:block;margin-top:4px}
.upcoming-actions{margin-top:14px}

/* Frameworks bullet list */
.frameworks-list{padding-left:22px;margin-bottom:18px}
.frameworks-list li{list-style:disc;margin-bottom:8px}

@media (max-width:640px){
  .stats-row{grid-template-columns:repeat(2,1fr)}
}