.demo-pill{box-sizing:border-box;border:1px solid var(--office-lavender,#d9ccff);background:var(--office-cream,#fff7ec);color:var(--office-navy,#4a5a7a);white-space:nowrap;border-radius:999px;align-self:center;margin:0;padding:2px 10px;font:600 12px/1.5 system-ui,sans-serif;display:inline-block}.demo-pill-fixed{z-index:110;max-width:calc(100vw - 24px);box-shadow:var(--office-plate-shadow,0 2px 8px #7c88a659);white-space:normal;overflow-wrap:anywhere;padding:4px 12px;position:fixed;bottom:12px;right:12px}.demo-pill a{color:inherit;text-underline-offset:2px}.demo-pill a:focus-visible{outline:2px solid var(--office-navy,#4a5a7a);outline-offset:2px}
.site-nav{box-sizing:border-box;background:var(--office-navy,#4a5a7a);max-width:100%;min-height:40px;color:var(--office-cream,#fff7ec);flex:none;align-items:stretch;gap:16px;padding:0 16px;font:13px/1.3 Avenir,Segoe UI,system-ui,sans-serif;display:flex}.site-nav *{box-sizing:border-box}.site-nav a{height:40px;color:inherit;white-space:nowrap;align-items:center;padding:0 10px;text-decoration:none;display:flex}.site-nav .site-nav-brand{flex-shrink:0;padding:0;font-size:15px;font-weight:700}.site-nav ul{scrollbar-width:none;flex:1;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.site-nav ul::-webkit-scrollbar{display:none}.site-nav li{flex-shrink:0}.site-nav-note{flex:none;align-items:center;display:flex}.site-nav .site-nav-real{flex-shrink:0;font-size:12px}.site-nav a:hover{color:var(--office-peach,#f6d3b8);text-underline-offset:4px;text-decoration:underline}.site-nav a[aria-current=page]{color:var(--office-peach,#f6d3b8);box-shadow:inset 0 -2px var(--office-peach,#f6d3b8)}.site-nav a:focus-visible{outline:2px solid var(--office-cream,#fff7ec);outline-offset:-3px}@media (max-width:760px){.site-nav{flex-wrap:wrap;gap:0 10px;padding:0 12px}.site-nav a{min-height:40px;padding:0 8px}.site-nav-note{flex-basis:100%;order:1;padding-bottom:8px}.site-nav .demo-pill{white-space:normal}}