/* Home Repair service selection: one catalogue, one clear purpose.
   The former left service rail duplicated the exact choices below it. */
.hgc-proposal-hub.hgc-single-service-library{
  grid-template-columns:minmax(0,1fr) 355px!important;
  gap:14px!important;
}
.hgc-proposal-hub.hgc-single-service-library>main{grid-column:1;min-width:0}
.hgc-proposal-hub.hgc-single-service-library>.hgc-price-center{
  grid-column:2;
  position:sticky!important;
  top:10px!important;
}
.hgc-proposal-hub.hgc-single-service-library>main{
  container-type:none!important;
  container-name:none!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-grid,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card{
  min-height:230px!important;
  padding:16px!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card header>span,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card header>span{
  width:46px!important;
  height:46px!important;
  box-shadow:0 0 22px color-mix(in srgb,var(--tone) 18%,transparent)!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card em,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card em{
  font-size:11px!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card h3,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card h3{
  margin:16px 0 6px!important;
  font-size:18px!important;
  line-height:normal!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card p,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card p{
  font-size:13px!important;
  line-height:1.45!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card footer,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card footer{
  padding-top:16px!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card footer button,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card footer button{
  min-height:40px!important;
}

.hgc-proposal-hub.hgc-single-service-library .hgc-service-card>strong,
.hgc-proposal-hub.hgc-single-service-library .hgc-service-library-card>strong{
  right:16px!important;
  bottom:66px!important;
  font-size:17px!important;
}

/* Block the legacy five-column container-query fallback that made cards shrink. */
@container hgc-service-library (min-width:780px){
  .hgc-proposal-hub.hgc-single-service-library .hgc-service-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .hgc-proposal-hub.hgc-single-service-library .hgc-service-card{
    min-height:230px!important;
    padding:16px!important;
  }
}

/* The workflow stays usable on a phone without shrinking the numbered circles. */
@media(max-width:700px){
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    padding:5px!important;
    overflow:visible!important;
  }
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav button{
    min-width:0!important;
    min-height:42px!important;
    justify-content:flex-start!important;
    gap:6px!important;
    padding:6px 7px!important;
  }
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav button b{
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
  }
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav button span{
    min-width:0!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .hgc-proposal-hub.hgc-single-service-library{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .hgc-proposal-hub.hgc-single-service-library>main,
  .hgc-proposal-hub.hgc-single-service-library>.hgc-price-center{grid-column:1}
  .hgc-proposal-hub.hgc-single-service-library>.hgc-price-center{
    position:static!important;
    top:auto!important;
  }
  .hgc-proposal-hub.hgc-single-service-library .hgc-service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* At phone and 400%-zoom-equivalent widths, keep every workflow label readable. */
@media(max-width:480px){
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav button{
    min-height:50px!important;
    align-items:center!important;
  }
  .hgc-root:has(.hgc-proposal-hub-page)>.hgc-flow-nav button span{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.2!important;
    text-align:left!important;
  }
}