/* Shared UI/UX polish for the public Webschets website. */
:root{--ws-focus:#245cff;--ws-readable-muted:#5f7089}
html{scroll-behavior:smooth}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body :is(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ws-focus) 72%,white)!important;outline-offset:3px!important}
body :is(p,small,.muted,.subtitle,.section-intro,.hero-copy>p){text-wrap:pretty}
body :is(h1,h2,h3){text-wrap:balance}
body img{max-width:100%}
body img:not([height]){height:auto}
body :is(.hero-copy>p,.section-head>p,.form-copy>p,.wd-hero-copy>p,.service-hero-copy>p){color:var(--ws-readable-muted)}
.shared-site-header button,.shared-site-header a,.request-modal button{touch-action:manipulation}
.shared-site-header .menu-toggle,.shared-site-header .menu{min-width:44px;min-height:44px}
html.no-intersection-observer .reveal{opacity:1!important;transform:none!important}
@media(max-width:900px){.shared-site-header{min-height:68px}.shared-site-header .logo{display:inline-flex;min-height:44px;align-items:center}.shared-site-header .nav-cta{min-height:44px!important}.shared-site-header nav a{display:flex;min-height:44px;align-items:center}.footer-column a,.ws-footer a,.footer-rich a{display:inline-flex;min-height:44px;align-items:center}body :is(input,select,textarea){font-size:16px}}
@media(max-width:420px){html body header#site-header.shared-site-header>a.nav-cta{height:44px!important;min-height:44px!important}}
@media(max-width:600px){body main :is(p,li){line-height:1.65}body main :is(.eyebrow,.kicker,.section-label){letter-spacing:.12em}.request-modal-close{width:44px!important;height:44px!important}.request-modal-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
@media(forced-colors:active){body :is(a,button,input,select,textarea):focus-visible{outline:3px solid Highlight!important}}