/* SS Computers blog: fit complete featured images without cropping */
.blogpost24-figure{margin:24px 0 28px;overflow:visible}
.blogpost24-card .blogpost24-figure > img.blogpost24-image{
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:18px;
  box-shadow:0 14px 32px rgba(15,35,65,.12);
}
.blogpost24-figure figcaption{text-align:center;margin-top:7px;font-size:.75rem;color:#7a8798}
.blogpost24-content p{margin:0 0 1.15rem;line-height:1.78}
@media(max-width:700px){
  .blogpost24-figure{margin:18px 0 22px}
  .blogpost24-card .blogpost24-figure > img.blogpost24-image{border-radius:12px}
}

/* Only keyboard-repair article: centre its detailed product poster on desktop.
   Preserve the source aspect ratio and every line of the banner artwork. */
.blogpost24-card .blogpost24-figure.blogpost24-figure--keyboard{
  box-sizing:border-box;
  width:100%;
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}
.blogpost24-card .blogpost24-figure.blogpost24-figure--keyboard > img.blogpost24-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}

/* Two affected article images: show the WHOLE artwork and preserve original ratio. */
.blogpost24-card .blogpost24-figure.blogpost24-figure--maintenance {
  box-sizing:border-box;
  width:100%; max-width:760px; margin-left:auto; margin-right:auto;
  overflow:visible;
}
.blogpost24-card .blogpost24-figure.blogpost24-figure--maintenance > img.blogpost24-image,
.blogpost24-card .blogpost24-figure.blogpost24-figure--keyboard > img.blogpost24-image {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media (max-width:700px) {
  .blogpost24-card .blogpost24-figure.blogpost24-figure--maintenance,
  .blogpost24-card .blogpost24-figure.blogpost24-figure--keyboard {
    max-width:100%;
    margin:18px auto 22px;
  }
}

/* Laptop Overheating article only: match the balanced Maintenance banner width.
   Show the ENTIRE existing featured artwork without cropping or distortion. */
.blogpost24-card .blogpost24-figure.blogpost24-figure--overheating {
  box-sizing:border-box;
  width:100%;
  max-width:760px;
  margin:24px auto 28px;
  overflow:visible;
}
.blogpost24-card .blogpost24-figure.blogpost24-figure--overheating > img.blogpost24-image {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:700px) {
  .blogpost24-card .blogpost24-figure.blogpost24-figure--overheating {
    max-width:100%;
    margin:18px auto 22px;
  }
}