/* HMX mobile TOC flow hotfix 2026-07-31: inline first, sticky only after original TOC is passed. */
@media(max-width:1229px){
  .article-main>.mobile-toc,
  .article-main>.mobile-toc.is-sticky,
  .article-main>.mobile-toc.is-open:not(.hmx-mobile-toc-flow-sticky){
    bottom:auto!important;
    display:block!important;
    left:auto!important;
    margin:18px 0 24px!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    z-index:2!important;
  }
  .article-main>.mobile-toc.hmx-mobile-toc-flow-sticky{
    bottom:72px!important;
    left:50%!important;
    margin:0!important;
    position:fixed!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(696px,calc(100% - 48px))!important;
    z-index:96!important;
  }
  .mobile-toc-anchor{
    display:block!important;
    height:1px;
    pointer-events:none;
    visibility:hidden;
  }
  .article-main>.mobile-toc.hmx-mobile-toc-flow-sticky+.mobile-toc-anchor{
    height:var(--hmx-mobile-toc-flow-height,1px);
  }
}
@media(max-width:640px){
  .article-main>.mobile-toc.hmx-mobile-toc-flow-sticky{
    left:5%!important;
    right:5%!important;
    transform:none!important;
    width:90%!important;
  }
}

/* HMX shortlist parity hotfix 2026-07-31: stable grid, visible pricing CTA, and visual rating stars. */
.article-page .article-body .shortlist{
  background:#fff!important;
  border:1px solid #afafaf!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
  margin:0 auto 16px!important;
  max-width:800px!important;
  overflow:hidden!important;
  width:100%!important;
}
.article-page .article-body .shortlist *{box-sizing:border-box!important}
.article-page .article-body .shortlist-content{
  align-items:stretch!important;
  border-bottom:1px solid #afafaf!important;
  display:grid!important;
  gap:14px!important;
  grid-template-columns:minmax(150px,30%) minmax(0,1fr) minmax(128px,25%)!important;
  padding:16px!important;
  width:100%!important;
}
.article-page .article-body .shortlist-content:has(>.shortlist-divider){
  gap:0!important;
  grid-template-columns:minmax(150px,30%) 17px minmax(0,1fr) 17px minmax(128px,25%)!important;
}
.article-page .article-body .shortlist-company{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:auto!important;
}
.article-page .article-body .shortlist-best{min-width:0!important;width:auto!important}
.article-page .article-body .shortlist-divider{background:#afafaf!important;margin:0 8px!important;width:1px!important}
.article-page .article-body .shortlist-button{
  align-items:center!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  width:auto!important;
}
.article-page .article-body .shortlist-button a,
.article-page .article-body .shortlist-button button{
  background:#9c171e!important;
  border-radius:6px!important;
  color:#fff!important;
  display:inline-block!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.35!important;
  padding:9px 16px!important;
  text-align:center!important;
  text-decoration:none!important;
  width:100%!important;
}
.article-page .article-body .shortlist-footer{
  align-items:center!important;
  display:flex!important;
  justify-content:space-between!important;
  padding:10px 18px!important;
}
.article-page .article-body .shortlist .rating-stars-container{
  align-items:center!important;
  display:inline-flex!important;
  gap:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.article-page .article-body .shortlist .td-icon-star,
.article-page .article-body .shortlist .td-icon-star-half,
.article-page .article-body .shortlist .td-icon-star-empty,
.article-page .article-body table .td-icon-star,
.article-page .article-body table .td-icon-star-half,
.article-page .article-body table .td-icon-star-empty{
  display:inline-flex!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  font-style:normal!important;
  height:16px!important;
  line-height:1!important;
  width:16px!important;
}
.article-page .article-body .td-icon-star:before{color:#ffbc00!important;content:"\2605"!important}
.article-page .article-body .td-icon-star-half:before{color:#ffbc00!important;content:"\2605"!important;opacity:.7}
.article-page .article-body .td-icon-star-empty:before{color:#d1d5db!important;content:"\2606"!important}
@media(max-width:768px){
  .article-page .article-body .shortlist-content,
  .article-page .article-body .shortlist-content:has(>.shortlist-divider){
    gap:10px!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .article-page .article-body .shortlist-divider{display:none!important}
  .article-page .article-body .shortlist-company,
  .article-page .article-body .shortlist-best,
  .article-page .article-body .shortlist-button{width:100%!important}
  .article-page .article-body .shortlist-footer{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
}