/* Native vendor colors, transparent frames, and stable logo sizes across all routes. */
.product-mark {background:none;border:0;border-radius:0;box-shadow:none;padding:0;line-height:0}
.product-mark img {display:block;object-fit:contain;filter:none;mix-blend-mode:normal}
.situation-packages a {display:grid;grid-template-columns:42px minmax(0,1fr) 17px;gap:13px;align-items:center;padding:16px 0}
.situation-packages a>.product-mark {display:grid;width:42px;height:42px}
.situation-packages a>.product-mark img {width:40px;height:40px}
.situation-packages a>.product-recommendation-copy {min-width:0;font-weight:400}
.product-recommendation-copy strong {display:block;font-size:17px;line-height:1.4;font-weight:650;overflow-wrap:break-word}
.product-recommendation-copy small {display:block;margin-top:4px;font-size:15px;line-height:1.45}
.situation-packages a>.icon {position:static;align-self:center;width:17px;height:17px}
.scope-tags>.product-tag {display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;line-height:1.5}
.scope-tags .product-mark {display:inline-grid;width:25px;height:25px;flex:0 0 25px;border:0;padding:0;margin:0;background:none}
.scope-tags .product-mark img {width:25px;height:25px}
.product-heading {display:flex;align-items:center;gap:12px}
.product-heading>.product-mark {width:38px;height:38px;flex:0 0 38px}
.product-heading>.product-mark img {width:36px;height:36px}
h2.product-heading>.product-mark {width:48px;height:48px;flex-basis:48px}
h2.product-heading>.product-mark img {width:46px;height:46px}
.service-nav-top>.product-mark {width:30px;height:30px}
.service-nav-top>.product-mark img {width:28px;height:28px}
.product-list-reference {display:flex;align-items:center;gap:10px}
.product-list-reference>.product-mark {width:28px;height:28px;flex:0 0 28px}
.product-list-reference>.product-mark img {width:26px;height:26px}
.story-product-references {display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px}
.story-product-reference {display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;font-size:15px;line-height:1.4;color:var(--muted)}
.story-product-reference>.product-mark {width:25px;height:25px;flex:0 0 25px}
.story-product-reference>.product-mark img {width:25px;height:25px}
@media(max-width:500px) {
  .situation-packages a {grid-template-columns:38px minmax(0,1fr) 17px;gap:10px}
  .situation-packages a>.product-mark,.situation-packages a>.product-mark img {width:36px;height:36px}
  .product-heading {gap:10px}
  h2.product-heading>.product-mark {width:40px;height:40px;flex-basis:40px}
  h2.product-heading>.product-mark img {width:38px;height:38px}
}