#sbd-root #sbd-process.sbd-learning-flow{--sbd-learning-paper:var(--paper,#fffaf3);--sbd-learning-ink:var(--ink,#151d3b);--sbd-learning-pink:#ffdce5;--sbd-learning-strongpink:#c4265d;--sbd-learning-lime:#dfff71;--sbd-learning-sky:#cfefff;--sbd-learning-strongsky:#45c4e6;position:relative;isolation:isolate;min-height:980px;padding:clamp(65px,7vw,98px) 28px 52px;overflow:hidden;background:var(--sbd-learning-paper);color:var(--sbd-learning-ink)}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-ambient{position:absolute;z-index:-2;width:43vw;height:43vw;filter:blur(72px);opacity:.5;pointer-events:none}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-ambient-pink{top:11%;left:-20%;background:var(--sbd-learning-pink)}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-ambient-sky{right:-17%;bottom:0;background:var(--sbd-learning-sky)}
#sbd-root #sbd-process.sbd-learning-flow h2{max-width:none;width:min(100%,1200px);margin:0 auto;font-size:clamp(50px,6.2vw,84px);font-weight:750;line-height:1.03;letter-spacing:-.035em;color:var(--sbd-learning-ink)}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-stage{position:relative;width:min(100%,1200px);height:650px;margin:36px auto 0}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-list{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card{position:absolute;width:20.5%;height:200px;padding:18px 16px 15px;border:1px solid #ffffffc7;background:#151d3bea;box-shadow:inset 0 1px 0 #ffffff24,0 15px 30px #151d3b14;-webkit-backdrop-filter:blur(15px) saturate(1.05);backdrop-filter:blur(15px) saturate(1.05);color:#fff}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(3n+2){background:#ffedf2dc;color:var(--sbd-learning-ink);border-color:#fff}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(3n){background:#e9faffdc;color:var(--sbd-learning-ink);border-color:#fff}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card strong{display:block;font-size:clamp(20px,1.55vw,22px);font-weight:720;line-height:1.14;letter-spacing:-.02em}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card small{display:block;margin-top:11px;font-size:clamp(14px,1.06vw,15px);line-height:1.32;opacity:.77;color:inherit}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-1{left:2%;top:50px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-2{left:26.5%;top:50px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-3{left:51%;top:50px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-4{left:75.5%;top:50px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-5{left:75.5%;top:330px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-6{left:51%;top:330px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-7{left:26.5%;top:330px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-8{left:2%;top:330px}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish{position:absolute;z-index:2;left:31%;bottom:0;display:flex;align-items:center;justify-content:space-between;width:38%;min-height:91px;padding:15px 20px 16px;background:var(--sbd-learning-lime);box-shadow:10px 10px 0 #cfefff8f;color:var(--sbd-learning-ink)}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish p{margin:0;font-size:clamp(19px,1.8vw,25px);font-weight:720;line-height:1.06;letter-spacing:-.02em}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish span{font-size:38px;font-weight:500}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-note{max-width:none;width:min(100%,1200px);margin:17px auto 0;padding:0 0 0 32%;font-size:12px;line-height:1.3;color:#151d3bb8}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot{position:absolute;z-index:3;object-fit:contain;pointer-events:none}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot-blue{width:105px;left:-4%;top:190px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot-lime{width:76px;right:2%;bottom:3px;animation:sbd-learning-drift 5s ease-in-out infinite alternate}@keyframes sbd-learning-drift{to{transform:translate3d(0,-5px,0) rotate(1.5deg)}}
@media(max-width:1100px){#sbd-root #sbd-process.sbd-learning-flow{min-height:0;padding:56px 20px 54px}#sbd-root #sbd-process.sbd-learning-flow h2{font-size:clamp(48px,12vw,68px)}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-stage{height:auto;margin-top:30px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-paths{display:none}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-list{position:relative;display:grid;gap:32px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:18px 17px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card strong{font-size:clamp(20px,4.6vw,23px);line-height:1.14}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card small{font-size:15px;line-height:1.32}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish{position:relative;left:auto;bottom:auto;width:calc(100% - 28px);min-height:96px;margin:32px 0 0 28px}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-note{margin-top:18px;padding:0;font-size:12px;line-height:1.35}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot-blue{display:none}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot-lime{width:75px;right:-5px;bottom:-30px}}
@media(prefers-reduced-motion:reduce){#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-mascot-lime{animation:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card{background:#151d3bf7}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(3n+2){background:#ffedf2}#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(3n){background:#e9faff}}

/* Loose pen strokes cross card edges, leaving all copy and controls clear. */
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-paths{z-index:3;pointer-events:none}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-paths use{fill:none;stroke-linecap:round;stroke-linejoin:round}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-path-halo{stroke:var(--sbd-learning-paper);stroke-width:5.5}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-path-ink{stroke:var(--sbd-learning-ink);stroke-width:2.2}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish{text-decoration:none;cursor:pointer}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish:hover{transform:translate(-1px,-1px);box-shadow:11px 11px 0 #cfefff8f}
#sbd-root #sbd-process.sbd-learning-flow .sbd-learning-finish:focus-visible{outline:3px solid var(--sbd-learning-ink);outline-offset:5px}
@media(max-width:1100px){
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-list{gap:48px}
  /* Descending stacking order lets a connector reach the following card. */
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-1{z-index:8}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-2{z-index:7}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-3{z-index:6}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-4{z-index:5}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-5{z-index:4}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-6{z-index:3}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-7{z-index:2}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card-8{z-index:1}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:not(:last-child)::after{
    content:"";position:absolute;z-index:1;right:9%;bottom:-64px;
    width:96px;height:88px;pointer-events:none;
    background:url("/assets/content/learning-arrow-loop.svg") center/contain no-repeat;
  }
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(even)::after{
    left:8%;right:auto;background-image:url("/assets/content/learning-arrow-sweep.svg");
  }
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(3n)::after{right:22%;left:auto}
  #sbd-root #sbd-process.sbd-learning-flow .sbd-learning-card:nth-child(4)::after{left:17%;right:auto}
}