/* Home V10 Phase 5R — compact the top market summary to the approved mobile reference.
 * The reference treats the summary as page content, not a large standalone card.
 */
@media (max-width:820px){
  html[data-cardondo-home="v10-shell"] .homeV10PublicSummary{
    margin:12px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop{
    gap:10px!important;
    align-items:flex-start!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop>div{
    min-width:0!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop time{
    margin:0 0 4px!important;
    color:#777d84!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:750!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop h1{
    margin:0!important;
    color:#15171b!important;
    font-size:23px!important;
    line-height:1.12!important;
    letter-spacing:-.045em!important;
    font-weight:900!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop p{
    margin:5px 0 0!important;
    color:#777d84!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10LivePill{
    min-height:25px!important;
    margin-top:1px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:#ffe9ee!important;
    color:#ef334e!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:11px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric{
    min-width:0!important;
    min-height:56px!important;
    padding:8px 4px 7px!important;
    border:0!important;
    border-radius:10px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.news{background:#fff1f4!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.sold{background:#eef9f5!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.up{background:#fff2ee!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric.down{background:#eef6ff!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric small{
    display:block!important;
    margin:0 0 5px!important;
    color:#737981!important;
    font-size:8.7px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric strong{
    font-size:20px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric em{
    margin-left:2px!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryFoot{
    display:none!important;
  }

  /* Keep the next section close, matching the reference phone rhythm. */
  html[data-cardondo-home="v10-shell"] .homeV10PublicSummary + .v9CompactFeatured{
    margin-top:14px!important;
  }
}

@media (max-width:390px){
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop h1{font-size:22px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryTop p{font-size:10px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetrics{gap:4px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric{
    min-height:54px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric small{font-size:8.2px!important}
  html[data-cardondo-home="v10-shell"] .homeV10SummaryMetric strong{font-size:19px!important}
}