/* Widget « Avant / Après » */
.wt-ba__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 64px;flex-wrap:wrap;margin-bottom:40px}
.wt-ba__head .wt-overline{margin-bottom:16px}
body.wt-site .wt-ba__title{margin:0}
.wt-ba__tabs{display:flex;border:1px solid var(--wt-line-field);border-radius:var(--wt-radius-s);overflow:hidden;background:#fff;flex-wrap:wrap}
body.wt-site .wt-ba__tab{font-size:14px;font-weight:600;min-height:44px;padding:0 16px;border:0;background:#fff;color:var(--wt-ink);cursor:pointer}
body.wt-site .wt-ba__tab + .wt-ba__tab{border-left:1px solid var(--wt-line-field)}
body.wt-site .wt-ba__tab:hover{background:var(--wt-hover-ink)}
body.wt-site .wt-ba__tab[aria-selected="true"]{background:var(--wt-ink);color:#fff}
body.wt-site .wt-ba__tab:focus-visible{box-shadow:inset 0 0 0 2px var(--wt-blue)}
.wt-ba__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.wt-ba__col{background:#fff;border:1px solid var(--wt-line);border-radius:var(--wt-radius-m);padding:clamp(24px,3vw,36px)}
.wt-ba__col--after{border:2px solid var(--wt-blue);padding:calc(clamp(24px,3vw,36px) - 1px)}
.wt-ba__col-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:var(--wt-text-3)}
.wt-ba__col--after .wt-ba__col-head{color:var(--wt-blue)}
.wt-ba__col-title{font-family:var(--wt-font-title);font-weight:600;font-size:20px;color:var(--wt-ink)}
.wt-ba__col--after .wt-ba__col-title{color:var(--wt-blue)}
.wt-ba__steps{list-style:none;display:grid}
.wt-ba__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;position:relative}
.wt-ba__step::before{content:"";position:absolute;left:15.25px;top:32px;bottom:0;width:1.5px;background:var(--wt-line)}
.wt-ba__step.is-last::before{display:none}
.wt-ba__dot{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--wt-line-field);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--wt-text-2);background:#fff;position:relative;z-index:1}
.wt-ba__col--after .wt-ba__dot{background:var(--wt-blue);border-color:var(--wt-blue);color:#fff}
.wt-ba__step > div{padding:4px 0 20px}
.wt-ba__step.is-last > div{padding-bottom:4px}
.wt-ba__step-title{font-weight:600;font-size:15px;line-height:1.5}
.wt-ba__step-text{font-size:14px;line-height:1.45;color:var(--wt-text-3);margin-top:2px}
.wt-ba__col--after .wt-ba__step-text{color:var(--wt-text-2)}
.wt-ba__note{font-size:14px;line-height:1.5;color:var(--wt-text-3);margin-top:16px}
