<script src="/nexl_app.js"></script>
.other-offerings__title{color:#00aeef;font:400 30px/1.2 Roboto Slab,sans-serif;margin:40px 0 25px;text-align:center}.other-offerings__cards{display:flex;flex-direction:column;gap:15px}@media screen and (min-width:661px){.other-offerings__cards{gap:20px}}@media screen and (min-width:1014px){.other-offerings__cards{flex-direction:row}}.other-offerings__card{align-items:center;background:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:flex;flex:1;flex-direction:row;gap:20px;padding:15px 30px;text-decoration:none}@media screen and (min-width:661px){.other-offerings__card{padding:15px 40px}}@media screen and (min-width:801px){.other-offerings__card{gap:50px;padding:15px 65px}}@media screen and (min-width:1014px){.other-offerings__card{flex-direction:column;gap:25px;padding:20px 20px 40px}}.other-offerings__card .other-offerings__arrow.card-0{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBzdHJva2U9IiM1MmI3MDAiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiM1MmI3MDAiIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__card .other-offerings__arrow.card-1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBzdHJva2U9IiM3YTY3ZDciIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiM3YTY3ZDciIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__card .other-offerings__arrow.card-2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBzdHJva2U9IiNmZjhlMzMiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiNmZjhlMzMiIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__card:focus .other-offerings__arrow.card-0,.other-offerings__card:hover .other-offerings__arrow.card-0{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBmaWxsPSIjNTJiNzAwIiBzdHJva2U9IiM1MmI3MDAiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__card:focus .other-offerings__arrow.card-1,.other-offerings__card:hover .other-offerings__arrow.card-1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBmaWxsPSIjN2E2N2Q3IiBzdHJva2U9IiM3YTY3ZDciIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__card:focus .other-offerings__arrow.card-2,.other-offerings__card:hover .other-offerings__arrow.card-2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM3IDM3Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNy41IiBmaWxsPSIjZmY4ZTMzIiBzdHJva2U9IiNmZjhlMzMiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC4zIDE4LjFoMTMuNGwtNC4yLTQuOGMtMS0uOC4yLTIuMSAxLjItMS4ybDYuNSA2LjNjLjUuNC41IDEuMSAwIDEuNWwtNi4zIDZjLTEuMS45LTIuMS0uNC0xLjEtMS4ybDMuOS00LjVIMTAuM2MtMS4zLS4xLTEuMy0yLjEgMC0yLjEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3djM3SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+)}.other-offerings__icon-container{display:none;flex-shrink:0;height:96px;position:relative;width:110px}@media screen and (min-width:361px){.other-offerings__icon-container{display:block}}@media screen and (min-width:661px){.other-offerings__icon-container{height:160px;width:184px}}.other-offerings__icon,.other-offerings__icon-background{height:96px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:110px}@media screen and (min-width:661px){.other-offerings__icon,.other-offerings__icon-background{height:160px;width:184px}}@media screen and (min-width:1014px){.other-offerings__card-text{align-items:center;display:flex;flex:1;flex-direction:column}}.other-offerings__card-title-paragraph{margin:0}.other-offerings__card-title{align-items:center;color:#00aeef;display:flex;flex-direction:row;font:400 22px/1.2 Roboto Slab,sans-serif}.other-offerings__card-title.card-0{color:#52b700}.other-offerings__card-title.card-1{color:#7a67d7}.other-offerings__card-title.card-2{color:#f39317}@media screen and (min-width:1014px){.other-offerings__card-title{text-align:center}}.other-offerings__card-description{color:#545454;font:400 14px/1.6 Verdana,sans-serif;margin:10px 0 0}@media screen and (min-width:661px){.other-offerings__card-description{margin:10px 0}}@media screen and (min-width:1014px){.other-offerings__card-description{flex:1;text-align:center}}.other-offerings__card-cta-container{display:flex;justify-content:left}@media screen and (min-width:1014px){.other-offerings__card-cta-container{justify-content:center}}.other-offerings__card-cta{display:none;margin:0;width:37px}@media screen and (min-width:661px){.other-offerings__card-cta{display:block}}.other-offerings__arrow{background-repeat:no-repeat;background-size:contain;display:block;height:37px;width:37px}.other-offerings__arrow.title{height:19px;margin-left:10px;min-width:19px}@media screen and (min-width:661px){.other-offerings__arrow.title{display:none}}.skill-tree-section{margin:0;min-width:320px;padding:0;width:100%}.skill-tree-section .skill-tree-content{box-sizing:border-box;margin:0 auto;min-width:320px;padding-left:10px;padding-right:10px;width:100%}.skill-tree-section .skill-tree-content.games,.skill-tree-section .skill-tree-content.videos{max-width:1240px}.skill-tree-section .skill-tree-content.lessons,.skill-tree-section .skill-tree-content.skills{max-width:1014px}.skill-tree-landing{overflow:hidden;position:relative}.skill-tree-landing .skill-tree-underlay{background-color:var(--subject-landing-underlay-background);left:0;min-height:100%;min-width:100%;position:absolute;top:0;z-index:-1}.skill-tree-landing .skill-tree-bg-img,.skill-tree-landing .skill-tree-footer-img{left:50%;position:absolute;transform:translateX(-50%);width:auto}.skill-tree-landing .skill-tree-bg-img{height:var(--subject-landing-underlay-img-height);top:0;width:var(--subject-landing-underlay-img-width)}.skill-tree-landing .skill-tree-footer-img{bottom:0;height:var(--subject-landing-footer-img-height);width:var(--subject-landing-footer-img-width)}.screenshot-container{visibility:hidden}.header-section .skill-tree-content{padding-bottom:var(--subject-landing-header-content-padding-bottom,25px);padding-top:var(--subject-landing-header-content-padding-top,20px)}.header-section h1,.header-section p{text-align:center}.header-section h1{color:var(--subject-landing-header-title-color);font:normal 25px Trebuchet MS,sans-serif;margin-left:auto;margin-right:auto;max-width:var(--subject-landing-header-title-max-width)}.header-section p{color:var(--subject-landing-header-description-color,#545454);font:normal 14px/22px Verdana,sans-serif;margin:var(--subject-landing-header-description-margin-top) auto 0;max-width:var(--subject-landing-header-description-max-width)}.skill-nodes-section .skill-tree-content .skill-tree-aside{display:none}.footer-section{margin-top:var(--subject-landing-footer-margin-top);position:relative;z-index:-1}@media screen and (min-width:481px){.header-section h1{font-size:40px}}@media screen and (min-width:661px){.skill-tree-section .skill-tree-content{padding-left:20px;padding-right:20px}}@media screen and (min-width:801px){.screenshot-container{visibility:visible}}@media screen and (min-width:1014px){.skill-nodes-section{overflow:hidden}.skill-nodes-section .skill-tree-content{position:relative}.skill-nodes-section .skill-tree-content .skill-tree-aside{display:block;position:absolute}.skill-nodes-section .skill-tree-content .skill-tree-aside.left{height:var(--subject-landing-aside-left-height);left:calc(-1 * (var(--subject-landing-aside-left-width) + var(--subject-landing-aside-left-buffer)));top:var(--subject-landing-aside-left-top);width:var(--subject-landing-aside-left-width)}.skill-nodes-section .skill-tree-content .skill-tree-aside.right{height:var(--subject-landing-aside-right-height);right:calc(-1 * (var(--subject-landing-aside-right-width) + var(--subject-landing-aside-right-buffer)));top:var(--subject-landing-aside-right-top);width:var(--subject-landing-aside-right-width)}}/* YUI CSS Detection Stamp */
#yui3-css-stamp.skill-tree-css-subject-landing-min { display: none; }
.subject-landing-theme{--subject-landing-underlay-background:#e3f5f1;--subject-landing-underlay-img-width:481px;--subject-landing-underlay-img-height:120px;--subject-landing-header-title-color:teal;--subject-landing-header-description-margin-top:60px;--subject-landing-header-content-padding-top:25px;--subject-landing-header-content-padding-bottom:50px;--subject-landing-footer-margin-top:45px;--subject-landing-footer-img-width:480px;--subject-landing-footer-img-height:70px}@media screen and (min-width:481px){.subject-landing-theme{--subject-landing-header-description-margin-top:90px;--subject-landing-header-content-padding-top:40px;--subject-landing-header-content-padding-bottom:30px;--subject-landing-underlay-img-width:801px;--subject-landing-underlay-img-height:179px;--subject-landing-footer-img-width:800px;--subject-landing-footer-img-height:100px}}@media screen and (min-width:661px){.subject-landing-theme{--subject-landing-header-description-margin-top:100px;--subject-landing-header-content-padding-top:40px;--subject-landing-header-content-padding-bottom:30px;--subject-landing-header-description-max-width:655px}}@media screen and (min-width:801px){.subject-landing-theme{--subject-landing-header-description-margin-top:14px;--subject-landing-header-content-padding-top:35px;--subject-landing-header-content-padding-bottom:60px;--subject-landing-underlay-img-width:1923px;--subject-landing-underlay-img-height:380px;--subject-landing-footer-margin-top:65px;--subject-landing-footer-img-width:1920px;--subject-landing-footer-img-height:137px;--subject-landing-aside-left-width:367px;--subject-landing-aside-left-height:259px;--subject-landing-aside-left-top:319px;--subject-landing-aside-left-buffer:106px;--subject-landing-aside-right-width:341px;--subject-landing-aside-right-height:263px;--subject-landing-aside-right-top:518px;--subject-landing-aside-right-buffer:126px}}/* YUI CSS Detection Stamp */
#yui3-css-stamp.skill-tree-css-subject-landing-skills-social-studies-min { display: none; }
.ancestor-node-header-video{align-items:center;justify-content:space-between;margin-bottom:10px}.video-grade-box{height:135px}@media screen and (min-width:661px){.video-grade-box{height:150px}}@media screen and (min-width:831px){.video-grade-box{height:205px}}.videos-list{-moz-column-gap:30px;column-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);row-gap:10px}@media screen and (min-width:831px){.videos-list{-moz-column-gap:unset;column-gap:unset;display:flex;flex-direction:row;justify-content:space-between;row-gap:unset}}.videos-list .video-item{display:none;flex-shrink:0;height:33px}.videos-list .video-item:nth-child(-n+4){display:block}@media screen and (min-width:831px){.videos-list .video-item{height:unset;width:155px}}@media screen and (min-width:941px){.videos-list .video-item:nth-child(-n+5){display:block}}@media screen and (min-width:1114px){.videos-list .video-item:nth-child(-n+6){display:block}}.video-item__image-container{border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.2);flex-shrink:0;height:33px;overflow:hidden;position:relative;transition:box-shadow .2s ease;width:51px}@media screen and (min-width:831px){.video-item__image-container{border-radius:unset;box-shadow:unset;height:89px;width:155px}}.video-item__image{left:50%;top:50%;transform:translate(-50%,-50%);transition:height .2s ease,width .2s ease}.video-item__image,.video-item__overlay{height:100%;position:absolute;width:100%}.video-item__overlay{background:#000;left:0;opacity:0;right:0;transition:opacity .2s ease}.video-item__play-icon{height:20px;left:50%;opacity:70%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,width .2s ease,height .2s ease;width:20px}@media screen and (min-width:831px){.video-item__play-icon{height:25px;width:25px}}.video-item__text-box{align-items:center;display:flex;padding:0 10px}@media screen and (min-width:831px){.video-item__text-box{border-top:1px solid #e3e3e3;height:35px}}.video-item__title{display:-webkit-box;-webkit-line-clamp:2;margin:0;text-decoration:none;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-item__title.video-item__title{font:normal 12px/1.2em Verdana,sans-serif}@media screen and (min-width:661px){.video-item__title{font:normal 13px/1.2em Verdana,sans-serif}}@media screen and (min-width:831px){.video-item__title{color:#545454;font:normal 10px/1.2em Verdana,sans-serif}}.video-item__link{display:flex;text-decoration:none}@media screen and (min-width:831px){.video-item__link{border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.2);display:block;overflow:hidden;transition:box-shadow .2s ease}}.video-item__link:hover .video-item__image-container{box-shadow:0 0 8px rgba(0,0,0,.4)}@media screen and (min-width:831px){.video-item__link:hover .video-item__image-container{box-shadow:unset}}.video-item__link:hover .video-item__image{height:110%;width:110%}.video-item__link:hover .video-item__overlay{opacity:20%}.video-item__link:hover .video-item__play-icon{height:26px;opacity:100%;width:26px}@media screen and (min-width:831px){.video-item__link:hover .video-item__play-icon{height:32px;width:32px}.video-item__link:hover{box-shadow:0 0 8px rgba(0,0,0,.4)}}.skill-grade-box{height:100px}.cta-btn-skill{margin-right:20px}.ancestor-node-content .child-list{flex:1 1 auto;margin:4px 0 0;overflow-y:hidden}.ancestor-node-content .child-list:not(:first-of-type){display:none}.ancestor-node-content .child-list-label{color:#8e8e8e;display:inline}.ancestor-node-content .child-item a{color:#4fa1bf;text-decoration:none}.ancestor-node-content .child-item a:hover{text-decoration:underline}.ancestor-node-content .child-item-sep{color:#8e8e8e;display:inline-block;margin:0 4px}.ancestor-node-content .first-item .child-item-sep{display:none}@media screen and (min-width:661px){.ancestor-node-content .child-item a{color:#545454}.ancestor-node.orange-node .child-item-sep{color:#fd9726}.ancestor-node.turquoise-node .child-item-sep{color:#2acfd3}.ancestor-node.purple-node .child-item-sep{color:#7a57ce}.ancestor-node.yellow-green-node .child-item-sep{color:#8bc427}.ancestor-node.red-node .child-item-sep{color:#f24422}.ancestor-node.blue-node .child-item-sep{color:#587bf8}.ancestor-node.orange2-node .child-item-sep{color:#f48521}.ancestor-node.green-node .child-item-sep{color:#15a085}.ancestor-node.blue2-node .child-item-sep{color:#3aa9fc}.ancestor-node.yellow-node .child-item-sep{color:#fece36}.ancestor-node.green2-node .child-item-sep{color:#2cce8c}.ancestor-node.red2-node .child-item-sep{color:#f96855}.ancestor-node.purple2-node .child-item-sep{color:#a95edb}.ancestor-node.green3-node .child-item-sep{color:#26ae60}.ancestor-node.blue3-node .child-item-sep{color:#0374d3}}.ancestor-node-header-game{align-items:center;justify-content:space-between;margin-bottom:10px}.game-grade-box{height:150px}@media screen and (min-width:661px){.game-grade-box{height:170px}}@media screen and (min-width:801px){.game-grade-box{height:205px}}.games-list{display:flex;flex-direction:row;justify-content:space-between}.game-item{border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,.2);display:none;overflow:hidden}.game-item:nth-child(-n+3){display:block}@media screen and (min-width:481px){.game-item:nth-child(-n+4){display:block}}@media screen and (min-width:551px){.game-item:nth-child(-n+5){display:block}}@media screen and (min-width:911px){.game-item:nth-child(-n+6){display:block}}@media screen and (min-width:1014px){.game-item:nth-child(-n+7){display:block}}.game-item__image{left:50%;top:50%;transform:translate(-50%,-50%);transition:height .2s ease,width .2s ease}.game-item__image,.game-item__overlay{height:100%;position:absolute;width:100%}.game-item__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));left:0;opacity:0;right:0;transition:opacity .2s ease}.game-item__play-button{bottom:10px;height:40px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;width:80px}@media screen and (min-width:801px){.game-item__play-button{bottom:5px;height:47px;width:94px}}.game-item__link{display:block;height:90px;position:relative;width:90px}.game-item__link:hover .game-item__image{height:110%;width:110%}.game-item__link:hover .game-item__overlay,.game-item__link:hover .game-item__play-button{opacity:100%}@media screen and (min-width:801px){.game-item__link{height:125px;width:125px}}.ancestor-node{background:#fff;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:flex;margin-bottom:20px;width:100%}.ancestor-node:last-of-type{margin-bottom:0}.ancestor-node-aside,.cta-btn{flex:0 0 auto}.ancestor-node-content{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.ancestor-node-content .ancestor-node-header{flex:0 0 auto}.ancestor-node-aside{align-items:center;border-bottom-left-radius:5px;border-top-left-radius:5px;display:flex;justify-content:center}.ancestor-node-header{display:flex;font-family:Trebuchet MS,sans-serif;font-weight:700}.ancestor-node-header .node-name{color:#545454;text-decoration:none}.ancestor-node-header .node-name.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta-btn{border-radius:5px;box-sizing:border-box;display:none;flex-direction:row;font:normal 14px/40px Verdana,sans-serif;height:40px;justify-content:center;position:relative;text-decoration:none;top:50%;transform:translateY(-50%);width:170px}.cta-btn .link-text{color:#fff}.chevron-content{fill:none;stroke:#fff;stroke-miterlimit:10}.ancestor-node.orange-node .ancestor-node-aside,.ancestor-node.orange-node .cta-btn{background:#fd9726}.ancestor-node.orange-node .cta-btn:hover{background:#fb5f0c}.ancestor-node.orange-node .cta-link{color:#fd9726}.ancestor-node.orange-node .cta-link .chevron-content{stroke:#fd9726}.ancestor-node.orange-node .cta-link:hover{color:#fb5f0c}.ancestor-node.orange-node .cta-link:hover .chevron-content{stroke:#fb5f0c}.ancestor-node.orange-node .cta-chevron .chevron-content{stroke:#fd9726}.ancestor-node.orange-node .cta-chevron:hover .chevron-content{stroke:#fb5f0c}.ancestor-node.orange-node.topic-node .ancestor-node-header a{color:#fd9726}.ancestor-node.turquoise-node .ancestor-node-aside,.ancestor-node.turquoise-node .cta-btn{background:#2acfd3}.ancestor-node.turquoise-node .cta-btn:hover{background:#0da9af}.ancestor-node.turquoise-node .cta-link{color:#2acfd3}.ancestor-node.turquoise-node .cta-link .chevron-content{stroke:#2acfd3}.ancestor-node.turquoise-node .cta-link:hover{color:#0da9af}.ancestor-node.turquoise-node .cta-link:hover .chevron-content{stroke:#0da9af}.ancestor-node.turquoise-node .cta-chevron .chevron-content{stroke:#2acfd3}.ancestor-node.turquoise-node .cta-chevron:hover .chevron-content{stroke:#0da9af}.ancestor-node.turquoise-node.topic-node .ancestor-node-header a{color:#2acfd3}.ancestor-node.purple-node .ancestor-node-aside,.ancestor-node.purple-node .cta-btn{background:#7a57ce}.ancestor-node.purple-node .cta-btn:hover{background:#4227a8}.ancestor-node.purple-node .cta-link{color:#7a57ce}.ancestor-node.purple-node .cta-link .chevron-content{stroke:#7a57ce}.ancestor-node.purple-node .cta-link:hover{color:#4227a8}.ancestor-node.purple-node .cta-link:hover .chevron-content{stroke:#4227a8}.ancestor-node.purple-node .cta-chevron .chevron-content{stroke:#7a57ce}.ancestor-node.purple-node .cta-chevron:hover .chevron-content{stroke:#4227a8}.ancestor-node.purple-node.topic-node .ancestor-node-header a{color:#7a57ce}.ancestor-node.yellow-green-node .ancestor-node-aside,.ancestor-node.yellow-green-node .cta-btn{background:#8bc427}.ancestor-node.yellow-green-node .cta-btn:hover{background:#52990c}.ancestor-node.yellow-green-node .cta-link{color:#8bc427}.ancestor-node.yellow-green-node .cta-link .chevron-content{stroke:#8bc427}.ancestor-node.yellow-green-node .cta-link:hover{color:#52990c}.ancestor-node.yellow-green-node .cta-link:hover .chevron-content{stroke:#52990c}.ancestor-node.yellow-green-node .cta-chevron .chevron-content{stroke:#8bc427}.ancestor-node.yellow-green-node .cta-chevron:hover .chevron-content{stroke:#52990c}.ancestor-node.yellow-green-node.topic-node .ancestor-node-header a{color:#8bc427}.ancestor-node.red-node .ancestor-node-aside,.ancestor-node.red-node .cta-btn{background:#f24422}.ancestor-node.red-node .cta-btn:hover{background:#e61a0b}.ancestor-node.red-node .cta-link{color:#f24422}.ancestor-node.red-node .cta-link .chevron-content{stroke:#f24422}.ancestor-node.red-node .cta-link:hover{color:#e61a0b}.ancestor-node.red-node .cta-link:hover .chevron-content{stroke:#e61a0b}.ancestor-node.red-node .cta-chevron .chevron-content{stroke:#f24422}.ancestor-node.red-node .cta-chevron:hover .chevron-content{stroke:#e61a0b}.ancestor-node.red-node.topic-node .ancestor-node-header a{color:#f24422}.ancestor-node.blue-node .ancestor-node-aside,.ancestor-node.blue-node .cta-btn{background:#587bf8}.ancestor-node.blue-node .cta-btn:hover{background:#2743ef}.ancestor-node.blue-node .cta-link{color:#587bf8}.ancestor-node.blue-node .cta-link .chevron-content{stroke:#587bf8}.ancestor-node.blue-node .cta-link:hover{color:#2743ef}.ancestor-node.blue-node .cta-link:hover .chevron-content{stroke:#2743ef}.ancestor-node.blue-node .cta-chevron .chevron-content{stroke:#587bf8}.ancestor-node.blue-node .cta-chevron:hover .chevron-content{stroke:#2743ef}.ancestor-node.blue-node.topic-node .ancestor-node-header a{color:#587bf8}.ancestor-node.orange2-node .ancestor-node-aside,.ancestor-node.orange2-node .cta-btn{background:#f48521}.ancestor-node.orange2-node .cta-btn:hover{background:#e94d0a}.ancestor-node.orange2-node .cta-link{color:#f48521}.ancestor-node.orange2-node .cta-link .chevron-content{stroke:#f48521}.ancestor-node.orange2-node .cta-link:hover{color:#e94d0a}.ancestor-node.orange2-node .cta-link:hover .chevron-content{stroke:#e94d0a}.ancestor-node.orange2-node .cta-chevron .chevron-content{stroke:#f48521}.ancestor-node.orange2-node .cta-chevron:hover .chevron-content{stroke:#e94d0a}.ancestor-node.orange2-node.topic-node .ancestor-node-header a{color:#f48521}.ancestor-node.green-node .ancestor-node-aside,.ancestor-node.green-node .cta-btn{background:#15a085}.ancestor-node.green-node .cta-btn:hover{background:#066a4e}.ancestor-node.green-node .cta-link{color:#15a085}.ancestor-node.green-node .cta-link .chevron-content{stroke:#15a085}.ancestor-node.green-node .cta-link:hover{color:#066a4e}.ancestor-node.green-node .cta-link:hover .chevron-content{stroke:#066a4e}.ancestor-node.green-node .cta-chevron .chevron-content{stroke:#15a085}.ancestor-node.green-node .cta-chevron:hover .chevron-content{stroke:#066a4e}.ancestor-node.green-node.topic-node .ancestor-node-header a{color:#15a085}.ancestor-node.blue2-node .ancestor-node-aside,.ancestor-node.blue2-node .cta-btn{background:#3aa9fc}.ancestor-node.blue2-node .cta-btn:hover{background:#1573f8}.ancestor-node.blue2-node .cta-link{color:#3aa9fc}.ancestor-node.blue2-node .cta-link .chevron-content{stroke:#3aa9fc}.ancestor-node.blue2-node .cta-link:hover{color:#1573f8}.ancestor-node.blue2-node .cta-link:hover .chevron-content{stroke:#1573f8}.ancestor-node.blue2-node .cta-chevron .chevron-content{stroke:#3aa9fc}.ancestor-node.blue2-node .cta-chevron:hover .chevron-content{stroke:#1573f8}.ancestor-node.blue2-node.topic-node .ancestor-node-header a{color:#3aa9fc}.ancestor-node.yellow-node .ancestor-node-aside,.ancestor-node.yellow-node .cta-btn{background:#fece36}.ancestor-node.yellow-node .cta-btn:hover{background:#fca813}.ancestor-node.yellow-node .cta-link{color:#fece36}.ancestor-node.yellow-node .cta-link .chevron-content{stroke:#fece36}.ancestor-node.yellow-node .cta-link:hover{color:#fca813}.ancestor-node.yellow-node .cta-link:hover .chevron-content{stroke:#fca813}.ancestor-node.yellow-node .cta-chevron .chevron-content{stroke:#fece36}.ancestor-node.yellow-node .cta-chevron:hover .chevron-content{stroke:#fca813}.ancestor-node.yellow-node.topic-node .ancestor-node-header a{color:#fece36}.ancestor-node.green2-node .ancestor-node-aside,.ancestor-node.green2-node .cta-btn{background:#2cce8c}.ancestor-node.green2-node .cta-btn:hover{background:#0fa853}.ancestor-node.green2-node .cta-link{color:#2cce8c}.ancestor-node.green2-node .cta-link .chevron-content{stroke:#2cce8c}.ancestor-node.green2-node .cta-link:hover{color:#0fa853}.ancestor-node.green2-node .cta-link:hover .chevron-content{stroke:#0fa853}.ancestor-node.green2-node .cta-chevron .chevron-content{stroke:#2cce8c}.ancestor-node.green2-node .cta-chevron:hover .chevron-content{stroke:#0fa853}.ancestor-node.green2-node.topic-node .ancestor-node-header a{color:#2cce8c}.ancestor-node.red2-node .ancestor-node-aside,.ancestor-node.red2-node .cta-btn{background:#f96855}.ancestor-node.red2-node .cta-btn:hover{background:#f23224}.ancestor-node.red2-node .cta-link{color:#f96855}.ancestor-node.red2-node .cta-link .chevron-content{stroke:#f96855}.ancestor-node.red2-node .cta-link:hover{color:#f23224}.ancestor-node.red2-node .cta-link:hover .chevron-content{stroke:#f23224}.ancestor-node.red2-node .cta-chevron .chevron-content{stroke:#f96855}.ancestor-node.red2-node .cta-chevron:hover .chevron-content{stroke:#f23224}.ancestor-node.red2-node.topic-node .ancestor-node-header a{color:#f96855}.ancestor-node.purple2-node .ancestor-node-aside,.ancestor-node.purple2-node .cta-btn{background:#a95edb}.ancestor-node.purple2-node .cta-btn:hover{background:#742cbc}.ancestor-node.purple2-node .cta-link{color:#a95edb}.ancestor-node.purple2-node .cta-link .chevron-content{stroke:#a95edb}.ancestor-node.purple2-node .cta-link:hover{color:#742cbc}.ancestor-node.purple2-node .cta-link:hover .chevron-content{stroke:#742cbc}.ancestor-node.purple2-node .cta-chevron .chevron-content{stroke:#a95edb}.ancestor-node.purple2-node .cta-chevron:hover .chevron-content{stroke:#742cbc}.ancestor-node.purple2-node.topic-node .ancestor-node-header a{color:#a95edb}.ancestor-node.green3-node .ancestor-node-aside,.ancestor-node.green3-node .cta-btn{background:#26ae60}.ancestor-node.green3-node .cta-btn:hover{background:#0c7b2d}.ancestor-node.green3-node .cta-link{color:#26ae60}.ancestor-node.green3-node .cta-link .chevron-content{stroke:#26ae60}.ancestor-node.green3-node .cta-link:hover{color:#0c7b2d}.ancestor-node.green3-node .cta-link:hover .chevron-content{stroke:#0c7b2d}.ancestor-node.green3-node .cta-chevron .chevron-content{stroke:#26ae60}.ancestor-node.green3-node .cta-chevron:hover .chevron-content{stroke:#0c7b2d}.ancestor-node.green3-node.topic-node .ancestor-node-header a{color:#26ae60}.ancestor-node.blue3-node .ancestor-node-aside,.ancestor-node.blue3-node .cta-btn{background:#0374d3}.ancestor-node.blue3-node .cta-btn:hover{background:#023bab}.ancestor-node.blue3-node .cta-link{color:#0374d3}.ancestor-node.blue3-node .cta-link .chevron-content{stroke:#0374d3}.ancestor-node.blue3-node .cta-link:hover{color:#023bab}.ancestor-node.blue3-node .cta-link:hover .chevron-content{stroke:#023bab}.ancestor-node.blue3-node .cta-chevron .chevron-content{stroke:#0374d3}.ancestor-node.blue3-node .cta-chevron:hover .chevron-content{stroke:#023bab}.ancestor-node.blue3-node.topic-node .ancestor-node-header a{color:#0374d3}.ancestor-node-aside{width:5px}.ancestor-node-aside h4{display:none}.ancestor-node-content{padding:15px 15px 10px;width:100%}.ancestor-node-content .node-name{font-size:20px}.ancestor-node-content .cta-link{flex:1 0 auto;font:normal 14px/1.4em Verdana,sans-serif;padding-left:20px;text-align:right;text-decoration:none}.ancestor-node-content p{color:#545454;font:normal 14px/1.5em Verdana,sans-serif}.cta-chevron{align-self:center;margin-right:10px}.cta-chevron .chevron{display:block}@media screen and (min-width:380px){.ancestor-node-aside{width:20px}.ancestor-node-aside.with-label{width:40px}.ancestor-node-aside h4{display:block;font:700 20px/1.2em Trebuchet MS,sans-serif;text-align:center}.ancestor-node-aside a{color:#fff;text-decoration:none}}@media screen and (min-width:661px){.cta-chevron,.cta-link{display:none}.ancestor-node-aside.with-label{width:50px}.ancestor-node-aside h4{font-size:25px}.ancestor-node-content{padding:15px 24px 10px 20px}.ancestor-node-content .node-name{font-size:22px}.cta-btn{display:flex}.chevron{display:block;margin:auto 0 auto 5px}.ancestor-node-content .node-name{font-size:24px}}/* YUI CSS Detection Stamp */
#yui3-css-stamp.skill-tree-css-skill-node-ancestor-min { display: none; }
.account-msg-section{padding-bottom:40px}.account-msg-section .skill-tree-banner{align-items:center;border:2px solid;border-radius:5px;border-top:10px solid;box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.account-msg-section .banner-content{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:10px}.account-msg-section .banner-content p{padding:0 20px 10px}.account-msg-section h2,.account-msg-section p{flex:0 1 auto}.account-msg-section h2{font:700 24px Trebuchet MS,sans-serif;text-align:center}.account-msg-section p{color:#545454;font:normal 14px/1.5 Verdana,sans-serif;margin:0;text-align:center}.account-msg-section a{font-weight:700}.account-msg-section .account-status-banner{background-color:#fdf0ec;border-color:#f36d4e;min-height:110px}.account-msg-section .account-status-banner h2{color:#f36d4e;display:inline-block;padding-left:30px;position:relative}.account-msg-section .account-status-banner .banner-icon{left:0;position:absolute;top:50%;transform:translateY(-50%)}.account-msg-section .subject-warning-banner{background-color:#f7fafd;border-color:#4ca3e5;min-height:70px}.account-msg-section .subject-warning-banner .subject-warning-message-link.switch-button{all:unset;color:#00659e;text-decoration:underline}.account-msg-section .subject-warning-banner .subject-warning-message-link.switch-button:focus,.account-msg-section .subject-warning-banner .subject-warning-message-link.switch-button:hover{color:#4b610e;cursor:pointer}.account-msg-section .subject-warning-banner .subject-warning-message-link.switch-button:focus{outline:thin dotted}@media screen and (min-width:540px){.account-msg-section .account-status-banner h2{margin-bottom:14px}}@media screen and (min-width:801px){.account-msg-section h2{font-size:24px}.account-msg-section p{font-size:14px}}/* YUI CSS Detection Stamp */
#yui3-css-stamp.skill-tree-css-account-message-min { display: none; }











<!-- NEXL GLOBAL FIXES V4 -->
<script>
// NEXL STUDY - MASTER APP CONTROLLER
// This script overrides IXL functionality for offline use.

(function initNexlApp() {
    // 1. ANNIHILATE ALL POP-UPS AND MODALS
    const killModals = () => {
        const modals = document.querySelectorAll('.membership-banner, .ixl-modal, .yui3-panel, .ixl-dialog, [role="dialog"], .membership-prompt, .trial-banner, .modal-backdrop, .toast-message');
        modals.forEach(m => m.remove());
        
        // Unblock scrolling if blocked
        document.body.style.overflow = 'auto';
        document.body.classList.remove('modal-open');
    };
    
    // Run modal killer immediately and every 1s (to catch delayed pop-ups)
    killModals();
    setInterval(killModals, 1000);

    // X. GLOBAL CLEANUP FOR CARD-ONLY MODE
    const killExtraUI = () => {
        const clutter = document.querySelectorAll(`
            #hd, .global-header, #header, header, 
            #bd-footer, .page-footer, .global-footer, footer, 
            .practice-stats-container, #stats-ribbon, #practice-stats, 
            .teacher-tools, .scratchpad-tool, #bd-head,
            nav.breadcrumb-nav, nav.sub-navigation, .box-site-nav-content, 
            .share-label, .social-share-bar
        `);
        clutter.forEach(el => el.remove());
        
        // Re-center the practice area if needed
        const practiceRoot = document.querySelector('.practice-views-root');
        if (practiceRoot) {
            practiceRoot.style.margin = '0 auto';
            practiceRoot.style.float = 'none';
            practiceRoot.style.width = '100%';
            practiceRoot.style.maxWidth = '900px';
        }
    };
    killExtraUI();
    setInterval(killExtraUI, 1000);

    // 2. INJECT BEAUTIFUL NEXL LOGO
    const logoContainers = document.querySelectorAll('.ixl-logo, #hd-logo, .global-header-logo, header a[href="/"]');
    logoContainers.forEach(container => {
        container.innerHTML = `
            <div style="display: flex; align-items: center; font-family: 'Inter', sans-serif; font-weight: 900; font-size: 32px; letter-spacing: -1px; text-decoration: none;">
                <span style="color: #0066FF;">N</span>
                <span style="color: #3399FF;">E</span>
                <span style="color: #FF3366;">X</span>
                <span style="color: #9933FF;">L</span>
                <span style="color: #66B2FF; font-style: italic; font-weight: 500; margin-left: 8px; font-size: 24px;">learning</span>
            </div>
        `;
        container.style.textDecoration = 'none';
        container.style.border = 'none';
    });

    // 3. ANNIHILATE ORIGINAL FOOTER AND REPLACE WITH NEXL FOOTER
    const oldFooters = document.querySelectorAll('#bd-footer, .page-footer, .global-footer, footer');
    oldFooters.forEach(f => f.remove());
    
    const customFooter = document.createElement('footer');
    customFooter.innerHTML = `
        <div style="background: linear-gradient(135deg, #1e1e2f, #2a2a40); padding: 40px; text-align: center; color: white; font-family: 'Inter', sans-serif; margin-top: 50px; border-top: 4px solid #3399FF;">
            <div style="font-size: 28px; font-weight: 900; margin-bottom: 10px;">
                <span style="color: #0066FF;">N</span><span style="color: #3399FF;">E</span><span style="color: #FF3366;">X</span><span style="color: #9933FF;">L</span>
                <span style="color: #66B2FF; font-style: italic; font-weight: 500;">learning</span>
            </div>
            <p style="color: #8892b0; font-size: 14px;">The Ultimate Offline Learning Library &bull; Education Without Limits</p>
        </div>
    `;
    document.body.appendChild(customFooter);

    // 4. FIX BROKEN/LIVE LINKS (Skill Plans, Analytics, Videos, Games)
    const allLinks = document.querySelectorAll('a, button, [role="button"]');
    allLinks.forEach(link => {
        const href = link.getAttribute('href') || '';
        const text = link.textContent.toLowerCase();
        
        // Hide broken tabs
        if (
            href.includes('skill-plans') || 
            href.includes('recommendations') || 
            href.includes('analytics') || 
            href.includes('core-curriculum') || 
            href.includes('search?') ||
            text.includes('skill plans') ||
            text.includes('analytics') ||
            text.includes('recommendations')
        ) {
            link.style.display = 'none';
        }

        // Hide videos and games that lead to live site
        if (
            href.includes('showVideoDirectly') || 
            href.includes('videos.html') || 
            href.includes('alkhalid-ixl-math.netlify.app') ||
            href.includes('/games/') ||
            text.includes('watch video') ||
            link.classList.contains('video-link') ||
            link.classList.contains('game-link')
        ) {
            link.style.display = 'none';
        }
    });

    // 5. RESTORE CLICK AND SELECT INTERACTIVITY (FOR ALL ELEMENTS)
    
    // Inject massive global styles for selection
    const nexlStyles = document.createElement('style');
    nexlStyles.innerHTML = `
        .nexl-selected {
            border: 3px solid #10b981 !important;
            box-shadow: inset 0 0 0 2px rgba(16, 185, 129, 0.5), 0 4px 6px rgba(0,0,0,0.1) !important;
            background-color: rgba(16, 185, 129, 0.08) !important;
            border-radius: 8px !important;
            z-index: 9999 !important;
            transition: all 0.2s ease-in-out !important;
        }
        .nexl-pending-drag {
            outline: 4px dashed #ff9800 !important;
            outline-offset: 4px !important;
            box-shadow: 0 0 15px rgba(255, 152, 0, 0.8) !important;
            transform: scale(1.05) !important;
            transition: all 0.2s ease !important;
            z-index: 10000 !important;
            cursor: grabbing !important;
        }
        /* Specific overrides for tables/texts so they don't look weird */
        td.nexl-selected {
            background-color: rgba(16, 185, 129, 0.15) !important;
            color: #065f46 !important;
            font-weight: bold !important;
        }
        /* SVG Group selections */
        g.nexl-selected rect, g.nexl-selected circle, g.nexl-selected path {
            stroke: #10b981 !important;
            stroke-width: 4px !important;
            fill: rgba(16, 185, 129, 0.2) !important;
        }
        g.nexl-selected text, g.nexl-selected tspan {
            fill: #065f46 !important;
            font-weight: bold !important;
        }
        /* Isolated SVG selections */
        text.nexl-selected, tspan.nexl-selected, rect.nexl-selected, circle.nexl-selected, path.nexl-selected, svg.nexl-selected {
            stroke: #10b981 !important;
            stroke-width: 4px !important;
            fill: rgba(16, 185, 129, 0.2) !important;
        }
        /* SCALING & CARD ISOLATION (50% BIGGER, 30% WIDER) */
        /* Nuclear destruction of IXL global green headers */
        #hd, .global-header, #global-nav, .header-container, #bd-header, .site-header {
            display: none !important;
            opacity: 0 !important;
            visibility: hidden !important;
            height: 0 !important;
        }

        /* Scale the practice card */
        .practice-area, #practice-area, .question-container {
            margin: 60px auto !important;
            max-width: 85% !important; /* Increased width significantly */
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
            padding: 20px !important;
            display: block !important;
        }
        body {
            overflow-x: hidden !important;
            background-color: #f4f6f8 !important;
            padding-bottom: 300px !important;
        }
    `;
    document.head.appendChild(nexlStyles);

    window.nexlPendingDragElement = null;

    const practiceArea = document.querySelector('.practice-area, #practice-area, .question-container, #practice-crate, .focused-practice-area, #practice-page-container, main');
    const isPracticePage = document.querySelector('.submit-button, button[type="submit"], .submit, button.submit, #submit-button, .crisp-button') !== null;
    
    if (practiceArea && practiceArea !== document.body && isPracticePage) {
        // NUCLEAR METHOD: Hide all siblings of practiceArea and its ancestors
        let curr = practiceArea;
        while (curr && curr !== document.body && curr !== document.documentElement) {
            const siblings = curr.parentElement.children;
            for (let i = 0; i < siblings.length; i++) {
                const s = siblings[i];
                const c = s.getAttribute('class') || '';
                if (s !== curr && s.tagName !== 'SCRIPT' && s.tagName !== 'STYLE' && s.tagName !== 'LINK' && s.id !== 'yui3-css-stamp' && !c.includes('yui3')) {
                    s.style.display = 'none';
                }
            }
            // Strip backgrounds from wrappers so they don't block the screen
            if (curr !== practiceArea) {
                curr.style.background = 'transparent';
                curr.style.boxShadow = 'none';
                curr.style.border = 'none';
                curr.style.padding = '0';
                curr.style.margin = '0';
            }
            curr = curr.parentElement;
        }
    }
    if (practiceArea && isPracticePage) {
        practiceArea.addEventListener('click', (e) => {
            // 1. BYPASS LOGIC: Ignore Submit buttons completely
            if (e.target.closest('button[type="submit"], .submit-button, .submit-btn, .submit, .button-submit, #submit-button')) {
                return;
            }
            // 2. CLICK-TO-MOVE ACCESSIBILITY HANDLER (DRAG-AND-DROP FALLBACK)
            const draggableItem = e.target.closest('.yui3-dd-draggable, .draggable, .drag-item, .draggableElement, .sticker, [draggable="true"]');
            if (draggableItem) {
                // If clicking the same item, deselect it
                if (window.nexlPendingDragElement === draggableItem) {
                    draggableItem.classList.remove('nexl-pending-drag');
                    window.nexlPendingDragElement = null;
                    return;
                }
                
                // If there was another pending item, deselect it
                if (window.nexlPendingDragElement) {
                    window.nexlPendingDragElement.classList.remove('nexl-pending-drag');
                }
                
                window.nexlPendingDragElement = draggableItem;
                draggableItem.classList.add('nexl-pending-drag');
                return; // Stop further selection logic for this element
            }
            
            const dropContainer = e.target.closest('.draggableContainer, .draggableArea, .dropslot, .interactiveArea, .drop-target, .binContentRow, .dragTile, .dropzone, [class*="drop"]');
            if (dropContainer && window.nexlPendingDragElement) {
                // Move the pending element into this drop container physically in the DOM
                dropContainer.appendChild(window.nexlPendingDragElement);
                
                // Reset styling to ensure it sits nicely in the container where they clicked
                const rect = dropContainer.getBoundingClientRect();
                const relativeX = e.clientX - rect.left - (window.nexlPendingDragElement.offsetWidth / 2 || 25);
                const relativeY = e.clientY - rect.top - (window.nexlPendingDragElement.offsetHeight / 2 || 25);

                window.nexlPendingDragElement.style.position = 'absolute';
                window.nexlPendingDragElement.style.left = relativeX + 'px';
                window.nexlPendingDragElement.style.top = relativeY + 'px';
                window.nexlPendingDragElement.style.margin = '0';
                
                // Try simulating a YUI3 drag and drop to trigger internal game state logic
                const dataTransfer = window.DataTransfer ? new DataTransfer() : null;
                const events = ['dragstart', 'dragenter', 'dragover', 'drop', 'dragend'];
                events.forEach(evt => {
                    const targetNode = (evt === 'dragstart' || evt === 'dragend') ? window.nexlPendingDragElement : dropContainer;
                    try {
                        targetNode.dispatchEvent(new DragEvent(evt, { bubbles: true, dataTransfer }));
                    } catch(err) {}
                });
                
                window.nexlPendingDragElement.classList.remove('nexl-pending-drag');
                window.nexlPendingDragElement = null;
                return;
            }

            let target = null;

            // 3. MULTIPLE-CHOICE HANDLER: Prioritize selecting the entire row/line instead of inner spans
            const choiceTarget = e.target.closest('.practice-choice, .q-choice, .answer-choice, li, [role="radio"], .SelectableTile, .selectable-tile');
            if (choiceTarget) {
                target = choiceTarget;
            }

            // 4. UNIVERSAL MANIPULATIVE/TEXT HANDLER: Fallback to substring matching for manipulatives, phrases, tokens
            if (!target) {
                target = e.target.closest(`
                    [class*="choice"], [class*="option"], [class*="answer"], [class*="interactive"], 
                    [class*="button"], [class*="phrase"], 
                    [class*="word"], [class*="sentence"], [class*="cube"], [class*="shape"], 
                    [class*="node"], [class*="click"], [class*="hotspot"], [class*="selectable"], 
                    [class*="item"], [class*="sticker"], [class*="token"], [class*="marker"], [class*="coin"],
                    [role="button"], [role="option"], [role="checkbox"], [role="radio"],
                    td, img
                `);
            }
            
            // 5. SVG GROUPS LOGIC: If it's inside an SVG, try to find a parent group <g> to select the whole button
            if (!target && e.target.closest) {
                let gNode = e.target.closest('g');
                if (gNode && gNode.parentElement) {
                    target = gNode;
                }
            }

            // Fallback for isolated SVG text/shapes if no group
            if (!target && ['text', 'tspan', 'rect', 'circle', 'path', 'svg'].includes(e.target.tagName?.toLowerCase())) {
                target = e.target;
            }

            // Fallback for Hundred Chart <td> cells
            if (!target && e.target.tagName === 'TD') {
                target = e.target;
            }

            if (target) {
                // If it's already selected, just unselect it and stop
                if (target.classList.contains('nexl-selected')) {
                    target.classList.remove('nexl-selected');
                    return; // Stop here!
                }

                // Unselect siblings ONLY if in a known single-select list, otherwise allow multiple selections
                const container = target.closest('.practice-choices, .q-choices, ul, .options, .answers, [role="radiogroup"], .radiogroup');
                if (container && !container.classList.contains('multi-select') && !container.closest('.multi-select')) {
                    const siblings = container.querySelectorAll('.nexl-selected');
                    siblings.forEach(s => {
                        if (s !== target) s.classList.remove('nexl-selected');
                    });
                }

                // Apply massive green selection effect simply by adding the class
                target.classList.add('nexl-selected');
            }
        }, true);
    }

    // 6. ORACLE APEX LOGIN REDIRECT
    const loginButtons = document.querySelectorAll('.sign-in-btn, a[href*="signin"], button.login');
    loginButtons.forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            // Redirect to future Oracle APEX domain
            window.location.href = "https://your-oracle-domain.com/ords/nexl_schema/login";
        });
    });
})();

</script>
