@media screen{
.chart-menu-bar[hidden]{display:none}
.chart-menu-bar{display:flex;justify-content:flex-end;margin-bottom:12px}
.chart-menu-toggle{border:1px solid #819b8c;border-radius:8px;background:#fff;color:#214d3c;font:600 13px/1.4 Arial,sans-serif;padding:9px 14px;cursor:pointer;white-space:nowrap}
.chart-menu-toggle:focus-visible{outline:3px solid #c79634;outline-offset:3px}
#fixedControls header .chart-menu-toggle{background:#fff;color:#214d3c;margin-inline-start:auto}
#fixedControls header .chart-menu-toggle:hover:not(:disabled){background:#e5f0e9;color:#214d3c}
#fixedControls header h1 span,#fixedControls header a span{display:inline}
#fixedControls.chart-tools-hidden>:not(.chart-menu-persistent),#branchSelector.chart-tools-hidden>:not(.chart-menu-persistent){display:none!important}
html #branchSelector.chart-menu-active{padding:var(--main-chart-controls-space,52px) 0 0!important}
html #branchSelector.chart-menu-active>.chart-menu-bar{position:fixed;top:72px;right:24px;z-index:10001;margin:0}
html #branchSelector.chart-menu-active>:not(.chart-menu-persistent):not(#branchList){display:none!important}
html #branchSelector.chart-menu-active #branchList{padding:0!important}
html #branchSelector.chart-menu-active #branchList>div:has(.tree-nav-safe){top:116px!important;max-height:calc(100dvh - 128px)!important;overflow:auto!important;box-sizing:border-box}
@media(max-width:760px){html #branchSelector.chart-menu-active>.chart-menu-bar{top:70px;right:12px}}
/* Viewing mode keeps the chart prominent; print headings are untouched. */
html[data-chart-tools-hidden]:has(#fixedControls) #chartSummary,html[data-chart-tools-hidden]:has(#fixedControls) #geometryStatus,html[data-chart-tools-hidden]:has(#fixedControls) #status{display:none!important}
html[data-chart-tools-hidden] #workspace{height:var(--chart-visible-height,85vh)}
}
@media print{.chart-menu-toggle,.chart-menu-bar{display:none!important}}