/* Shared navigation chrome for both learning workspaces. */
:is(.site-header,.od-site-header){font-family:'Segoe UI',Arial,sans-serif;font-synthesis:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;height:auto;padding:12px max(24px,calc((100vw - 1540px)/2));background:#202832;color:#fff;border:0;border-bottom:3px solid #0865cf;position:relative;z-index:20;line-height:1.4}
:is(.site-header,.od-site-header) :is(.brand,.od-brand){font-family:inherit;color:#fff;text-decoration:none;white-space:nowrap;font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.3}
:is(.site-header,.od-site-header) :is(.brand,.od-brand)>span{display:inline;font-family:inherit;color:#c9d5df;font-size:10px;font-weight:600;letter-spacing:1.1px;margin:0 0 0 10px;line-height:1.4}
:is(.site-header,.od-site-header) .header-route{font:12px/1.4 'Segoe UI',Arial,sans-serif;color:#b9cada}
:is(.site-header,.od-site-header)>.workspace-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 0 auto;min-width:0}
:is(.site-header,.od-site-header) .workspace-menu{font-family:inherit}
:is(.site-header,.od-site-header) .workspace-menu>summary{min-height:38px;display:flex;align-items:center;padding:8px;gap:8px;color:#fff;font-size:13px;font-weight:600;line-height:1.4}
:is(.site-header,.od-site-header)>.workspace-header-actions>button{font:600 13px/1.4 'Segoe UI',Arial,sans-serif;min-height:38px;padding:8px 12px;border:1px solid #486074;border-radius:3px;background:#243f55;color:#fff;white-space:nowrap;cursor:pointer}
:is(.site-header,.od-site-header)>.workspace-header-actions>button:hover{background:#31516c;border-color:#7d9bb2}
:is(.site-header,.od-site-header)>.workspace-header-actions>button:is([data-open-glossary],[data-open-optical-glossary],#od-glossary,#optical-open-glossary){background:#0865cf;border-color:#0865cf;color:#fff}
:is(.site-header,.od-site-header)>.workspace-header-actions>button:is([data-open-glossary],[data-open-optical-glossary],#od-glossary,#optical-open-glossary):hover{background:#0758b6;border-color:#0758b6}
:is(.site-header,.od-site-header) .workspace-menu>nav{font-family:'Segoe UI',Arial,sans-serif;color:#e5edf2}
:is(.site-header,.od-site-header) :is(button,summary,a):focus-visible{outline:3px solid #e3a22b;outline-offset:3px}
@media(max-width:1050px){:is(.site-header,.od-site-header) .header-route{display:none}}
@media(max-width:720px){:is(.site-header,.od-site-header){padding:12px 16px;gap:10px;flex-wrap:wrap}:is(.site-header,.od-site-header) :is(.brand,.od-brand){font-size:21px}:is(.site-header,.od-site-header)>.workspace-header-actions{width:100%;justify-content:flex-start;margin:0;gap:8px}:is(.site-header,.od-site-header) .workspace-menu>summary{font-size:11.5px;min-height:36px;padding:7px 4px}:is(.site-header,.od-site-header)>.workspace-header-actions>button{font-size:11.5px;min-height:36px;padding:7px 9px}:is(.site-header,.od-site-header) .workspace-menu>nav{left:0;right:auto}}
@media print{.site-header,.od-site-header{display:none!important}}