.demo-header .demo-route-nav{display:flex;align-items:center;gap:18px;padding:0;border:0;background:none;border-radius:0;font-size:13px}.demo-header .demo-route-nav>a.hub-return{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:9px 0;font-size:12px;white-space:nowrap;color:#684873}.hub-return svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.demo-route-picker{position:relative}.demo-route-picker>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:10px 15px;background:#fff;border:1px solid #e6dce9;border-radius:24px;font-size:12px;min-width:136px;color:#493150}.demo-route-picker>summary::-webkit-details-marker{display:none}.demo-route-picker>summary::after{content:'⌄';font-size:13px;line-height:1;transform:translateY(-2px)}.demo-route-picker[open]>summary{border-color:#b99bc8;background:#fbf7fd}.demo-route-picker>summary:focus-visible{outline:2px solid #9861b0;outline-offset:4px}.demo-route-menu{position:absolute;right:0;top:calc(100% + 8px);width:205px;background:#fff;padding:7px;border:1px solid #e6daec;border-radius:16px;box-shadow:0 12px 30px #26102e15;z-index:60}.demo-route-menu>a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:11px 12px;border-radius:10px;opacity:1}.demo-route-menu>a:hover{background:#f7f0fa;color:#5c306c}.demo-route-menu>a[aria-current=page]{background:#f3e8f9;color:#613276}.demo-route-menu>a[aria-current=page]::after{content:'✓';font-size:12px}.demo-route-menu .short-label{display:none}.voice-page .demo-header{position:relative;top:auto;left:auto;right:auto;z-index:10}.voice-page .demo-intro{position:relative}.voice-page .demo-header>a>img{filter:brightness(0)}.voice-page footer a.hub-footer-link,.demo-footer a.hub-footer-link{font-weight:600;color:#674874}.app-header .brand.hub-brand{gap:8px}.app-header .brand.hub-brand img{width:23px;height:23px}.app-header .brand.hub-brand span{font-size:12px;letter-spacing:0;font-weight:500;display:inline;color:#6d5178}.app-footer .hub-footer-link{font-weight:600;color:#674874}.widget-view .demo-route-nav{display:none}
@media(max-width:760px){.demo-header .demo-route-nav{gap:11px}.demo-route-picker>summary{font-size:11px;min-width:95px;padding:9px 12px;gap:8px}.demo-header .demo-route-nav>a.hub-return{font-size:11px;gap:5px}.demo-route-menu{width:187px}.voice-page .demo-shell{padding:0 20px}.voice-page .demo-header{height:75px;gap:12px;flex-wrap:nowrap;padding:0}.voice-page .demo-header>a>img{width:93px;height:auto}.voice-page .demo-intro{padding-top:25px}.app-header .brand.hub-brand img{width:19px;height:19px}.app-header .brand.hub-brand span{font-size:10px}.app-header .brand.hub-brand{gap:5px}.voice-page .demo-header .demo-route-nav{position:static;margin:0;width:auto}.voice-page .demo-header .demo-route-nav>a{padding:9px 0}.app-header{gap:8px}}
@media(max-width:420px){.demo-route-picker .full-label{display:none}.demo-route-picker .short-label{display:inline}.demo-route-picker>summary{min-width:75px}.app-header .header-actions>#upload-button{width:32px;min-height:32px;padding:7px}.app-header .header-actions>#upload-button>span{display:none}.app-header .header-actions>#upload-button svg{display:block;width:15px;height:15px}.app-header{grid-template-columns:auto 1fr auto}.app-header .app-title{justify-content:center}.app-header .brand.hub-brand span{font-size:10px}.app-header .brand.hub-brand img{display:none}.app-header .brand.hub-brand::before{content:'←';font-size:16px;color:#6d5178}.app-header .header-actions{gap:6px}}
@media(min-width:421px){.demo-route-picker .short-label{display:none}}
@media(max-width:360px){.demo-header .demo-route-nav{gap:9px}.demo-header{padding-left:16px;padding-right:16px}.voice-page .demo-shell{padding:0 16px}.demo-route-picker>summary{padding:8px 10px}.app-header{grid-template-columns:auto 1fr auto;gap:6px}.app-header .app-title .demo-pill{display:none}}

/* The claims workspace uses the same demo picker in its centered product title. */
.app-header .claim-demo-picker>summary{min-width:0;padding:9px 13px;gap:10px}.app-header .claim-demo-picker .demo-route-menu{left:50%;right:auto;transform:translateX(-50%)}.app-header .claim-demo-picker h1{margin:0}.app-header .claim-demo-picker .demo-pill{margin-left:2px}
@media(max-width:760px){.app-header .claim-demo-picker>summary{gap:7px;padding:8px 10px}.app-header .claim-demo-picker h1{font-size:17px}.app-header .claim-demo-picker .demo-pill{display:none}}
@media(max-width:420px){.app-header .claim-demo-picker .product-symbol{display:none}.app-header .claim-demo-picker>summary{gap:8px;padding:8px 9px}.app-header .claim-demo-picker h1{font-size:16px}.app-footer{flex-wrap:wrap}.app-footer>div{flex-wrap:wrap;row-gap:10px}}