/* This exact Claude Organization ID tutorial is not a legacy group QR image.
   Keep all other paid-delivery images under the existing visibility policy. */
.hds-delivery-priority-card .prose img[src="/uploads/products/claude-organization-id-guide-20261107.png"],
.hds-delivery-priority-card.hds-group-notice-ready .prose img[src="/uploads/products/claude-organization-id-guide-20261107.png"],
[data-order-fulfillment] .prose img[src="/uploads/products/claude-organization-id-guide-20261107.png"] {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 720px) !important;
  margin: 16px auto !important;
  object-fit: contain;
}

/* The legacy compact stylesheet overrides its base mobile grid with two columns. */
@media (max-width: 640px) {
  .hds-delivery-priority-card > .hds-group-notice-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .hds-delivery-priority-card > .hds-group-notice-card > .hds-group-notice-card__image-frame {
    justify-self: center;
    max-width: 100%;
  }
}