/* Sector page · AI under the rules (ink) — use-case tabs (JS), each case: intro + a guarded-run console. */
.ind-sx-ai{overflow:hidden}
.ind-sx-ai__dots{position:absolute;inset:0;pointer-events:none;opacity:.7;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%,#000 60%,transparent 100%)}
.ind-sx-ai .wrap{position:relative}

.ind-sx-ai__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-bottom:clamp(32px,3.6vw,48px);border-bottom:1px solid var(--on-ink-line)}
.ind-sx-ai__tabs[hidden]{display:none}
.ind-sx-ai__tabs [role="tab"]{display:flex;align-items:baseline;gap:12px;min-height:64px;padding:18px 18px 16px;margin-bottom:-1px;border-bottom:2px solid transparent;text-align:left;color:var(--on-ink-3);
  transition:color var(--d1) var(--e-io),background var(--d1) var(--e-io),border-color var(--d2) var(--e)}
.ind-sx-ai__tabs [role="tab"]:hover{color:var(--on-ink)}
.ind-sx-ai__tabs [role="tab"][aria-selected="true"]{color:var(--on-ink);background:var(--on-ink-card);border-bottom-color:var(--blue)}
.ind-sx-ai__tn{flex:none;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.08em;color:var(--blue)}
.ind-sx-ai__tt{font-family:var(--f-h);font-size:1.0625rem;font-weight:500;line-height:1.3}

.ind-sx-ai__case{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--bdh-gap-l);align-items:start}
.ind-sx-ai__pane+.ind-sx-ai__pane{margin-top:clamp(48px,5vw,80px)}
.ind-sx-ai__app.is-tabs .ind-sx-ai__pane+.ind-sx-ai__pane{margin-top:0}
.ind-sx-ai__pane[hidden]{display:none}
.ind-sx-ai__pane:focus-visible{outline:2px solid var(--blue);outline-offset:8px;border-radius:var(--r-sm)}
.ind-sx-ai__n{font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3)}
.ind-sx-ai__t{margin-top:12px;font-family:var(--f-h);font-size:clamp(1.45rem,2.3vw,2rem);font-weight:500;line-height:1.14;letter-spacing:-.02em;color:var(--on-ink)}
.ind-sx-ai__measure,.ind-sx-ai__risk{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:14px;border-top:1px solid var(--on-ink-line);font-size:var(--t-sm);line-height:1.5;color:var(--on-ink)}
.ind-sx-ai__risk{margin-top:14px}
.ind-sx-ai__measure span,.ind-sx-ai__risk span{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-3)}

.ind-sx-ai__run{border-radius:var(--r-xl)}
.ind-sx-ai__run .bdh-ui__bar{height:48px;padding:0 18px}
.ind-sx-ai__path{min-width:0;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.06em;color:var(--on-ink-2);text-transform:none}
.ind-sx-ai__state{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink)}
.ind-sx-ai__steps{padding:6px 0}
.ind-sx-ai__step{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:17px 20px;border-bottom:1px solid var(--on-ink-line)}
.ind-sx-ai__k{padding-top:3px;font-family:var(--f);font-size:var(--t-lbl);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-3)}
.ind-sx-ai__v{font-size:var(--t-sm);line-height:1.62;color:var(--on-ink)}
.ind-sx-ai__step.is-guard{background:var(--on-ink-card)}
.ind-sx-ai__step.is-guard .ind-sx-ai__k{color:var(--blue)}
.ind-sx-ai__foot{display:flex;align-items:center;gap:10px;padding:15px 20px;font-family:var(--f);font-size:var(--t-xs);line-height:1.5;color:var(--on-ink-2)}
.ind-sx-ai__ok{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border-radius:50%;background:var(--blue);color:var(--on-ink);font-size:var(--t-lbl);line-height:1}
.ind-sx-ai__replay{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:22px;padding:0 18px;border:1px solid var(--on-ink-line);border-radius:var(--r-pill);
  font-size:var(--t-sm);font-weight:500;color:var(--on-ink);transition:border-color var(--d1) var(--e-io)}
.ind-sx-ai__replay:hover{border-color:var(--blue)}
.ind-sx-ai__replay[hidden]{display:none}

/* the replay: steps appear in order (JS sets .is-run on the case, .is-shown on each step) */
.ind-sx-ai__case.is-run .ind-sx-ai__step{opacity:.18;transition:opacity .45s var(--e)}
.ind-sx-ai__case.is-run .ind-sx-ai__step.is-shown{opacity:1}

@media (max-width:1023px){
  .ind-sx-ai__case{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:860px){
  .ind-sx-ai__tabs{grid-auto-flow:row;grid-auto-columns:auto}
  .ind-sx-ai__tabs [role="tab"]{min-height:52px;padding:14px 4px;border-bottom:1px solid var(--on-ink-line);margin-bottom:0}
  .ind-sx-ai__tabs [role="tab"][aria-selected="true"]{padding-left:12px;border-bottom-color:var(--blue)}
}
@media (max-width:600px){
  .ind-sx-ai__path{display:none}
  .ind-sx-ai__step{grid-template-columns:minmax(0,1fr);gap:6px;padding:15px 16px}
  .ind-sx-ai__foot{padding:14px 16px}
  .ind-sx-ai__replay{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.ind-sx-ai__case.is-run .ind-sx-ai__step{opacity:1;transition:none}}