/* WEB-14: public layouts and keyboard affordances, scoped away from tenant screens. */
.marketing-landing :is(button,a,summary,input,select,textarea,[tabindex="0"]):focus-visible{outline:3px solid #007f78;outline-offset:4px}
.marketing-landing :is(button,a,summary){touch-action:manipulation}
body.public-marketing-active .web6-footer a:focus-visible,#publicRouteView :is(.w3-navy,.w9-navy,.w10-navy,.w11-navy,.w13-cta) :is(button,a,summary,input,select,textarea,[tabindex="0"]):focus-visible{outline-color:#9de1d6!important}
.marketing-landing .wd-media-bar{flex-wrap:wrap;gap:10px;min-width:0}
.marketing-landing .wd-media-bar>div{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%}
.marketing-landing .wd-media-bar button{white-space:normal;overflow-wrap:anywhere;min-height:40px}
.marketing-landing .wd-controls,.marketing-landing .wd-navigation,.marketing-landing .wd-playback{min-width:0;flex-wrap:wrap}
.marketing-landing .wd-navigation button,.marketing-landing .wd-playback button{white-space:normal;min-height:44px;line-height:1.4}
.marketing-landing .wd-step-select select{min-width:0;max-width:100%}
.marketing-landing .w11-page .wd-media{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.marketing-landing .w7-home #w3-hero-panel{grid-row:1}
.marketing-landing :is(.w7-hero-copy,.w10-hero-copy,.w11-hero-copy){min-width:0}
.marketing-landing :is(.w7-hero-copy,.w10-hero-copy,.w11-hero-copy) h1{overflow-wrap:anywhere;hyphens:auto}
.marketing-landing :is(.w10-actions,.w11-actions){min-width:0;max-width:100%}
.marketing-landing :is(.w10-button,.w11-button){white-space:normal!important;overflow-wrap:anywhere;min-width:0;max-width:100%}
.marketing-landing .w13-page label{text-align:start!important}
.marketing-landing .site-modern :is(.w12-form,.w13-filters) label{align-items:stretch!important;text-align:start!important}
.marketing-landing .w11-page .wd-media .wm-viewport{width:100%;min-width:0;aspect-ratio:auto}
.marketing-landing .web8-flow-tabs button,.marketing-landing [data-w3-tab="hero"]{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:600px){.marketing-landing .web8-flow-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.marketing-landing .w7-home .w8-role-rail .w7-role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-landing .w7-home .w6-hero-product,.marketing-landing :is(.w10-hero,.w11-hero){grid-template-columns:minmax(0,1fr)!important}}
/* Dutch compound role names stay intact rather than breaking into isolated letters. */
@media(max-width:600px){html[lang=nl] .marketing-landing .site-modern.web3-home.w7-home h1{font-size:32px!important;max-width:100%}html[lang=nl] .marketing-landing .w7-home .w8-role-rail .w7-role-tabs{grid-template-columns:minmax(0,1fr)}html[lang=nl] .marketing-landing .w7-home .w8-role-rail .w7-role-tabs button{min-height:56px}}
@media(max-width:600px){.marketing-landing .wd-media-bar>span{flex:1 1 100%}.marketing-landing .wd-media-bar>div{width:100%}.marketing-landing .wd-media-bar button{flex:1 1 auto}.marketing-landing .wd-media-bar button[data-wd-enlarge]{flex:0 0 44px}.marketing-landing .wd-playback{gap:8px}.marketing-landing .wd-playback button{flex:1 1 100px}}
@media(prefers-reduced-motion:reduce){.marketing-landing,.marketing-landing *,.wm-preview,.wm-preview *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
