/* Home article metadata: flow layout keeps text clear at every screen width. */
.home-page.home-page.home-page.home-page .article-card {
  display:grid!important;
  grid-template-columns:75px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:11px!important;
  row-gap:6px!important;
  align-content:stretch!important;
  min-height:126px!important;
  height:126px!important;
  padding:11px!important;
}
.home-page.home-page.home-page.home-page .article-card .author-avatar {
  grid-column:1!important;
  grid-row:1 / 3!important;
  align-self:start!important;
  position:static!important;
  width:75px!important;
  height:66px!important;
}
.home-page.home-page.home-page.home-page .article-card .article-head {
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.home-page.home-page.home-page.home-page .article-card .card-title {
  position:static!important;
  width:auto!important;
}
.home-page.home-page.home-page.home-page .article-card .article-foot {
  grid-column:2!important;
  grid-row:2!important;
  position:static!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  gap:3px!important;
  white-space:normal!important;
  font-size:12px!important;
  line-height:18px!important;
}
.home-page.home-page.home-page.home-page .article-card .article-foot .date {
  font-size:12px!important;
  line-height:18px!important;
  font-weight:400!important;
  letter-spacing:normal!important;
  font-variant-numeric:tabular-nums;
  color:#788191!important;
}
.home-page.home-page.home-page.home-page .article-card .article-foot-right {
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:3px 14px!important;
  max-width:100%!important;
  line-height:18px!important;
}
.home-page.home-page.home-page.home-page .article-card .view-count,
.home-page.home-page.home-page.home-page .article-card .cart-count {
  display:inline-flex!important;
  align-items:baseline!important;
  gap:4px!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:18px!important;
  color:#596477!important;
  font-variant-numeric:tabular-nums;
}
.home-page.home-page.home-page.home-page .article-card .view-count > *,
.home-page.home-page.home-page.home-page .article-card .view-count::before,
.home-page.home-page.home-page.home-page .article-card .cart-count::before {
  font-size:inherit!important;
  line-height:inherit!important;
  vertical-align:baseline!important;
}
.home-page.home-page.home-page.home-page .article-card .hg-card-bottom {
  grid-column:1 / -1!important;
  grid-row:3!important;
  position:relative!important;
  inset:auto!important;
  margin-top:3px!important;
  height:25px!important;
}
.home-page.home-page.home-page.home-page .article-card.no-author {
  grid-template-columns:minmax(0,1fr)!important;
}
.home-page.home-page.home-page.home-page .article-card.no-author .article-head,
.home-page.home-page.home-page.home-page .article-card.no-author .article-foot {
  grid-column:1!important;
}

/* Keep the home-card footer clean: metadata sits low; category labels do not. */
.home-page.home-page.home-page.home-page .article-card .hg-card-category {
  display:none!important;
}
/* Put time/views/purchases on the last row of the card. */
.home-page.home-page.home-page.home-page .article-card { grid-template-rows:auto 1fr auto!important; height:126px!important; }
.home-page.home-page.home-page.home-page .article-card .hg-card-bottom { grid-row:3!important; margin-top:0!important; }
.home-page.home-page.home-page.home-page .article-card .article-foot { grid-column:1 / -1!important; grid-row:4!important; align-items:center!important; }
/* Align metadata with the price and purchase controls in one bottom row. */
.home-page.home-page.home-page.home-page .article-card .article-foot { position:absolute!important; top:auto!important; left:62px!important; right:58px!important; bottom:11px!important; grid-column:auto!important; grid-row:auto!important; height:18px!important; align-items:center!important; gap:6px!important; white-space:nowrap!important; z-index:2!important; }
.home-page.home-page.home-page.home-page .article-card .article-foot-right { flex-wrap:nowrap!important; gap:0 8px!important; flex:0 0 auto!important; }