/*! NBC v7.560 · ERP Anbieterprobe full-rail geometry */
@media (min-width:981px){
  html body #erp-belastungsprobe .ec-model{
    --ec-provider-col:0px!important;--ec-provider-pad-left:0px!important;--ec-provider-pad-right:0px!important;
    --ec-provider-gap:0px!important;--ec-lane-start:0px!important;--ec-lane-end:0px!important;
    --ec-semantic-safe-right:clamp(58px,4vw,66px)!important;
  }
  html body #erp-belastungsprobe .ec-axis-row{display:block!important;width:100%!important;min-width:0!important;padding-inline:0!important;}
  html body #erp-belastungsprobe .ec-axis-meta{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;padding:0 2px 8px!important;}
  html body #erp-belastungsprobe .ec-axis-row .ec-global-stations{width:calc(100% - var(--ec-semantic-safe-right))!important;margin-left:0!important;justify-self:start!important;}
  html body #erp-belastungsprobe .ec-provider--rail,
  html body #erp-belastungsprobe .ec-provider--rail[data-has-evidence-ribbon="true"]{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;
    align-items:stretch!important;padding:9px 0 11px!important;
  }
  html body #erp-belastungsprobe .ec-provider-meta--rail{width:100%!important;min-height:34px!important;padding:0 2px!important;align-self:auto!important;}
  html body #erp-belastungsprobe .ec-provider-switch{width:auto!important;max-width:min(100%,420px)!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;padding:3px 2px!important;}
  html body #erp-belastungsprobe .ec-provider-rail-name{display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important;}
  html body #erp-belastungsprobe .ec-provider-rail-name strong,
  html body #erp-belastungsprobe .ec-provider-rail-name small{white-space:normal!important;}
  html body #erp-belastungsprobe .ec-provider-rail-name small{font-size:10px!important;}
  html body #erp-belastungsprobe .ec-lane-shell.ec-lane-shell--compact,
  html body #erp-belastungsprobe .ec-provider--rail[data-has-evidence-ribbon="true"] .ec-lane-shell--compact{
    grid-column:1!important;width:calc(100% - var(--ec-semantic-safe-right))!important;max-width:calc(100% - var(--ec-semantic-safe-right))!important;
    margin:0!important;justify-self:start!important;
  }
  html body #erp-belastungsprobe .ec-providers--rails > .ec-editor--between,
  html body #erp-belastungsprobe .ec-providers--rails > .ec-editor--inline{
    width:calc(100% - var(--ec-semantic-safe-right))!important;margin-left:0!important;margin-right:var(--ec-semantic-safe-right)!important;
  }
  html body #erp-belastungsprobe .ec-model[data-probe-running="true"] .ec-provider--rail{opacity:1!important;}
  html body #erp-belastungsprobe .ec-model[data-probe-running="true"] .ec-lane-shell--compact{border-color:rgba(184,230,198,.18)!important;}
}
/* Edge station labels keep their semantic centres while staying inside the shared process rail. */
@media (min-width:981px){
  html body #erp-belastungsprobe .ec-global-station:first-child,
  html body #erp-belastungsprobe .ec-global-station:last-child{
    width:min(120px,10.5%)!important;
  }
}

/* v7.560 tablet contract: the renderer switches to the mobile route below 981px,
   therefore the CSS must expose that same route throughout the identical range. */
@media (min-width:761px) and (max-width:980px){
  html body #erp-belastungsprobe .ec-lane-shell--compact,
  html body #erp-belastungsprobe .ec-provider--rail[data-has-evidence-ribbon="true"] .ec-lane-shell--compact{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body #erp-belastungsprobe .ec-lane-shell--compact .ec-lane-svg--desktop{display:none!important;}
  html body #erp-belastungsprobe .ec-lane-shell--compact .ec-lane-svg--mobile{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:320/152!important;
    overflow:visible!important;
  }
}

/* v7.561 · station-axis readability across mobile/tablet and narrow desktop */
@media (max-width:980px){
  html body #erp-belastungsprobe .ec-global-station,
  html body #erp-belastungsprobe .ec-global-station[data-distance="1"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="2"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="3"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="4"]{
    width:clamp(64px,14vw,116px)!important;
    min-height:58px!important;
    padding:5px 3px!important;
  }
  html body #erp-belastungsprobe .ec-global-station strong{
    display:block!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
    font-size:clamp(9px,1.18vw,10px)!important;
    line-height:1.08!important;
  }
}
@media (max-width:760px){
  html body #erp-belastungsprobe .ec-global-station,
  html body #erp-belastungsprobe .ec-global-station[data-distance="1"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="2"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="3"],
  html body #erp-belastungsprobe .ec-global-station[data-distance="4"]{
    width:64px!important;
    min-height:60px!important;
  }
  html body #erp-belastungsprobe .ec-global-station strong{
    font-size:9px!important;
    line-height:1.05!important;
  }
}
@media (min-width:981px) and (max-width:1100px){
  html body #erp-belastungsprobe .ec-global-station:first-child,
  html body #erp-belastungsprobe .ec-global-station:last-child{
    width:140px!important;
  }
}