/* Shared product heading: original CVM ribbon, with a quiet reading area. */
body .product-heading-banner {
  --ink:#f5f7fb; --muted:#c6d0df; --faint:#9daec5; --line:#ffffff26;
  position:relative;
  isolation:isolate;
  color:var(--ink);
  background:#0b111b;
  border:1px solid #9ebcfa24;
  border-radius:14px;
  padding:28px 30px 0;
  margin:0 0 28px;
}
body .product-heading-banner::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg,#0b111bf5 0%,#0b111be8 35%,#0b111b60 74%,#0b111b30),url('products/cinematic-ribbon.webp') right center/cover no-repeat;
}
body .product-heading-banner > .page-heading,
body.portal-ui .product-heading-banner > .head {
  margin:0;
  padding:0 0 24px;
  background:transparent;
  color:#f5f7fb;
}
body .product-heading-banner h1 {color:#f5f7fb}
body .product-heading-banner .eyebrow,
body .product-heading-banner p,
body .product-heading-banner small {color:#c6d0df}
body .product-heading-banner > :is(.toolbar,.scope-line,.care-scope-toolbar) {
  margin:0;
  padding:17px 0;
  border-top:1px solid #ffffff26;
  border-bottom:0;
  background:transparent;
  color:#d2dbea;
}
body .product-heading-banner :is(.scope-label,.range-summary,.period-summary,.text-button) {color:#d2dbea}
body .product-heading-banner button:focus-visible,
body .product-heading-banner a:focus-visible {outline:2px solid #fff;outline-offset:4px}
@media(max-width:680px){
  body .product-heading-banner{padding:22px 18px 0;margin-bottom:22px;border-radius:10px}
  body .product-heading-banner::before{background-image:linear-gradient(90deg,#0b111bef,#0b111bb3),url('products/cinematic-ribbon.webp')}
  body .product-heading-banner > :is(.toolbar,.scope-line,.care-scope-toolbar){flex-wrap:wrap;gap:10px}
}
@media print{
  body .product-heading-banner{background:none;border:0;padding:0;--ink:#111;--muted:#444;--faint:#555;--line:#ccc}
  body .product-heading-banner::before{display:none}
  body .product-heading-banner :is(h1,p,small,.eyebrow,.toolbar,.scope-line,.care-scope-toolbar,.scope-label,.range-summary,.period-summary,.text-button){color:#111}
}