.demo-header{gap:20px;height:96px}.demo-header .logo{width:210px}.demo-header nav{display:flex;gap:20px;margin-left:auto;font-size:13px;white-space:nowrap}.demo-header nav a[aria-current=page]{color:var(--blue);border-bottom:1px solid var(--blue)}.menu-toggle{display:none}.demo-footer nav{display:flex;flex-direction:column;gap:8px}.demo-footer{align-items:start}.show-subnav{display:flex;align-items:center;justify-content:center;gap:30px;background:var(--light);padding:16px 24px;font-size:13px}.show-subnav span{font-size:12px;letter-spacing:1.4px;margin-right:20px;color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #d99c3b;outline-offset:4px}.external-mark{font-size:.85em}@media(max-width:1100px){.demo-header{gap:16px}.demo-header .logo{width:175px}.demo-header nav{gap:14px}.demo-header .team-button{font-size:12px;padding:12px}}@media(max-width:850px){.demo-header{height:auto;min-height:80px;display:flex;flex-wrap:wrap;padding:18px 22px;gap:14px}.demo-header .logo{width:170px}.menu-toggle{display:flex;margin-left:auto;align-items:center;gap:10px;padding:10px 12px;background:white;border:1px solid var(--line);color:var(--ink);font:14px Arial;cursor:pointer}.demo-header .team-button{display:none}.demo-header nav{display:none;width:100%;margin:0;flex-direction:column;gap:0;order:3;border-top:1px solid var(--line)}.demo-header nav.open{display:flex}.demo-header nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.demo-header nav a[aria-current=page]{font-weight:bold}.show-subnav{justify-content:flex-start;flex-wrap:wrap;gap:14px 22px;padding:15px 22px}.show-subnav span{width:100%;margin:0}.demo-footer nav{gap:12px}}
.demo-header nav .mobile-team-link{display:none}@media(max-width:850px){.demo-header nav .mobile-team-link{display:block}}
/* Mobile sweep, 5 Oct 2026: 44px tap targets */
@media(max-width:850px){
.show-subnav{row-gap:0;padding-top:8px;padding-bottom:8px}
.show-subnav a{display:inline-flex;align-items:center;min-height:44px}
.text-link{display:inline-flex;align-items:flex-end;min-height:44px;margin-top:4px}
.quick-info>a{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{min-height:44px}
.demo-header>a:first-child{display:inline-flex;align-items:center;min-height:44px}
select,input:not([type=hidden]),textarea{min-height:44px}
summary{padding:10px 0;min-height:44px}
.crumb a,.story-crumb a,.demo-footer a,footer a{display:inline-block;padding:12px 0}
.team-contact a{padding:9px 0}
.design-cards a,.pathways a{min-height:44px}
}