/* C03 internet quote: turn the previously unused right half of the monthly
   overview into a live price-and-benefits preview, on PC and mobile.
   The original details remain expandable for complete terms. */
body.experience-ui[data-page="internet"] [data-ui-name="C03"].internet-summary.estimate-card {
  display:grid!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  grid-template-areas:
    "overview facts"
    "note facts"
    "details details"
    "action action"
    "status status"!important;
  grid-template-rows:auto auto auto auto auto!important;
  gap:7px 10px!important;
  align-items:start!important;
  align-content:start!important;
  padding:12px!important;
  min-width:0!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .estimate-overview {
  grid-area:overview!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid #dfe4ea!important;
  border-radius:13px!important;
  background:#fff!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-cost-split {
  display:none!important; /* Prices appear with more detail in the adjacent live preview. */
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .installment-note {
  grid-area:note!important;
  grid-column:1!important;
  grid-row:2!important;
  min-width:0!important;
  margin:0 0 0 4px!important;
  font-size:11px!important;
  line-height:1.5!important;
  color:#667481!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-quick-facts {
  display:grid!important;
  grid-area:facts!important;
  grid-column:2!important;
  grid-row:1 / 3!important;
  align-self:stretch!important;
  align-content:start!important;
  gap:0!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid #dfe4ea!important;
  border-radius:13px!important;
  background:#fff!important;
  box-sizing:border-box!important;
  font-variant-numeric:tabular-nums;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:5px 9px;
  min-width:0;
  width:100%;
  padding:8px 0;
  border-bottom:1px solid #edf0f3;
  line-height:1.5;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row[hidden] {
  display:none!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row>span {
  min-width:0;
  flex:1 1 auto;
  color:#586675;
  font-size:12px;
  font-weight:600;
  overflow-wrap:anywhere;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row>:is(b,strong) {
  min-width:0;
  flex:0 1 auto;
  color:#263341;
  font-size:13px;
  font-weight:800;
  text-align:right;
  overflow-wrap:anywhere;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-discount>b {
  color:#c95227!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-benefit strong {
  color:#dc602a!important;
  font-size:15px!important;
  line-height:1.4!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-install>b {
  font-size:11px;
  font-weight:600;
  color:#697583;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] #quickGiftNote {
  margin:7px 0 0!important;
  color:#697583;
  font-size:10px;
  line-height:1.5;
  word-break:keep-all;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-estimate-details {
  grid-area:details!important;
  grid-column:1 / -1!important;
  grid-row:3!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-action {
  grid-area:action!important;
  grid-column:1 / -1!important;
  grid-row:4!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:11px 15px!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-status {
  grid-area:status!important;
  grid-column:1 / -1!important;
  grid-row:5!important;
  margin:0 2px!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-estimate-details > summary {
  min-height:43px!important;
  padding:8px 11px!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-estimate-details .estimate-details-content {
  gap:10px!important;
  padding:7px 9px 10px!important;
}
body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-estimate-details .calc-outline-group {
  min-width:0!important;
  padding:44px 11px 12px!important;
}
@media (max-width:760px) {
  body.experience-ui[data-page="internet"] [data-ui-name="C03"].internet-summary.estimate-card {
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:7px!important;
    padding:10px!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .estimate-overview {
    padding:11px 10px!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .estimate-overview .monthly-total {
    font-size:clamp(20px,5.5vw,26px)!important;
    line-height:1.18!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .estimate-overview .estimate-card-heading h2 {
    font-size:14px!important;
    line-height:1.4!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .estimate-overview .internet-summary-product .summary-detail {
    font-size:11px!important;
    line-height:1.4!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-quick-facts {
    padding:9px 10px!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row {
    flex-wrap:wrap;
    padding:6px 0;
    gap:2px 5px;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row>span {
    font-size:11px;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row>:is(b,strong) {
    font-size:12px;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-benefit strong {
    font-size:13px!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] #quickGiftNote {
    font-size:10px;
    line-height:1.4;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-estimate-details .estimate-details-content {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
  }
}
@media (max-width:350px) {
  body.experience-ui[data-page="internet"] [data-ui-name="C03"].internet-summary.estimate-card {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"overview" "facts" "note" "details" "action" "status"!important;
  }
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .estimate-overview {grid-column:1!important;grid-row:1!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-quick-facts {grid-column:1!important;grid-row:2!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .installment-note {grid-column:1!important;grid-row:3!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .internet-estimate-details {grid-column:1!important;grid-row:4!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-action {grid-column:1!important;grid-row:5!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] > .summary-status {grid-column:1!important;grid-row:6!important;}
  body.experience-ui[data-page="internet"] [data-ui-name="C03"] .internet-quick-row {
    flex-wrap:nowrap;
  }
}