/* Shared navigation and touch behavior across the complete demo. */
html{overflow-x:clip}body{min-width:0}img,video{max-width:100%}main,section,article,aside,form{min-width:0}header .home-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:44px;text-decoration:none}header .page-nav{display:flex;align-items:center;gap:22px}header .logo{display:inline-block;flex-shrink:0}header a{touch-action:manipulation}button,a,input,select,textarea{touch-action:manipulation}input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea,select{font-size:16px!important}button:focus-visible,a:focus-visible{outline:3px solid #b38a45;outline-offset:4px}dialog{max-width:calc(100vw - 28px);max-height:92svh}dialog::backdrop{touch-action:none}
@media(max-width:700px){header{flex-wrap:wrap!important;gap:12px!important;align-items:center}header>.logo{flex-basis:100%;font-size:18px!important;width:max-content}header>nav,header>.toplinks{width:100%;display:flex!important;flex-wrap:wrap;justify-content:space-between!important;gap:8px 14px!important;font-size:13px!important}header .home-link{display:inline-flex!important}header .toplinks a{display:inline-flex;align-items:center;min-height:44px}header .toplinks .avatar{margin-left:auto}header .outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px!important}.hero header{padding:20px 6%!important}.hero header nav>a:not(.outline):not(.home-link){display:none!important}.hero header .logo{font-size:15px!important}.tabs button{min-height:44px}.textbtn,.textbutton,.link{min-height:36px;display:inline-flex;align-items:center}.chip{min-height:40px}.day{min-height:34px}.steps{column-gap:7px}.sheet-mode .summary .primary{min-width:0}.review-grid{min-width:0}.confirm-amounts>div,.quote-card dl>div{gap:12px}.home-art img{max-width:100%}.customer-fields label{min-width:0}.mock-field-row{min-width:0}.footbottom,.bottom{flex-wrap:wrap}}
@media(max-width:360px){header>.toplinks{gap:5px 10px!important}.intro h1{font-size:31px}.steps{gap:5px!important}.steps li{font-size:9px!important}.steps span{padding:6px 8px!important}.hotspot{min-width:30px;min-height:30px}.balance-card{padding:19px}.review-details>div{grid-template-columns:70px minmax(0,1fr)}.service h3{font-size:20px}.service .price{font-size:34px}.confirm-detail{grid-template-columns:65px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:600px){.tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.tabs button{white-space:normal;line-height:1.4;text-align:center;padding:9px 7px;font-size:12px}.tabs button[aria-selected=true]{border-radius:4px}}