/* Exact existing realme hub18 and model307 only. No shared stylesheet changes. */
#rts[data-page="307"] .rts-price-card strong.rts-unpriced {
  font-size:clamp(18px,1.4vw,26px);
  line-height:1.25;
  white-space:normal;
  overflow-wrap:normal;
}
#rts[data-page="307"] .rts-branch-phone {
  display:block;
  width:fit-content;
  margin:12px 0;
  color:inherit;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:4px;
}
#rts[data-page="307"] .rts-branch-phone:focus-visible {
  outline:3px solid #0874df;
  outline-offset:4px;
}
#rts[data-page="307"] .rts-lead {max-width:55ch}
#rts[data-page="18"] .rts-lead {max-width:57ch}
#rts[data-page="18"] .rts-hero,
#rts[data-page="307"] .rts-hero {position:relative}
#rts[data-page="18"] .rts-hero-credit,
#rts[data-page="307"] .rts-hero-credit {
  position:absolute;
  right:20px;
  bottom:8px;
  z-index:2;
  color:#b1c0ce;
  opacity:.18;
  font:500 10px/1.3 system-ui,sans-serif;
  pointer-events:none;
  user-select:none;
}
#rts[data-page="307"] .rtbp-table tbody td.rts-price-val-inspection {
  white-space:normal;
  line-height:1.4;
}
/* This table has two columns: time is a note inside the service cell. */
@media (max-width:767px) {
  #rts[data-page="307"] .rtbp-table tbody tr {
    grid-template-columns:minmax(0,1fr);
    row-gap:12px;
  }
  #rts[data-page="307"] .rtbp-table tbody td:first-child {
    grid-column:1;
    grid-row:1;
  }
  #rts[data-page="307"] .rtbp-table tbody td.rt-price-val {
    grid-column:1;
    grid-row:2;
    justify-self:start;
    max-width:100%;
  }
}