/* EarnHub v42 — compact, overflow-safe uptime history for phones. */
@media (max-width: 620px){
  .detail-page .uptime-history{
    width:100%;
    min-width:0;
    overflow:hidden;
    padding:18px 14px!important;
  }

  .detail-page .uptime-history .section-title-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
    min-width:0;
    margin-bottom:14px!important;
  }
  .detail-page .uptime-history .section-title-row>div{
    width:100%;
    min-width:0;
  }
  .detail-page .uptime-history .section-title-row .eyebrow{
    margin:0 0 7px!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
  }
  .detail-page .uptime-history .section-title-row h2{
    margin:0!important;
    max-width:100%;
    font-size:21px!important;
    line-height:1.18!important;
    letter-spacing:-.025em!important;
    overflow-wrap:anywhere;
  }
  .detail-page .uptime-history .incident-clear,
  .detail-page .uptime-history .incident-live{
    align-self:flex-start;
    width:auto;
    max-width:100%;
    padding:8px 11px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  .detail-page .uptime-range-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%;
    min-width:0;
  }
  .detail-page .uptime-range-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:15px 13px!important;
    border-radius:16px!important;
  }
  .detail-page .uptime-range-card>div:first-child{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%;
    min-width:0;
    margin:0!important;
  }
  .detail-page .uptime-range-card>div:first-child span{
    min-width:0;
    font-size:14px!important;
    line-height:1.2!important;
    font-weight:850!important;
  }
  .detail-page .uptime-range-card>div:first-child strong{
    flex:0 0 auto;
    max-width:58%;
    font-size:28px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    white-space:nowrap;
    text-align:right;
  }

  .detail-page .uptime-daily-bars{
    display:flex!important;
    align-items:flex-end!important;
    gap:2px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:54px!important;
    margin-top:12px!important;
    overflow:hidden!important;
  }
  .detail-page .uptime-daily-bars>.day-bar{
    flex:1 1 0!important;
    width:auto!important;
    min-width:1px!important;
    max-width:none!important;
    border-radius:2px!important;
  }
  .detail-page .uptime-daily-bars>.day-bar b{
    border-radius:2px!important;
  }
  .detail-page .uptime-range-card>small{
    display:block;
    max-width:100%;
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}

@media (max-width: 390px){
  .detail-page .uptime-history{padding:16px 12px!important}
  .detail-page .uptime-history .section-title-row h2{font-size:19px!important}
  .detail-page .uptime-range-card{padding:14px 12px!important}
  .detail-page .uptime-range-card>div:first-child strong{font-size:26px!important}
  .detail-page .uptime-daily-bars{gap:1px!important;height:50px!important}
  .detail-page .uptime-range-card>small{font-size:11px!important}
}