/* ==========================================================================
   Industries — what the hub (/industries) and the sector pages (/industries/<slug>) share. Loaded by both, after
   brand/hub.css and tech/kit.css. Section styles: assets/css/industries/<id>.css (hub) and
   assets/css/industries/sector/<id>.css (sector pages). Page-level script: assets/js/industries/shared.js.
   core.css tokens only · no new colours · no gradients except mask fades · no !important.
   ========================================================================== */

.ind [id]{scroll-margin-top:calc(var(--nav-h) + 24px)}
.ind .bdh-head .h2{max-width:22ch}

/* wide tables: the right edge fades only while there is more to scroll to (assets/js/industries/shared.js sets .is-more) */
.ind-scroll.is-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),transparent)}

/* keep a short hyphenated word whole (ind_nw() wraps e-pharmacy, quick-commerce …) */
.ind-nw{white-space:nowrap}

/* ---------- level pips: three dots filled by level (1 sometimes · 2 often · 3 most of the work) ---------- */
.ind-pips{display:inline-flex;align-items:center;gap:4px;flex:none}
.ind-pips i{display:block;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line-3);background:var(--paper)}
.ind-pips.lv-1 i:first-child,
.ind-pips.lv-2 i:nth-child(-n+2){background:var(--ink);box-shadow:none}
.ind-pips.lv-3 i{background:var(--blue);box-shadow:none}
.band--ink .ind-pips i{background:transparent;box-shadow:inset 0 0 0 1px var(--on-ink-line)}
.band--ink .ind-pips.lv-1 i:first-child,
.band--ink .ind-pips.lv-2 i:nth-child(-n+2){background:var(--on-ink);box-shadow:none}
.band--ink .ind-pips.lv-3 i{background:var(--blue);box-shadow:none}

/* long lists folded on phones (assets/js/industries/shared.js): the first few items, then one "Show all" button */
[data-ind-fold-at]>li[hidden]{display:none}
.ind-fold{display:flex;justify-content:center;margin-top:22px}
.ind-fold[hidden]{display:none}
.ind-fold__btn{min-height:48px}