header{display:flex;height:68px;min-height:68px;flex-wrap:nowrap;gap:18px;padding:0 24px;align-items:center}
header>.brand{width:auto;flex:0 0 auto;margin:0 22px 0 0;order:0;grid-area:auto;font-size:24px}
header>.disciplines{order:1;flex:0 0 auto;grid-area:auto;height:68px;width:auto;margin:0;gap:24px}
header>#language-menu{order:2;margin:0 0 0 auto;grid-area:auto}
header>#project-menu{order:3;margin:0;grid-area:auto}
header>#member-menu{order:4;margin:0;grid-area:auto}
#electrical-menu>summary{height:68px}
.sidebar{top:68px}
@media(min-width:701px){
 .sidebar{overflow:hidden}
 .sidebar>.sidebar-label,.sidebar>.discipline-label,.sidebar>.sidebar-foot{flex-shrink:0}
 .sidebar>.side-tools{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--subtle, #94a3b8) transparent;padding:3px 5px 3px 3px}
 .sidebar>.side-tools::-webkit-scrollbar{width:6px}
 .sidebar>.side-tools::-webkit-scrollbar-thumb{background:var(--subtle, #94a3b8);border-radius:6px}
 .sidebar>.side-tools:focus-visible{outline-offset:-3px}
}
#discipline-toggle{display:none}
.header-icon{display:block;flex-shrink:0}
.member-panel{max-height:calc(100dvh - 92px)}
@media(max-width:1200px){
 header{gap:12px;padding:0 20px}
 header>.brand{font-size:23px;margin-right:12px}
 header>.disciplines{gap:20px}
 #language-menu>summary>span,#project-menu>summary>.header-control-label,#member-menu>summary>.header-control-label{display:none}
 #language-menu>summary,#project-menu>summary,#member-menu>summary{height:38px;width:40px;min-width:40px;display:flex;align-items:center;justify-content:center;padding:8px;gap:0}
 #language-menu>summary .language-chevron,.header-chevron{display:none}
 #language-menu>summary img{width:24px;height:16px}
 #language-menu .language-options{right:0;min-width:215px}
 header .member-panel,#project-menu .member-panel{top:calc(100% + 14px)}
}
@media(min-width:701px) and (max-width:1000px){
 header>.disciplines{gap:20px}
 .disciplines .future-discipline small{display:none}
}
@media(max-width:700px){
 header{gap:9px;padding:0 14px}
 header>.brand{font-size:22px;margin-right:2px}
 #discipline-toggle{display:flex;align-items:center;justify-content:center;height:36px;width:36px;padding:8px;background:transparent;border:1px solid var(--brand, #0369a1);color:var(--tint, #f0f9ff);order:1;flex-shrink:0}
 #discipline-toggle>span{display:none}
 header>#discipline-navigation{display:none;position:absolute;top:68px;left:14px;width:300px;max-width:calc(100vw - 28px);height:auto;max-height:calc(100dvh - 90px);overflow-y:auto;flex-direction:column;align-items:stretch;background:var(--surface, #fff);color:var(--ink, #0c4a6e);border:1px solid var(--line-soft, #e0f2fe);border-radius:0 0 9px 9px;box-shadow:0 14px 40px #0c4a6e26;padding:12px;gap:0}
 header>#discipline-navigation[data-open="true"]{display:flex}
 #discipline-navigation #electrical-menu{height:auto;display:block;width:100%}
 #discipline-navigation #electrical-menu>summary{height:40px;padding:8px 12px;border:0;justify-content:space-between}
 #discipline-navigation .tool-menu{position:static;width:100%;max-width:none;box-shadow:none;border:0;padding:0 0 8px;background:var(--canvas, #f8fafc);border-radius:6px}
 #discipline-navigation .tool-menu p{display:none}
 #discipline-navigation .future-discipline{padding:12px;color:var(--muted, #64748b);display:flex;flex-direction:row;justify-content:space-between;font-size:12px}
 #discipline-navigation .future-discipline small{display:inline-block;border-color:var(--line-soft, #e0f2fe);color:var(--muted, #64748b);white-space:nowrap}
 #language-menu>summary,#project-menu>summary,#member-menu>summary{height:36px;width:38px;min-width:38px}
 header .member-panel,#project-menu .member-panel{position:fixed;top:76px;left:14px;right:14px;width:auto;max-width:none;max-height:calc(100dvh - 90px)}
}
@media(max-width:360px){
 header{gap:6px;padding:0 10px}
 header>.brand{font-size:19px;margin-right:0}
 #language-menu>summary,#project-menu>summary,#member-menu>summary{width:34px;min-width:34px;padding:6px}
 #discipline-toggle{width:32px;padding:6px}
}
