/* Home V10 Phase 5P — match the approved mobile reference's information density.
 * Goals: six movers visible at once, compact ranked rows, tighter section rhythm,
 * and an always-visible recent-sales block before market insight.
 */
@media (max-width:820px){
  html[data-cardondo-home="v10-shell"] .v9Section{margin-top:14px!important}
  html[data-cardondo-home="v10-shell"] .v9Section>header{margin:0 0 7px!important}
  html[data-cardondo-home="v10-shell"] .v9Section h2{font-size:18px!important;line-height:1.16!important;letter-spacing:-.035em!important}
  html[data-cardondo-home="v10-shell"] .v9Section>header p{margin-top:3px!important;font-size:9.8px!important;line-height:1.32!important}
  html[data-cardondo-home="v10-shell"] .v9News + .v9Movement{margin-top:14px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SectionMore{top:0!important;min-height:22px!important;font-size:9.5px!important}

  /* Reference uses the segmented bar as a compact legend and keeps all 6 rows visible. */
  html[data-cardondo-home="v10-shell"] .v9Movement>header{gap:7px!important;margin-bottom:7px!important}
  html[data-cardondo-home="v10-shell"] .v9Segments{min-height:31px!important;padding:2px!important;border-radius:10px!important;gap:2px!important}
  html[data-cardondo-home="v10-shell"] .v9Segments button{min-height:27px!important;padding:0 6px!important;border-radius:8px!important;font-size:9.8px!important;pointer-events:none!important}
  html[data-cardondo-home="v10-shell"] .v9MovementPolished .v9MoveList{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}

  html[data-cardondo-home="v10-shell"] .v9MoveRow,
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="up"],
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"],
  html[data-cardondo-home="v10-shell"] .v9MoveList.show-down .v9MoveRow[data-direction="up"],
  html[data-cardondo-home="v10-shell"] .v9MoveList.show-down .v9MoveRow[data-direction="down"]{
    display:grid!important;
    min-height:56px!important;
    padding:5px 0!important;
    grid-template-columns:18px 31px minmax(0,1fr) 78px!important;
    grid-template-areas:"rank thumb identity change" "rank thumb identity price"!important;
    column-gap:6px!important;
    row-gap:0!important;
    border-bottom:1px solid #eeeeeb!important;
    align-items:center!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MoveRow:last-child{border-bottom:0!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow::before{
    content:""!important;
    grid-area:rank!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#fff0f2!important;
    color:#e94b5f!important;
    font-size:8.8px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="up"]:nth-child(1)::before{content:"1"!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="up"]:nth-child(2)::before{content:"2"!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="up"]:nth-child(3)::before{content:"3"!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"]::before{background:#eef7ff!important;color:#2473bf!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"]:nth-child(4)::before{content:"1"!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"]:nth-child(5)::before{content:"2"!important}
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"]:nth-child(6)::before{content:"3"!important}
  html[data-cardondo-home="v10-shell"] .v9Thumb{grid-area:thumb!important;width:30px!important;height:41px!important;border-radius:4px!important;box-shadow:0 1px 2px rgba(18,23,31,.07)!important}
  html[data-cardondo-home="v10-shell"] .v9MoveIdentity{grid-area:identity!important;min-width:0!important;padding:0!important;align-self:center!important}
  html[data-cardondo-home="v10-shell"] .v9MoveIdentity strong{display:block!important;font-size:11.5px!important;line-height:1.14!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-cardondo-home="v10-shell"] .v9MoveIdentity small{display:block!important;margin-top:3px!important;font-size:8.2px!important;line-height:1.18!important;color:#858a90!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-cardondo-home="v10-shell"] .v9MoveChange{grid-area:change!important;align-self:end!important;justify-self:end!important;font-size:11.5px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}
  html[data-cardondo-home="v10-shell"] .v9MovePrice{grid-area:price!important;align-self:start!important;justify-self:end!important;text-align:right!important;font-size:9.5px!important;line-height:1.05!important;font-weight:850!important;white-space:nowrap!important;overflow:visible!important}
  html[data-cardondo-home="v10-shell"] .v9MovePrice small,
  html[data-cardondo-home="v10-shell"] .v9MoveSpark,
  html[data-cardondo-home="v10-shell"] .v9MoveGap{display:none!important}

  /* Remove the large dead area after the news timeline. */
  html[data-cardondo-home="v10-shell"] .v9NewsList{margin-bottom:0!important}
  html[data-cardondo-home="v10-shell"] .v9NewsRow:last-child{padding-bottom:5px!important}

  /* Recent completed sales, promoted from hidden evidence into the main flow. */
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales{
    margin-top:14px!important;
    padding-top:12px!important;
    border-top:8px solid #f6f6f4!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:6px!important}
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales h2{margin:0!important;font-size:17px!important;line-height:1.15!important}
  html[data-cardondo-home="v10-shell"] .homeV10RecentSales header p{margin:3px 0 0!important;color:#858a90!important;font-size:9.4px!important}
  html[data-cardondo-home="v10-shell"] .homeV10RecentSalesMore{flex:0 0 auto;color:#70757b!important;text-decoration:none!important;font-size:9.4px!important;font-weight:800!important;line-height:20px!important;white-space:nowrap!important}
  html[data-cardondo-home="v10-shell"] .homeV10RecentSalesList{border:1px solid #eeeeea!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow{min-height:55px!important;padding:5px 8px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;border-bottom:1px solid #eeeeea!important;text-decoration:none!important;color:#222!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow:last-child{border-bottom:0!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleThumb{width:30px!important;height:41px!important;border-radius:4px!important;object-fit:cover!important;background:#f0f0ee!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity{min-width:0!important;display:block!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity b{display:block!important;font-size:11.2px!important;line-height:1.14!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleIdentity small{display:block!important;margin-top:3px!important;color:#858a90!important;font-size:8px!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-cardondo-home="v10-shell"] .homeV10SaleRow>strong{font-size:10.8px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important;color:#202326!important}

  /* Reference has a small insight card, not a tall one-line-summary block. */
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight{margin-top:12px!important;padding:10px 12px!important;border:1px solid #eeeeea!important;border-radius:12px!important;background:#fff!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight>.v9Eyebrow{display:none!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight>div{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight>div>span{font-size:18px!important;line-height:1!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight p{margin:0!important;font-size:10px!important;line-height:1.38!important;color:#555b60!important}
  html[data-cardondo-home="v10-shell"] .v9CompactOneInsight p b{display:block!important;margin-bottom:5px!important;font-size:12.5px!important;line-height:1.15!important;color:#202326!important}

  /* The old hidden evidence drawer is redundant once recent sales is promoted. */
  html[data-cardondo-home="v10-shell"] .v9EvidenceMore{display:none!important}
}

@media (max-width:390px){
  html[data-cardondo-home="v10-shell"] .v9MoveRow,
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="up"],
  html[data-cardondo-home="v10-shell"] .v9MoveRow[data-direction="down"]{
    grid-template-columns:17px 29px minmax(0,1fr) 72px!important;
    column-gap:5px!important;
  }
  html[data-cardondo-home="v10-shell"] .v9Thumb{width:28px!important;height:39px!important}
  html[data-cardondo-home="v10-shell"] .v9MoveIdentity strong{font-size:11px!important}
  html[data-cardondo-home="v10-shell"] .v9MoveIdentity small{font-size:7.8px!important}
  html[data-cardondo-home="v10-shell"] .v9MoveChange{font-size:11px!important}
  html[data-cardondo-home="v10-shell"] .v9MovePrice{font-size:9px!important}
}