/* SUNDUQ v280 — readable hot topics sidebar. */
#hotTopicsList.hotTopicsList{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  min-width:0;
  margin-top:8px;
}
#hotTopicsList .hotTopicItem{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  min-width:0;
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#eef6ff;
  text-decoration:none;
  cursor:pointer;
}
#hotTopicsList .hotTopicItem:first-child{padding-top:8px}
#hotTopicsList .hotTopicItem:last-child{padding-bottom:2px;border-bottom:0}
#hotTopicsList .hotTopicItem:hover .hotTopicTitle,
#hotTopicsList .hotTopicItem:focus-visible .hotTopicTitle{color:#76c7ff}
#hotTopicsList .hotTopicItem:focus-visible{
  outline:2px solid #60a5fa;
  outline-offset:4px;
  border-radius:8px;
}
#hotTopicsList .hotTopicTitle{
  display:-webkit-box;
  min-width:0;
  overflow:hidden;
  color:#f4f8fd;
  font-size:17px;
  font-weight:900;
  line-height:1.28;
  letter-spacing:-.012em;
  overflow-wrap:anywhere;
  word-break:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
#hotTopicsList .hotTopicMeta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 9px;
  min-width:0;
  color:#9fb1c5;
  font-size:13px;
  line-height:1.25;
}
#hotTopicsList .hotTopicAuthor{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#hotTopicsList .hotTopicCount{white-space:nowrap}
#hotTopicsList .hotTopicsEmpty{
  padding:12px 0 4px;
  color:#9fb1c5;
  line-height:1.45;
}
@media(max-width:960px){
  #hotTopicsList .hotTopicTitle{-webkit-line-clamp:2}
}