/* Sondy before/after (Coming Soon) */
.breakdance .sondy-cs .bde-shortcode{width:100% !important;max-width:none;align-self:stretch;}
.sondy-cs .ba{max-width:1120px;margin:0 auto;padding:28px 16px 8px;}
.sondy-cs .ba-q{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;}
.sondy-cs .ba-q-k{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5B6787;}
.sondy-cs .ba-q-t{min-height:1.35em;max-width:100%;padding:10px 16px;border-radius:12px;background:#fff;border:1px solid #C9D2E6;box-shadow:0 6px 18px rgba(11,20,56,.06);font:500 clamp(15px,1.7vw,18px)/1.35 var(--sans);color:#0B1438;}
.sondy-cs .ba-q-t .caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#0B1438;animation:baBlink 1s steps(1) infinite;}
@keyframes baBlink{50%{opacity:0}}
.sondy-cs .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;transition:opacity .35s;}
.sondy-cs .ba.fade .ba-grid{opacity:.25}
.sondy-cs .ba-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;background:#fff;border:1px solid #DCE2EE;box-shadow:0 10px 30px rgba(11,20,56,.06);overflow:hidden;}
.sondy-cs .ba-card.after{border-color:rgba(247,132,41,.45);box-shadow:0 10px 34px rgba(247,132,41,.12);}
.sondy-cs .ba-h{padding:16px 20px 0;}
.sondy-cs .ba-k{display:inline-flex;align-items:center;gap:7px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5B6787;}
.sondy-cs .after .ba-k{color:#B8510C}
.sondy-cs .ba-k i{width:8px;height:8px;border-radius:50%;background:#C8323A;}
.sondy-cs .after .ba-k i{background:#F78429}
.sondy-cs .ba-h h3{margin:8px 0 0;font:600 clamp(17px,1.8vw,21px)/1.25 var(--sans);letter-spacing:-.015em;color:#0B1438;text-wrap:balance;}
.sondy-cs .ba-board{position:relative;margin:12px 14px 0;padding:14px;border-radius:12px;background:#F6F8FC;border:1px dashed #D5DCEA;}
.sondy-cs .after .ba-board{background:#FFFBF7;border:1px solid #F6E2D0;}

/* before: 2x2 page tiles, each with a problem tag */
.sondy-cs .tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sondy-cs .tile{min-width:0;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #DCE2EE;box-shadow:0 4px 12px rgba(11,20,56,.06);opacity:0;transform:translateY(8px) rotate(var(--r,0deg));transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);}
.sondy-cs .tile:nth-child(1){--r:-1.5deg}.sondy-cs .tile:nth-child(2){--r:1.8deg;transition-delay:.12s}.sondy-cs .tile:nth-child(3){--r:1.2deg;transition-delay:.24s}.sondy-cs .tile:nth-child(4){--r:-1.8deg;transition-delay:.36s}
.sondy-cs .ba.s1 .tile{opacity:1;transform:translateY(0) rotate(var(--r,0deg));}
.sondy-cs .tile b{display:flex;align-items:center;gap:6px;font:500 10.5px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#5B6787;overflow-wrap:anywhere;}
.sondy-cs .tile b svg{width:13px;height:13px;flex:none;fill:none;stroke:#5B6787;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sondy-cs .tile .tx{display:block;margin-top:5px;font:400 13px/1.35 var(--sans);color:#3B4766;overflow-wrap:anywhere;}
.sondy-cs .tile .tg{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:999px;font:600 11px/1.2 var(--sans);opacity:0;transform:scale(.85);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);}
.sondy-cs .ba.s2 .tile .tg{opacity:1;transform:none}
.sondy-cs .tg.scattered{background:#FFF5E8;color:#9A5B00;border:1px solid #F3D3A4}
.sondy-cs .tg.inaccurate{background:#FFF1F1;color:#B02A33;border:1px solid #F2C2C5}
.sondy-cs .tg.outdated{background:#F3F1FF;color:#5A45B8;border:1px solid #D7CFF6}
.sondy-cs .tg.missing{background:#F1F4F9;color:#3B4766;border:1px solid #D5DCEA}
.sondy-cs .qbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;}
.sondy-cs .qbs-k{font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#9E2A31;opacity:0;transition:opacity .3s .2s}
.sondy-cs .ba.s2 .qbs-k{opacity:1}
.sondy-cs .qbs-row{display:contents}
.sondy-cs .qb{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:999px;background:#FFF1F1;border:1.5px dashed rgba(200,50,58,.6);font:600 12.5px/1.2 var(--sans);color:#C8323A;opacity:0;transform:scale(.85);transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1);}
.sondy-cs .qb em{flex:none;font-style:normal;display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#C8323A;color:#fff;font-size:11px}
.sondy-cs .ba.s2 .qb{opacity:1;transform:none;}
.sondy-cs .ba.s2 .qb:nth-child(2){transition-delay:.4s}
.sondy-cs .ba.s2 .qb:nth-child(3){transition-delay:.6s}
.sondy-cs .ba.s2 .qb:nth-child(4){transition-delay:.8s}

/* after: grid-placed nodes so nothing can overlap */
.sondy-cs .g-board{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:". prac ." ". prov ." "cond acc loc" ". . ins";row-gap:34px;column-gap:12px;align-items:center;justify-items:center;padding:18px 12px;}
.sondy-cs .n-prac{grid-area:prac}.sondy-cs .n-prov{grid-area:prov}.sondy-cs .n-cond{grid-area:cond}.sondy-cs .n-loc{grid-area:loc}.sondy-cs .n-acc{grid-area:acc}.sondy-cs .n-ins{grid-area:ins}
.sondy-cs .g-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.sondy-cs .g-svg path{fill:none;stroke:#F2A66C;stroke-width:2;stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .7s ease;}
.sondy-cs .ba.s4 .g-svg path{stroke-dashoffset:0;}
.sondy-cs .g-svg text{font:500 10px/1 var(--mono);letter-spacing:.06em;fill:#9A6A44;text-transform:uppercase;opacity:0;transition:opacity .4s .5s}
.sondy-cs .ba.s4 .g-svg text{opacity:1}
.sondy-cs .gn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:7px 11px;border-radius:14px;background:#fff;border:1.5px solid var(--c);box-shadow:0 4px 12px rgba(11,20,56,.07);font:600 13px/1.2 var(--sans);color:#0B1438;text-align:left;
  transform:translate(var(--dx),var(--dy)) rotate(var(--dr));opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .4s;}
.sondy-cs .gn .gt{min-width:0;overflow-wrap:anywhere}
.sondy-cs .gn svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--c);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sondy-cs .ba.s3 .gn{opacity:1;}
.sondy-cs .ba.s4 .gn{transform:none;}
.sondy-cs .gn.ok{background:#EFF8F2;}
.sondy-cs .n-prac{--c:#F78429;--dx:-50px;--dy:30px;--dr:-4deg}
.sondy-cs .n-prov{--c:#1D6FD1;--dx:40px;--dy:-24px;--dr:3deg}
.sondy-cs .n-cond{--c:#7A3FC7;--dx:24px;--dy:40px;--dr:-3deg}
.sondy-cs .n-loc{--c:#0B7A6E;--dx:-24px;--dy:-36px;--dr:4deg}
.sondy-cs .n-acc{--c:#17804A;--dx:36px;--dy:-30px;--dr:3deg}
.sondy-cs .n-ins{--c:#C2185B;--dx:-40px;--dy:-24px;--dr:-3deg}
.sondy-cs .ba-checks{display:flex;flex-wrap:wrap;gap:8px;margin:12px 20px 0;padding:0;list-style:none;min-height:27px}
.sondy-cs .ba-checks li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:999px;background:#EFF8F2;border:1px solid rgba(23,128,74,.35);font:500 12.5px/1.2 var(--sans);color:#17804A;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;}
.sondy-cs .ba-checks li svg{width:13px;height:13px;flex:none;fill:none;stroke:#17804A;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sondy-cs .ba.s5 .ba-checks li{opacity:1;transform:none}
.sondy-cs .ba.s5 .ba-checks li:nth-child(2){transition-delay:.18s}
.sondy-cs .ba.s5 .ba-checks li:nth-child(3){transition-delay:.36s}
.sondy-cs .ba-out{margin:auto 0 0;padding:14px 20px 18px;font:500 14.5px/1.45 var(--sans);opacity:0;transition:opacity .5s;}
.sondy-cs .ba-out.bad{color:#9E2A31}
.sondy-cs .ba-out.good{color:#0B1438}
.sondy-cs .ba.s2 .ba-out.bad{opacity:1;transition-delay:1s}
.sondy-cs .ba.s5 .ba-out.good{opacity:1;transition-delay:.6s}
.sondy-cs .ba-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:16px;}
.sondy-cs .ba-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.sondy-cs .ba-tab,.sondy-cs .ba-pause{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid #C9D2E6;background:#fff;font:500 13px/1 var(--sans);color:#3B4766;cursor:pointer;}
.sondy-cs .ba-tab[aria-pressed="true"]{border-color:#F78429;background:#FFF6EE;color:#0B1438}
.sondy-cs .ba-tab:hover,.sondy-cs .ba-pause:hover{border-color:#F78429}
.sondy-cs .ba-tab:focus-visible,.sondy-cs .ba-pause:focus-visible{outline:2px solid #F78429;outline-offset:2px}
.sondy-cs .ba-pause svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sondy-cs .ba-pause .i-play{display:none;fill:currentColor;stroke:none}
.sondy-cs .ba-pause[aria-pressed="true"] .i-play{display:block}
.sondy-cs .ba-pause[aria-pressed="true"] .i-pause{display:none}
.sondy-cs .ba-note{margin:10px 0 0;text-align:center;font:400 12.5px/1.4 var(--sans);color:#5B6787;}
.sondy-cs .how{max-width:980px;margin:0 auto;padding:56px 16px 6px;text-align:center;}
.sondy-cs .how h2{margin:0;font:600 clamp(26px,3.2vw,38px)/1.1 var(--sans);letter-spacing:-.025em;color:#0B1438;}
.sondy-cs .how p{margin:10px auto 0;max-width:620px;font:400 16px/1.5 var(--sans);color:#3B4766;}

@media (max-width:860px){
  .sondy-cs .ba-grid{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .sondy-cs .ba-board{margin:12px 10px 0;padding:12px}
  .sondy-cs .tiles{gap:10px}
  .sondy-cs .tile{padding:9px 10px}
  .sondy-cs .tile .tx{font-size:12.5px}
  .sondy-cs .g-board{grid-template-columns:1fr 1fr;grid-template-areas:"prac prac" "prov prov" "cond loc" "acc ins";row-gap:30px;column-gap:10px;padding:16px 10px;}
  .sondy-cs .gn{font-size:12.5px;padding:7px 9px;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .sondy-cs .ba *,.sondy-cs .ba{transition:none !important;animation:none !important}
}