.educator-section{max-width:1400px;padding-top:105px;padding-bottom:100px}
.educator-section>.section-heading{max-width:900px;margin-inline:auto}
.educator-section>.section-heading>p:last-child{max-width:630px;margin-inline:auto}
.educator-showcase{display:grid;grid-template-columns:.8fr 1.35fr;gap:65px;align-items:center;margin:70px 0 75px}
.educator-narrative h3{font-size:clamp(30px,3vw,43px);line-height:1.14;letter-spacing:-.045em;font-weight:600;margin:20px 0;color:#2e2541}
.educator-narrative>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#726880;max-width:430px}
.educator-views{display:grid;gap:8px;margin-top:28px}
.educator-views button{width:100%;display:flex;gap:16px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:16px;color:#514663;padding:16px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.educator-views button[aria-pressed=true]{background:#f1ecfc;border-color:#d9cdf1}
.educator-views button:hover{background:#f5f1fb;transform:translateX(3px)}
.educator-views button>b{font-size:11px;color:#8a70b2;font-weight:500}.educator-views button>span{flex:1}.educator-views strong{display:block;font-size:16px;font-weight:620}.educator-views small{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#7e738c}.educator-views .icon{width:17px;height:17px}
.educator-device-area{margin:0;min-width:0;position:relative}
.educator-device-glow{position:absolute;inset:-14% -4%;background:radial-gradient(ellipse,#b4a0ea48,transparent 69%);pointer-events:none}
.educator-tablet{position:relative;display:block;width:100%;padding:12px;border:1px solid #4a4354;border-radius:25px;background:#201d27;box-shadow:0 35px 60px -30px #33234260,0 3px 0 #898291 inset;cursor:zoom-in;transition:transform .35s}
.educator-tablet:hover{transform:translateY(-4px)}
.educator-tablet img{display:block;width:100%;height:auto;aspect-ratio:1500/1042;border-radius:14px;object-fit:contain;background:#f4f5fa}
.educator-device-area figcaption{position:relative;display:flex;gap:12px;justify-content:space-between;align-items:center;margin:23px 0 0;color:#766983;font-size:11px;line-height:1.5}
.educator-enlarge{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#6645a3;background:#f0eaf9;border:1px solid #dfd4ec;border-radius:99px;min-height:44px;padding:10px 15px;font-size:12px;cursor:pointer}.educator-enlarge .icon{width:15px;height:15px}
.educator-readonly{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.65;color:#766983;margin:17px 0 0}.educator-readonly .icon{flex-shrink:0;width:16px;height:16px;color:#319674;margin-top:2px}
.educator-bridge{border-top:1px solid #e4ddec;padding-top:50px;text-align:center;max-width:800px;margin:auto}.educator-bridge h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em;line-height:1.2;margin:18px 0}.educator-bridge>p:last-child{font-size:16px;line-height:1.7;color:#766983;max-width:640px;margin:0 auto}
.educator-section .educator-connect{margin-top:35px}
.educator-lightbox{width:min(1400px,96vw);max-width:96vw;padding:0;border:1px solid #ded5ec;border-radius:20px;background:#fbf9ff;color:#342646;max-height:92dvh;overflow:hidden}
.educator-lightbox::backdrop{background:#1d152bd9;backdrop-filter:blur(8px)}
.educator-lightbox header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #e7deef}.educator-lightbox header strong{flex:1;font-size:15px}.educator-lightbox header button{min-height:44px;border:1px solid #d9cce8;background:white;color:#4b3865;border-radius:12px;padding:10px 16px;cursor:pointer}.educator-lightbox header button[aria-pressed=true]{background:#6443a0;color:white}
.educator-lightbox-scroll{overflow:auto;max-height:calc(92dvh - 135px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.educator-lightbox-scroll img{display:block;width:100%;height:auto;max-width:none}.educator-lightbox.is-zoomed .educator-lightbox-scroll img{width:1500px}
.educator-lightbox>p{font-size:12px;line-height:1.5;margin:0;padding:12px 20px;color:#7c6e8e}
body:has(.educator-lightbox[open]){overflow:hidden}body:has(.educator-lightbox[open]) .mobile-action-bar{visibility:hidden}
.educator-section button:focus-visible,.educator-lightbox button:focus-visible{outline:3px solid #8057cb;outline-offset:4px}
@media(max-width:1050px){.educator-showcase{gap:32px;grid-template-columns:.9fr 1.1fr}.educator-tablet{padding:8px;border-radius:20px}.educator-tablet img{border-radius:12px}}
@media(max-width:720px){.educator-section{padding-top:75px;padding-bottom:75px}.educator-showcase{display:flex;flex-direction:column;gap:28px;margin:36px 0 45px;align-items:stretch}.educator-narrative h3{font-size:34px;max-width:330px}.educator-narrative>p:not(.eyebrow){font-size:16px}.educator-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px}.educator-views button{display:flex;flex-direction:column;gap:8px;padding:13px 5px;text-align:center;border-color:#e8e0ef;border-radius:13px;min-height:79px}.educator-views small,.educator-views .icon{display:none}.educator-views strong{font-size:12px;line-height:1.4}.educator-views button:hover{transform:none}.educator-device-area figcaption{margin-top:16px;gap:9px;font-size:10px}.educator-enlarge{font-size:11px;padding:10px 12px}.educator-readonly{font-size:12px}.educator-bridge{padding-top:35px}.educator-bridge>p:last-child{font-size:15px}.educator-lightbox{width:96vw;border-radius:15px}.educator-lightbox header{padding:10px;gap:6px}.educator-lightbox header strong{font-size:12px}.educator-lightbox header button{padding:10px;font-size:12px}.educator-lightbox>p{padding:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.educator-views button,.educator-tablet{transition:none}.educator-tablet:hover{transform:none}}
