/* Shared responsive shell for every generated section navigation. */
html,body{max-width:100%}
.wrap{width:100%;min-width:0}
.tablebox,.tablewrap{max-width:100%;overflow-x:auto}
nav[aria-label="Sections"]{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}
nav[aria-label="Sections"]::-webkit-scrollbar{height:6px}
nav[aria-label="Sections"]::-webkit-scrollbar-track{background:transparent}
nav[aria-label="Sections"]::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}
nav[aria-label="Sections"]:focus-visible{outline:2px solid var(--action-warn);outline-offset:2px}
nav[aria-label="Sections"] a:focus-visible{outline:2px solid var(--action-warn);outline-offset:-2px}
@media(max-width:900px){
  header nav[aria-label="Sections"]{width:100%;max-width:100%;min-width:0;flex:1 0 100%;order:3;margin-left:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:4px;overscroll-behavior-x:contain}
  nav[aria-label="Sections"] a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:430px){
  .wrap{padding-left:12px;padding-right:12px}
  header>*{min-width:0}
  #quickFilters.qf{max-width:100%;min-width:0;flex-wrap:wrap}
}