/* Shared viewport, touch and overflow refinements. */
.hero>*,.product-panel>*,.sector-panel>*,.case-hero>*,.use-hero>*,.use-split>*,.team-intro-grid>*,.footer-main>*,.demo-options>*{min-width:0}
.team-card-copy,.editorial-main p,.use-main p,.footer-column a{overflow-wrap:anywhere}
.table-scroll{min-width:0}.table-scroll:focus-visible{outline:3px solid #258d85;outline-offset:4px}
.mobile-enquiry-cta{display:none}
@media(max-width:1280px){
 .header{height:76px}.nav-wrap{gap:12px}
 .header #navigation{position:absolute;inset:76px 0 auto;display:none;align-items:stretch;flex-direction:column;padding:18px 24px;gap:0;border-bottom:1px solid #d6e3dd;background:#fcfdfc;box-shadow:0 12px 18px #123c280a;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
 .header #navigation.open{display:flex}.header #navigation>a,.header #navigation summary{min-height:44px;padding:12px 0;font-size:14px}
 .header #navigation .nav-demo-prompt{width:max-content;max-width:100%;margin:8px 0;padding:12px 18px;font-size:13px}
 .header .solutions-menu{width:100%}.header .solutions-dropdown{position:static;width:100%;max-width:none;box-shadow:none;margin:8px 0 14px;padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:44px;height:44px;padding:6px;flex-shrink:0}.header .menu-toggle span{height:1.5px;width:22px;background:var(--green)}
 .header .nav-cta{margin-left:auto;max-width:245px;min-height:44px}
}
@media(max-width:640px){
 .header{height:72px}.header #navigation{top:72px;max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px)}
 #humanx-chat-dialog #chatControls .text-input,form input,form select,form textarea{font-size:16px}
 .hero-actions,.use-hero-actions,.cta-actions{max-width:100%}.hero-actions>.btn,.use-hero-actions>.btn,.cta-actions>.btn{max-width:100%;min-width:0}
 .spatius-modal-close,#humanx-chat-dialog #chatWidgetHeader .chat-close{min-width:44px;min-height:44px}
}
@media(max-width:480px){
 .header .nav-cta{display:none}.header #navigation .mobile-enquiry-cta{display:inline-flex;align-self:flex-start;max-width:100%;margin-top:12px;padding:13px 18px;min-height:44px;color:#fff;font-size:13px}
 .header .solutions-dropdown{grid-template-columns:1fr}
 .steps{grid-template-columns:1fr}.steps p{font-size:13px}.steps h3{font-size:18px}
}
@media(max-width:380px){.team-grid,.digital-team .agent-grid{grid-template-columns:1fr}.team-card h3{font-size:19px}.team-card p{font-size:13px}.team-card-copy{padding:18px}.team-photo{aspect-ratio:1.15}}
@media(pointer:coarse){.social-links a,.profile-links a,.product-tabs button,.sector-tabs button,.faq-list summary,.use-faq summary{min-height:44px}.social-links a{min-width:44px}#humanx-chat-dialog #chatControls .send-btn,#humanx-chat-dialog #chatControls .action-btn{min-width:44px;min-height:44px}}
@media(max-height:550px) and (orientation:landscape){dialog:not(.spatius-modal):not(#humanx-chat-dialog){max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.spatius-modal{height:calc(100vh - 16px);height:calc(100dvh - 16px)}.ambassador-loader-portrait{width:64px;height:64px}.ambassador-loader h2{font-size:21px}.ambassador-loader p{font-size:12px}}

/* Let the service ambassador title wrap without hiding its availability. */
.live-demo-header{flex-wrap:wrap}.live-demo-header>div{min-width:0;flex:1 1 215px}.live-demo-header>div>span:last-child{min-width:0}.live-demo-header b{overflow-wrap:anywhere}.live-demo-header .pill{display:inline-flex;flex-shrink:0;font-size:10px}

.live-demo-header .ambassador-role{font-size:12px;font-weight:600;line-height:1.4;color:var(--ink)}