/* Demo disclosure follows the header theme; product demos remain unavailable. */
.nav-demo{position:relative;min-width:0}
#nav-demo .demo-menu-toggle{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:12px 0;border:0;background:none;color:#bdc8d9;font:inherit;font-size:16px;line-height:inherit;text-align:left;cursor:pointer}
#nav-demo .demo-menu-chevron{width:14px;height:14px;flex:none;transition:transform .2s}
#nav-demo .demo-menu-toggle[aria-expanded=true] .demo-menu-chevron{transform:rotate(180deg)}
#nav-demo .demo-menu-toggle:after{content:"";position:absolute;inset:auto 0 4px;height:1px;background:#91b0ff;transform:scaleX(0);transition:transform .25s;transform-origin:left}
#nav-demo .demo-menu-toggle:hover,#nav-demo .demo-menu-toggle[aria-expanded=true]{color:#a8c7ff}
#nav-demo .demo-menu-toggle:hover:after,#nav-demo .demo-menu-toggle[aria-expanded=true]:after{transform:scaleX(1)}
.site-header.on-light-surface #nav-demo .demo-menu-toggle{color:#334155}
.site-header.on-light-surface #nav-demo .demo-menu-toggle:hover,.site-header.on-light-surface #nav-demo .demo-menu-toggle[aria-expanded=true]{color:var(--brand-blue)}
.site-header.on-light-surface #nav-demo .demo-menu-toggle:after{background:var(--brand-blue)}
#nav-demo .demo-menu{position:absolute;top:100%;left:0;right:0;z-index:10;width:100%;border-top:1px solid #283a56;border-bottom:1px solid #283a56;background:#0d1b31;box-shadow:0 18px 32px #02081738;color:#eff5ff}
#nav-demo .demo-menu[hidden]{display:none}
#nav-demo .demo-menu-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1200px,calc(100% - 112px));min-height:256px;padding-block:52px 48px}
#nav-demo .demo-menu .demo-entry{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-width:0;min-height:44px;margin:0;padding:12px 28px;border:0;border-left:1px solid #2b3d58;border-radius:0;background:transparent;color:#eff5ff;font:inherit;text-align:left;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .2s,color .2s}
#nav-demo .demo-menu .demo-entry:first-child{border-left:0}
#nav-demo .demo-menu .demo-entry:after{content:none}
#nav-demo .demo-entry-icon{width:28px;height:28px;flex:none;color:#9abfff;margin-bottom:4px}
#nav-demo .demo-entry-title{display:block;font-size:19px;font-weight:600;line-height:1.5;color:#eff5ff}
#nav-demo .demo-external-icon{display:inline-block;width:14px;height:14px;margin-left:7px;vertical-align:-1px}
#nav-demo .demo-entry:not([href]) .demo-external-icon{display:none}
#nav-demo .demo-entry-description{display:block;font-size:16px;line-height:1.7;color:#bdcce1}
#nav-demo .demo-entry-access{display:block;margin-top:-6px;font-size:14px;line-height:1.6;color:#a9bcd5}
#nav-demo .demo-menu .demo-entry:hover{background:#152c49;color:#b9d5ff}
#nav-demo .demo-entry:hover .demo-entry-title{color:#b9d5ff}
#nav-demo .demo-menu-toggle:focus-visible,#nav-demo .demo-entry:focus-visible{outline:2px solid #a3bdff;outline-offset:3px}
.site-header.on-light-surface #nav-demo .demo-menu-toggle:focus-visible{outline-color:#2854d9}
/* Reuse the header surface state without changing disclosure layout or behavior. */
.site-header.on-light-surface #nav-demo .demo-menu{background:#fff;border-color:#dce4ef;color:#172e53;box-shadow:0 18px 32px #16345918}
.site-header.on-light-surface #nav-demo .demo-menu .demo-entry{border-color:#dce4ef;color:#172e53}
.site-header.on-light-surface #nav-demo .demo-entry-title{color:#172e53}
.site-header.on-light-surface #nav-demo .demo-entry-description{color:#4d627b}
.site-header.on-light-surface #nav-demo .demo-entry-access{color:#526780}
.site-header.on-light-surface #nav-demo .demo-entry-icon{color:var(--brand-blue)}
.site-header.on-light-surface #nav-demo .demo-menu .demo-entry:hover{background:#eef4fc;color:var(--brand-blue)}
.site-header.on-light-surface #nav-demo .demo-entry:hover .demo-entry-title{color:var(--brand-blue)}
.site-header.on-light-surface #nav-demo .demo-entry:focus-visible{outline-color:var(--brand-blue)}
@media(min-width:801px){.nav-demo{position:static}.header-actions{display:none}.main-nav{margin-right:0}}
@media(max-width:1100px) and (min-width:801px){#nav-demo .demo-menu-inner{width:calc(100% - 80px)}#nav-demo .demo-menu .demo-entry{padding-inline:20px}}
@media(max-width:800px){
  #nav-demo .demo-menu-toggle{width:100%;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.6}
  #nav-demo .demo-menu-toggle:after{content:none}
  #nav-demo .demo-menu{position:relative;top:auto;left:auto;right:auto;width:100%;margin:0;border:0;box-shadow:none}
  #nav-demo .demo-menu-inner{grid-template-columns:minmax(0,1fr);width:100%;min-height:0;padding-block:8px}
  #nav-demo .demo-menu .demo-entry{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;justify-content:normal;padding:16px;gap:4px 12px;border-left:0;border-top:1px solid #2b3d58}
  #nav-demo .demo-menu .demo-entry:first-child{border-top:0}
  #nav-demo .demo-entry-icon{grid-column:1;grid-row:1/3;width:24px;height:24px;margin:2px 0 0}
  #nav-demo .demo-entry-title{grid-column:2;font-size:18px}
  #nav-demo .demo-entry-description{grid-column:2;font-size:16px}
  #nav-demo .demo-entry-access{grid-column:2;margin-top:0}
}
@media(prefers-reduced-motion:reduce){#nav-demo .demo-menu-chevron,#nav-demo .demo-menu-toggle:after,#nav-demo .demo-entry{transition:none}}

/* A live status message without shifting the navigation or page content. */
.site-notice{position:fixed;top:var(--header-offset,88px);left:50%;transform:translateX(-50%);z-index:200;max-width:calc(100vw - 40px);padding:12px 20px;border:1px solid #344c6b;border-radius:10px;background:#0d1b31;color:#eff5ff;box-shadow:0 8px 28px #02081740;font-size:16px;line-height:1.5;text-align:center;overflow-wrap:anywhere;pointer-events:none}
.site-notice:empty{display:none}