.ht-single__title{
  position:relative;
  color:var(--fg);
  text-align:right;
  margin:0 0 18px 0;
  padding-bottom:6px;
}

.ht-single__title::after{
  content:"";
  position:absolute;
  right:0;
  left:auto;
  bottom:-4px;
  width:80px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(to left,var(--brand-600),var(--brand-400));
}

@media(min-width:768px){
  .ht-single__title{
    margin-bottom:20px;
  }
}

.ht-single__meta{
  display:flex;
  align-items:center;
  gap:8px 20px;
  line-height:2;
  color:var(--muted);
  margin:0 0 12px 0;
  overflow-x:auto;
  white-space:nowrap;
  padding-bottom:4px;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

.ht-single__meta::-webkit-scrollbar{
  display:none;
}

@media(min-width:1024px){
  .ht-single__meta{
    flex-wrap:wrap;
    overflow-x:visible;
    white-space:normal;
    padding-bottom:0;
  }
}

.ht-single__meta-item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
}

.ht-single__main .ht-single__meta-item > a{
  font-weight:400;
  color:var(--muted);
  text-decoration:none;
}

.ht-single__main .ht-single__meta-item > a:visited{
  font-weight:400;
  color:var(--muted);
  text-decoration:none;
}

.ht-single__main .ht-single__meta-item > a:hover{
  font-weight:400;
  color:var(--brand-600);
  text-decoration:none;
}

.ht-single__meta-icon{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--brand-600);
}

.ht-single__meta-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.ht-single__excerpt{
  margin:0 0 20px 0;
  padding:0;
  background:transparent;
}

html[data-theme="dark"] .ht-single__excerpt{
  background:transparent;
}

.ht-single__thumb-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--radius);
  margin:0 0 24px 0;
  object-fit:cover;
}