/* One persistent header; the navigation alone scrolls horizontally. */
:root{--app-header-height:165px}
html{scroll-padding-top:calc(var(--app-header-height) + 16px)}
.workspace-chrome{position:sticky;top:0;z-index:10;overflow:visible;background:#fff;box-shadow:0 2px 8px #14344b0b}
.workspace-chrome .brand{color:inherit;text-decoration:none;width:fit-content;max-width:100%;border-radius:4px}
.workspace-chrome .brand:hover{text-decoration:none}
.workspace-chrome .brand:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.workspace-chrome .workspace-nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin;overscroll-behavior-x:contain}
.workspace-chrome .nav-item{flex-shrink:0;white-space:nowrap}
#market-workspace,#dashboard-alerts,.m-task[id]{scroll-margin-top:16px}
.m-hypothesis-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;margin:16px 0 24px}
.m-hypothesis-actions .m-link{display:inline-block;text-align:left;line-height:1.5;white-space:normal;padding:6px 0;margin:0}
@media(min-width:881px){.m-detail{top:calc(var(--app-header-height) + 18px)}}
@media(min-width:1200px){.b-helper-panel{top:calc(var(--app-header-height) + 12px)}}
@media(max-width:600px){
 .workspace-chrome .topbar{min-height:0;padding:10px 16px;gap:9px}
 .workspace-chrome .brand{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center}
 .workspace-chrome .brand .company-logo{grid-column:1;grid-row:1/3;width:104px;height:auto;margin:0}
 .workspace-chrome .brand>span{grid-column:2;font-size:11px}
 .workspace-chrome .brand>small{grid-column:2;font-size:10px}
 .workspace-chrome .header-actions{gap:4px 12px}
 .workspace-chrome .workspace-nav .nav-item{padding-top:11px;padding-bottom:10px}
 .m-hypothesis-actions{align-items:flex-start;gap:8px 20px}
}
@media print{.workspace-chrome{display:none!important}html{scroll-padding-top:0}.m-detail{top:auto}}