/* Home V10 Phase 5Q — align the primary five-card focus list with the approved mobile reference.
 * Keeps ranking/data semantics honest: no synthetic view-count claims are introduced.
 */
@media (max-width:820px){
  html[data-cardondo-home="v10-shell"] .v9CompactFeatured{
    margin-top:14px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactFeatured>header{
    position:relative!important;
    margin:0 0 7px!important;
    padding-right:28px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactFeatured>header h2{
    margin:0!important;
    font-size:18px!important;
    line-height:1.16!important;
    letter-spacing:-.04em!important;
  }
  html[data-cardondo-home="v10-shell"] .v9CompactFeatured>header p{
    margin:4px 0 0!important;
    font-size:9.8px!important;
    line-height:1.32!important;
    color:#858a90!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusHeaderMore{
    position:absolute!important;
    top:0!important;
    right:1px!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    color:#656b71!important;
    text-decoration:none!important;
    font-size:21px!important;
    line-height:1!important;
    font-weight:500!important;
  }

  html[data-cardondo-home="v10-shell"] .v9FeaturedList.homeV10FocusList{
    display:block!important;
    border-top:1px solid #ececeb!important;
    background:#fff!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow{
    min-height:68px!important;
    padding:7px 0!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 96px!important;
    column-gap:10px!important;
    align-items:center!important;
    border-bottom:1px solid #ececeb!important;
    color:#202326!important;
    text-decoration:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow:last-child{
    border-bottom:0!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusThumb{
    width:38px!important;
    height:52px!important;
    border-radius:5px!important;
    object-fit:cover!important;
    background:#f1f1ef!important;
    box-shadow:0 1px 2px rgba(18,23,31,.08)!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusIdentity{
    min-width:0!important;
    align-self:center!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge{
    width:max-content!important;
    max-width:100%!important;
    min-height:18px!important;
    padding:2px 6px!important;
    display:inline-flex!important;
    align-items:center!important;
    border-radius:999px!important;
    font-size:8.8px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge.up{background:#fff0f2!important;color:#ef334e!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge.focus{background:#eef6ff!important;color:#2878c4!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge.sold{background:#eaf7ef!important;color:#167345!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge.ask{background:#fff3df!important;color:#c86b07!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusBadge.down{background:#edf5ff!important;color:#2878c4!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusIdentity>b{
    display:block!important;
    margin-top:4px!important;
    font-size:13.2px!important;
    line-height:1.15!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusIdentity>small{
    display:block!important;
    margin-top:3px!important;
    font-size:8.8px!important;
    line-height:1.2!important;
    color:#858a90!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue{
    min-width:0!important;
    align-self:center!important;
    text-align:right!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>strong,
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>b,
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>small{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>strong{
    font-size:13px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:#ef334e!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow.down .homeV10FocusValue>strong{color:#2878c4!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow.sold .homeV10FocusValue>strong{color:#167345!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow.ask .homeV10FocusValue>strong{color:#c86b07!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow.focus .homeV10FocusValue>strong{color:#2878c4!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>b{
    margin-top:3px!important;
    font-size:10.8px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:#202326!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>small{
    margin-top:3px!important;
    font-size:8px!important;
    line-height:1.12!important;
    font-weight:600!important;
    color:#8a8f95!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusMore{
    min-height:34px!important;
    margin-top:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#f5f5f3!important;
    color:#34383c!important;
    text-decoration:none!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
  }
}

@media (max-width:390px){
  html[data-cardondo-home="v10-shell"] .homeV10FocusRow{
    grid-template-columns:38px minmax(0,1fr) 88px!important;
    column-gap:8px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10FocusThumb{width:36px!important;height:49px!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusIdentity>b{font-size:12.6px!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusIdentity>small{font-size:8.3px!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>strong{font-size:12.3px!important}
  html[data-cardondo-home="v10-shell"] .homeV10FocusValue>b{font-size:10.2px!important}
}