.series-panel {
  margin: 1.5rem 0;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #e9dec9;
  border-radius: 1.25rem;
  background: #fffdf7;
  scroll-margin-top: 7rem;
}
.series-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem 1rem; }
.series-heading h2 { margin: 0; font-size: clamp(1.2rem, 3vw, 1.6rem); }
.series-heading > span { font-size: .88rem; color: #685a4b; }
.series-date-list { padding: 0; margin: .75rem 0 0; list-style: none; }
.series-date-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .35rem .75rem; padding: .55rem 0; border-top: 1px solid #eee4d5; }
.series-date-row:target { background: #fff2d6; }
.series-date-info { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .75rem; }
.series-date-info time { font-weight: 700; }
.series-date-info span { color: #685a4b; font-variant-numeric: tabular-nums; }
.series-date-action { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem 0; font-size: .88rem; text-decoration: underline; text-underline-offset: .2em; }
.series-date-action .icon { width: 1rem; height: 1rem; }
.series-more summary { cursor: pointer; padding: .6rem 0 .2rem; font-weight: 650; }