/* Session overview and sorting-table illustration. */
.school-age{display:block;margin-top:7px;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:none;color:#53606d}
.session-outline{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:1100px;margin:45px auto 0;padding:0 25px}
.session-outline li{display:flex;gap:16px;align-items:flex-start}.session-outline li>span{font-size:14px;color:#b35b37;border-top:2px solid #d68559;padding-top:8px;font-weight:700}.session-outline h3{font-size:19px;margin-bottom:8px;line-height:1.3}.session-outline p{font-size:14px;color:#53606d;line-height:1.65}
.learning-loop{gap:0}.learning-loop .card{border:0;border-radius:0;border-top:1px solid #d9d9ce;box-shadow:none;background:transparent;padding:25px 26px}.learning-loop .card+.card{border-left:1px solid #deded3}.learning-loop .step-number{width:32px;height:32px;border-radius:50%;font-size:14px;background:#e9e8df!important;color:#506653}.learning-loop .card h3{font-size:22px;letter-spacing:-.5px}.learning-loop .card p{font-size:14px}
.outcomes.learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1120px}.outcomes .intro-card{border:1px solid #e3ddcf;border-radius:18px;padding:28px;background:#fffdf8;box-shadow:none}.outcomes .intro-card h3{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.6px}.outcomes .intro-card h3 .l1,.outcomes .intro-card h3 .l2{display:inline;color:#18212b}.outcomes .intro-card h3 .l1::after{content:' '}.outcomes .intro-card::before{content:'01';display:block;font-size:12px;font-weight:700;color:#708176;letter-spacing:1px;margin-bottom:28px}.outcomes .intro-card:nth-child(2)::before{content:'02'}.outcomes .intro-card:nth-child(3)::before{content:'03'}.outcomes .intro-card .rule{width:28px;height:2px;margin:18px 0;background:#b6c1b5}.outcomes .card-lead{font-size:14px;line-height:1.7}
.sorter-demo{max-width:1240px;margin:0 auto;border:1px solid #d3dccf;border-radius:22px;background:#fffdf7;overflow:hidden;box-shadow:0 14px 50px #243b3009}.sorter-topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #e0e5d9;gap:15px}.sorter-topbar>span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#4b6157}.sorter-topbar i{width:7px;height:7px;border-radius:50%;background:#74a487}.sorter-pause{font:500 12px 'Lexend',sans-serif;cursor:pointer;padding:6px 16px;border:1px solid #c6d0bf;border-radius:999px;background:transparent;color:#29453d}.sorter-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch}.sorter-visual{min-width:0;position:relative;align-self:center;background:#f1f5ee}.sorter-svg{display:block;width:100%;height:auto;overflow:hidden;font-family:'Lexend',sans-serif}.svg-kicker{font-size:13px;font-weight:600;letter-spacing:1.3px;fill:#5b7367}.svg-label{font-size:15px;font-weight:500;fill:#29453d}.svg-tiny{font-size:12px;font-weight:400}.svg-bin-label{font-size:13px;fill:#3b5348;font-weight:500}.screen-result{font-size:17px;font-weight:600}.bin-symbol{font-size:31px;fill:#29453d}.sorter-story{border-left:1px solid #e0e5d9;padding:30px 25px;display:flex;flex-direction:column;justify-content:center}.sorter-story .eyebrow{font-size:10px;letter-spacing:1px;color:#697f6e}.sorter-story h3{font-size:25px;font-weight:600;letter-spacing:-.8px;line-height:1.2;margin:8px 0 13px}.sorter-story>p[data-demo-copy]{font-size:13px;color:#5c6a62;line-height:1.7;min-height:132px}.sorter-steps{display:flex;flex-direction:column;gap:6px;margin:24px 0}.sorter-steps button{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 10px;border:1px solid transparent;background:transparent;color:#637569;border-radius:8px;font:500 12px 'Lexend',sans-serif;cursor:pointer}.sorter-steps button>span{font-size:10px;opacity:.65}.sorter-steps button[aria-pressed=true]{color:#29453d;background:#e8eee1;border-color:#d4dfc9}.sorter-note{font-size:10px;color:#758077;line-height:1.6;margin-top:8px}.sorter-progress{height:3px;background:#dde6d7}.sorter-progress>span{display:block;height:100%;width:var(--sorter-progress,0%);background:#7d9e7b}.belt-treads{animation:belt-roll 1s linear infinite}.scanner-cone{opacity:.2;transition:opacity .3s}.scanner-line{opacity:0}.sorter-demo[data-phase=scan] .scanner-cone{opacity:1}.sorter-demo[data-phase=scan] .scanner-line{opacity:1;animation:scan-sweep 1.4s ease-in-out infinite}.sorter-demo .servo-arm{transition:transform .7s cubic-bezier(.22,1,.36,1)}.sorter-demo[data-phase=drop][data-destination=recycle] .bin-recycle,.sorter-demo[data-phase=drop][data-destination=general] .bin-general{animation:bin-land .65s ease-in-out infinite}.sorter-demo.is-paused *{animation-play-state:paused!important}
@keyframes belt-roll{to{transform:translateX(15px)}}@keyframes scan-sweep{0%,100%{transform:translateY(-15px)}50%{transform:translateY(45px)}}@keyframes bin-land{50%{transform:translateY(3px)}}
@media(min-width:1400px){.sorter-story{padding:34px 30px}}
@media(max-width:1100px){.sorter-demo{margin:0 25px}.sorter-layout{grid-template-columns:minmax(0,1fr) 260px}.sorter-story{padding:24px 20px}.sorter-story h3{font-size:22px}}
@media(max-width:850px){.sorter-layout{grid-template-columns:1fr}.sorter-story{border-left:0;border-top:1px solid #e0e5d9;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding:25px}.sorter-story .eyebrow,.sorter-story h3,.sorter-story>p[data-demo-copy]{grid-column:1}.sorter-story>p[data-demo-copy]{min-height:0}.sorter-steps{grid-column:2;grid-row:1/4;margin:0;align-self:center}.sorter-note{grid-column:1/-1;margin-top:20px}.session-outline{gap:24px}.session-outline li{flex-direction:column;gap:10px}}
@media(max-width:650px){.session-outline{grid-template-columns:1fr;gap:25px;padding:0 6%;margin-top:32px}.session-outline li{flex-direction:row;gap:17px}.learning-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-loop .card{padding:20px 14px}.learning-loop .card:nth-child(3){border-left:0}.learning-loop .card h3{font-size:19px}.learning-loop .card p{font-size:12px}.outcomes.learn-cards{grid-template-columns:1fr}.outcomes .intro-card{padding:24px}.outcomes .intro-card::before{margin-bottom:16px}.sorter-demo{margin:0 15px;border-radius:16px}.sorter-topbar{padding:13px 15px}.sorter-topbar>span{font-size:10px}.sorter-pause{font-size:11px;padding:6px 12px}.sorter-visual{overflow-x:auto}.sorter-svg{min-width:580px}.sorter-story{display:block;padding:23px 20px}.sorter-story h3{font-size:24px}.sorter-story>p[data-demo-copy]{font-size:13px}.sorter-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;gap:6px}.sorter-steps button{display:block;font-size:10px;padding:10px 7px;line-height:1.5}.sorter-steps button>span{display:block;margin-bottom:5px}.sorter-note{margin-top:16px}.sorter-svg{min-width:0}.svg-kicker{font-size:16px}.svg-label{font-size:18px}.svg-bin-label{font-size:16px}.svg-tiny{font-size:15px}.screen-result{font-size:19px}}
@media(prefers-reduced-motion:reduce){.sorter-demo *{animation:none!important;transition:none!important}}