/* Let the copy define the desktop hero height; crop the photo without distortion. */
@media(min-width:769px){
  .hp-craft-guide .svc-doc-hero-grid{align-items:stretch}
  .hp-craft-guide .svc-doc-hero-media{position:relative;min-width:0;min-height:0;align-self:stretch}
  .hp-craft-guide .svc-doc-hero-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
}
@media(max-width:768px){
  .hp-craft-guide .svc-doc-hero-media{width:100%;aspect-ratio:8/5}
  .hp-craft-guide .svc-doc-hero-media img{width:100%;height:100%;object-fit:cover}
}

/* Include sticky row headings in the same solid row separators as data cells. */
.hp-craft-guide .svc-compare-table tbody tr > th,
.hp-craft-guide .svc-compare-table tbody tr > td{border-bottom:1px solid #ccd2da}

/* Related process photos are square: keep frames square to avoid side bars. */
.hp-craft-guide #related .svc-doc-tech-media{display:block;width:100%;aspect-ratio:1;overflow:hidden}
.hp-craft-guide #related .svc-doc-tech-media img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;object-position:center}