/* Shared responsive safeguards for the four product pages. */
html body[data-product-v9] main :is(.container,.p9-heading,.p9-intro,.ps-exchange,.ps-analysis,.p9-code-panel){min-width:0}
html body[data-product-v9] main :is(h1,h2,h3,p,dd,a,button){overflow-wrap:break-word}
@media(max-width:1100px){
 html body[data-page] #voiceHero{display:block}
 html body[data-page] #voiceHero>.container{width:calc(100% - 48px);margin-inline:auto;max-width:900px}
 html body[data-page] #voiceHero .hero-copy{width:100%;max-width:none}
 html body[data-page] #voiceHero .voice-hero-wave-desktop{flex:none}
 html body[data-page] #voiceHero .voice-hero-actions{flex-wrap:wrap}
 html body[data-page] #capabilities .paas-stack-heading h2{font-size:clamp(30px,4vw,42px);letter-spacing:-1.3px}
}
@media(max-width:760px){
 html body[data-page] #voiceHero>.container{width:calc(100% - 40px)}
 html body[data-page] #voiceHero h1{font-size:clamp(28px,5vw,36px);line-height:1.25}
 html body[data-page] #product-examples .voice-example-tabs{max-width:100%;flex-wrap:wrap;gap:8px}
 html body[data-page] #product-examples .voice-example-tabs button{min-width:0;max-width:100%;white-space:normal;flex:1 1 220px;padding:14px 20px}
 html body[data-page] #product-examples .ps-example-body{grid-template-columns:minmax(0,1fr)}
 html body[data-page] #capabilities .paas-stack-scene{padding:30px 24px}
 html body[data-page] #capabilities .paas-feature-sheet{padding:16px}
 html body[data-page] #capabilities .paas-feature-sheet li{padding:8px;gap:6px;font-size:11px}
 html body[data-page] #capabilities .paas-layer-panel:before{left:12px;width:100%;height:100%}
 html body[data-page] :is(#systems,#readiness) .readiness-card-content p{overflow-wrap:anywhere}
}
@media(max-width:600px){
 html body[data-page] :is(#systems,#readiness) .p9-card-grid article.is-system-active{flex-basis:auto;min-height:334px}
 html body[data-page] :is(#systems,#readiness) .is-system-active .readiness-card-content{height:auto;min-height:330px}
 html body[data-page] #voiceDelivery :is(.p9-card-grid,.voice-delivery-grid){grid-template-columns:minmax(0,1fr)}
 html body[data-page] #voiceHero .voice-hero-actions>a{max-width:100%;white-space:normal}
 html body[data-page] #voiceHero .hero-sub{font-size:14px;line-height:1.8}
}
/* Keep vector icons above the mobile raster scene, not behind its background. */
@media(max-width:1100px){
 html body[data-page] #voiceHero{padding-bottom:0}
 html body[data-page] #voiceHero .product-vector-scene{bottom:0;z-index:5}
 html body[data-page] #voiceHero .voice-hero-wave-desktop{margin-bottom:0}
}
/* Generic mobile card icon rules must not shrink full scene illustrations. */
html body[data-page] #voiceDelivery .ps-cards>article>.voice-delivery-art{display:block;width:100%;height:auto;aspect-ratio:425/276;max-width:none;flex:none;grid-column:1/-1;margin:0}
html body[data-page] #voiceDelivery .ps-cards>article>.voice-delivery-art>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}