.g396-site-nav{box-sizing:border-box;min-height:48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:4px clamp(16px,3vw,40px);border-bottom:1px solid #383838;background:#101010;color:#f2f2ed;font:13px/1.4 Arial,Helvetica,sans-serif;position:relative;z-index:20}.g396-site-nav *{box-sizing:border-box}.g396-site-nav a,.g396-site-nav button{display:inline-flex;min-height:40px;align-items:center;padding:7px 10px;color:inherit;text-decoration:none;border:1px solid transparent;border-radius:7px;background:transparent;font:inherit;cursor:pointer}.g396-site-nav a:hover,.g396-site-nav button:hover{background:#242424;border-color:#444}.g396-site-nav a:focus-visible,.g396-site-nav button:focus-visible{outline:3px solid #fea403;outline-offset:2px}.g396-site-nav .g396-home{font-weight:700;color:#fea403}.g396-site-nav .g396-trail{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.g396-site-nav .g396-current{color:#b8b8b0}.g396-site-nav [hidden]{display:none!important}.g396-site-nav .g396-session{display:flex;align-items:center;gap:8px}.g396-nav-error{color:#ffb9a9;font-size:12px;max-width:300px}.g396-site-nav button:disabled{opacity:.6;cursor:wait}@media(max-width:480px){.g396-site-nav{font-size:12px;padding:4px 8px;gap:0}.g396-site-nav .g396-trail{gap:0}.g396-site-nav .g396-current{padding:0 8px}.g396-site-nav a,.g396-site-nav button{min-height:44px;padding:8px}}@media print{.g396-site-nav{display:none!important}}

/* The configurator uses fixed screens: reserve a separate row for site navigation. */
body[data-g396-app="configurator"] .g396-site-nav{position:fixed;top:0;left:0;right:0;height:48px;min-height:48px;flex-wrap:nowrap;z-index:90}
body[data-g396-app="configurator"]>header{top:48px}
body[data-g396-app="configurator"] .screen{top:48px}
body[data-g396-app="configurator"] #canvasCtl{top:128px}
body[data-g396-app="configurator"] #axisGizmo{top:176px}
@media(min-width:901px){body[data-g396-app="configurator"] aside{top:128px}}
@media(max-width:900px){body[data-g396-app="configurator"] #canvasCtl{top:120px}body[data-g396-app="configurator"] #axisGizmo{top:164px}}