/* Unvarnish — Chronologie sidebar widget = vertical, click-to-expand timeline. Tokens = mode-aware. rem (px = hairlines). */
.unv-chrono{ margin:1.5rem 0 0; }
.unv-chrono-h{ font-size:.95rem; line-height:1.2; margin:0 0 .85rem; color:var(--unv-ink); }

.unv-chrono-list{ list-style:none; margin:0; padding:0; }

/* one node = a dot on the rail + a rail segment down to the next dot */
.unv-chrono-item{ position:relative; box-sizing:border-box; padding:0 0 .9rem 1.45rem; }
.unv-chrono-item:last-child{ padding-bottom:0; }
.unv-chrono-item::before{                         /* dot */
  content:""; position:absolute; left:0; top:.34rem;
  width:.55rem; height:.55rem; box-sizing:border-box; border-radius:50%;
  background:var(--unv-paper); border:1.5px solid var(--unv-red); z-index:1;
}
.unv-chrono-item::after{                          /* rail */
  content:""; position:absolute; left:.27rem; top:.34rem; bottom:-.2rem; width:1px; background:var(--unv-line);
}
.unv-chrono-item:last-child::after{ display:none; }

.unv-chrono-date{
  display:block; font-weight:700; font-size:.68rem; letter-spacing:.03em; text-transform:uppercase;
  color:var(--unv-red); margin:0 0 .12rem;
}
.unv-chrono-title{ display:block; font-size:.85rem; line-height:1.35; color:var(--unv-ink); }

/* accordion head (native <details><summary>) */
.unv-chrono-sum{
  position:relative; display:block; list-style:none; cursor:pointer; padding-right:1.1rem;   /* room for caret */
  -webkit-tap-highlight-color:transparent;
}
.unv-chrono-sum::-webkit-details-marker{ display:none; }
.unv-chrono-sum:hover .unv-chrono-title,
.unv-chrono-sum:focus-visible .unv-chrono-title{ color:var(--unv-red); }
.unv-chrono-sum:focus-visible{ outline:none; }
.unv-chrono-caret{                                /* chevron: ▸ closed → ▾ open */
  position:absolute; right:.15rem; top:.5rem; width:.42rem; height:.42rem; box-sizing:border-box;
  border-right:1.5px solid var(--unv-grey); border-bottom:1.5px solid var(--unv-grey);
  transform:rotate(-45deg); transform-origin:60% 60%; transition:transform .18s ease, border-color .15s ease;
}
.unv-chrono-d[open] .unv-chrono-caret{ transform:rotate(45deg); }
.unv-chrono-sum:hover .unv-chrono-caret{ border-color:var(--unv-red); }

.unv-chrono-detail{
  margin:.45rem 0 0; font-size:.8rem; line-height:1.5; color:var(--unv-grey);
  animation:unv-chrono-fade .18s ease;
}
@keyframes unv-chrono-fade{ from{ opacity:0; transform:translateY(-.15rem); } to{ opacity:1; transform:none; } }

/* flat (non-enriched fallback) entry = date + plain text, no expand */
.unv-chrono-flat .unv-chrono-title{ font-size:.82rem; color:var(--unv-grey); }

@media (prefers-reduced-motion: reduce){
  .unv-chrono-caret{ transition:none; }
  .unv-chrono-detail{ animation:none; }
}