.view-help-navigation{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.view-help-navigation>nav,.view-help-navigation>h1{flex:1;min-width:0}.view-help-open,.view-field-help{font:inherit;border:1px solid #97adc5;background:#fff;color:#123f72;border-radius:.4rem;cursor:pointer;min-height:max(44px,2.75rem);padding:.45rem .7rem}.view-help-open{margin-left:auto;white-space:normal}.view-field-help{min-width:max(44px,2.75rem);margin:.15rem .35rem;font-weight:700}.view-help-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(44vw,36rem);height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;border-left:2px solid #97adc5;background:#fff;color:#172f48;box-shadow:-.4rem 0 2rem #152e4930;overflow:hidden;box-sizing:border-box}.view-help-panel:popover-open{display:flex;flex-direction:column}.view-help-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.8rem;border-bottom:1px solid #cad5e2}.view-help-panel>header button{font:inherit;min-height:max(44px,2.75rem);padding:.5rem;border:1px solid #97adc5;border-radius:.4rem;background:#fff;color:#123f72}.view-help-panel>iframe{width:100%;flex:1;min-height:0;border:0}.view-help-document{margin:0;color:#172f48;background:#fff;font:1rem/1.6 system-ui,sans-serif;overflow-wrap:anywhere}.view-help-document main{padding:1rem}.view-help-document h1{font-size:1.45rem}.view-help-document h2{font-size:1.15rem}.view-help-document a{color:#06478e;text-decoration:underline}.view-help-document section{scroll-margin-top:1rem;border-top:1px solid #cad5e2;padding:.6rem 0 1.2rem}.view-help-document section:target{background:#fff1b7;outline:2px solid #8d6500;outline-offset:.2rem}.view-help-document label{display:block;font-weight:700}.view-help-search{display:flex;gap:.4rem;flex-wrap:wrap}.view-help-search input{min-width:0;flex:1;width:12rem}.view-help-search input,.view-help-search button{font:inherit;padding:.6rem;border:1px solid #97adc5;border-radius:.3rem;box-sizing:border-box}.view-help-search button{color:#20334d;background:#fff}.view-help-document :focus-visible,.view-help-open:focus-visible,.view-field-help:focus-visible,.view-help-panel button:focus-visible{outline:3px solid #b36b00;outline-offset:3px}.view-help-document nav ul{padding-left:1.4rem}.view-help-document nav li{margin:.4rem 0}@media(max-width:850px){.view-help-panel{width:100vw;border-left:0}.view-help-navigation>.view-help-open{margin-left:0}.view-help-navigation{align-items:flex-start}}
.view-help-field-wrapper{display:flex;align-items:center;gap:.3rem;min-width:0}.view-help-field-wrapper>label{flex:1;min-width:0}.view-help-field-wrapper>.view-field-help{flex:0 0 auto;margin:.15rem 0}.view-help-field-wrapper label input:not([type=checkbox]):not([type=radio]),.view-help-field-wrapper label select{max-width:100%;box-sizing:border-box}
/* Keep the import tabs readable when the page help needs its own row. */
@media(max-width:650px){.view-help-navigation:has(>nav[aria-label="Importzentrale"]){flex-direction:column;align-items:stretch}.view-help-navigation>nav[aria-label="Importzentrale"]{flex:none;width:100%;box-sizing:border-box;margin-bottom:0}.view-help-navigation>nav[aria-label="Importzentrale"] .section-navigation__item{white-space:normal;overflow-wrap:anywhere}.view-help-navigation:has(>nav[aria-label="Importzentrale"])>.view-help-open{align-self:flex-end;margin:0 0 .75rem}}
@media(max-width:600px){
 .view-help-navigation:has(>h1){flex-direction:column;align-items:stretch}
 .view-help-navigation>h1{flex:auto;width:100%}
 .view-help-navigation:has(>h1)>.view-help-open{align-self:flex-start;margin:0}
}
/* Use the available layout width; 100vw includes desktop scrollbar space. */
@media(max-width:850px){.view-help-panel{inset:0;width:auto;max-width:100%;margin:0}}
/* Fleet tabs keep their full labels; page help follows on its own right-aligned row. */
@media(max-width:650px){
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;overflow:visible;box-sizing:border-box;margin-bottom:0}
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]>.section-navigation__item{flex:0 0 auto;max-width:100%;white-space:normal;overflow-wrap:normal}
 .view-help-navigation>nav[aria-label="Fuhrparkbereiche"]~.view-help-open{flex:0 0 auto;margin-left:auto}
}