.updates-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:1px 0 7px;
}
.updates-heading h2,
.updates-heading strong {
  margin:0;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
}
.update {
  border-top:1px solid rgba(0,0,0,.07);
}
.update:first-child { border-top:0; }
.update a { color:inherit; text-decoration:none; }

.update-link {
  min-height:58px;
  padding:12px 0;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:9px;
  align-items:start;
}
.update-icon {
  width:32px;
  height:32px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ececef;
  font-size:16px;
  line-height:1;
  margin-top:1px;
}
.update-main { min-width:0; }
.update-course {
  display:block;
  min-width:0;
  line-height:1.3;
}
.course-name {
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.5px;
  font-weight:700;
  color:#333;
}
.update-name {
  display:block;
  margin-top:2px;
  font-size:13.5px;
  line-height:1.45;
}
.update-tail {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  padding-top:1px;
  flex:none;
}
.update-time {
  color:#8a8a8f;
  font-size:11px;
  white-space:nowrap;
}
.update-chevron {
  width:16px;
  height:16px;
  color:#a1a1a6;
  display:flex;
  align-items:center;
  justify-content:center;
}
.update-chevron svg {
  width:16px;
  height:16px;
  display:block;
}

.history-more,
.updates-more {
  display:block;
  width:100%;
  border:0;
  border-top:1px solid rgba(0,0,0,.08);
  background:transparent;
  color:inherit;
  margin:2px 0 0;
  padding:11px 0;
  text-align:center;
  text-decoration:none;
  font-size:13px;
  font-weight:650;
}

@media (prefers-color-scheme:dark) {
  .update,
  .history-more,
  .updates-more { border-color:rgba(255,255,255,.09); }
  .update-icon { background:#2c2c2e; }
  .course-name { color:#f2f2f7; }
  .update-time,.update-chevron { color:#8e8e93; }
}