html body[data-screen="module"] #app #main#main .ae-selector{
  box-sizing:border-box;width:100%;padding:8px 4px 24px;background:transparent;
}
html body[data-screen="module"] #app #main#main .ae-selector-overview{
  display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-start;margin-bottom:8px;
}
html body[data-screen="module"] #app #main#main .ae-selector-intro{flex:1 1 360px}
html body[data-screen="module"] #app #main#main .ae-selector-journey{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex:0 1 auto;max-width:100%}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-intro h2{
  font:800 26px/1.3 var(--font-identity)!important;color:#123f73!important;margin:0!important;letter-spacing:0;overflow-wrap:break-word;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-intro p{
  font-size:16px!important;line-height:1.6!important;color:#234d74!important;margin:0 0 10px!important;max-width:none!important;text-align:left!important;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-intro .ae-selector-reassurance{color:#57718b!important;margin-bottom:0!important}
html body[data-screen="module"] #app #main#main .ae-selector-guide{
  display:flex;gap:10px;align-items:center;padding:10px 12px;background:#edf7ff;border-radius:6px;
}
html body[data-screen="module"] #app #main#main .ae-selector-guide>.icon{width:36px;height:36px;flex:0 0 36px;color:#2586d2}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-guide strong{font-size:15px!important;line-height:1.5!important;color:#123f73!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-guide p{font-size:14px!important;line-height:1.5!important;margin:4px 0 0!important;color:#57718b!important;text-align:left!important}
html body[data-screen="module"] #app #main#main .ae-selector-progress{
  display:flex;justify-content:flex-start;gap:16px;flex-wrap:wrap;list-style:none;padding:0!important;margin:0!important;
}
html body[data-screen="module"] #app #main#main .ae-selector-progress li{position:relative;margin:0;padding:0;list-style:none}
html body[data-screen="module"] #app #main#main .ae-selector-progress li:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 4px);top:17px;width:8px;border-top:3px dotted #a7c1db}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-progress span{
  display:grid;place-items:center;width:36px;height:36px;box-sizing:border-box;border:2px solid #c1d5e8;border-radius:50%;background:#fff;color:#6684a5!important;font:700 17px/1 var(--font-identity)!important;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-progress .is-current span{background:#2589ed;border-color:#2589ed;color:#fff!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards{
  display:grid!important;grid-template-columns:repeat(var(--ae-count),minmax(210px,1fr))!important;gap:24px!important;align-items:stretch!important;padding:7px 4px 12px!important;overflow-x:auto;scroll-padding-inline:4px;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(n){
  --ae-soft:#edf7ff;--ae-edge:#cce7fc;--ae-ink:#087acd;--ae-medallion:#d6edff;
  position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:122px!important;
  box-sizing:border-box;padding:18px 14px!important;border:1px solid var(--ae-edge)!important;border-radius:8px!important;background:linear-gradient(125deg,#ffffffa6,var(--ae-soft))!important;background-image:linear-gradient(125deg,#ffffffa6,var(--ae-soft))!important;overflow:visible!important;
  color:#123f73!important;text-align:left!important;box-shadow:0 2px 5px #174b700c!important;outline:none!important;translate:none!important;
  transition:translate 180ms ease,box-shadow 180ms ease,border-color 180ms ease!important;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(5n+2){--ae-soft:#effbf4;--ae-edge:#cbf0dc;--ae-ink:#0b9e60;--ae-medallion:#d7f5e3}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(5n+3){--ae-soft:#fffaf0;--ae-edge:#f6e7ca;--ae-ink:#df8a00;--ae-medallion:#fff0cd}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(5n+4){--ae-soft:#f8f2ff;--ae-edge:#e9d9ff;--ae-ink:#8137d3;--ae-medallion:#ebdcff}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(5n+5){--ae-soft:#fff2f7;--ae-edge:#f9d9e8;--ae-ink:#dc2769;--ae-medallion:#ffe0eb}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button::before{content:none!important;display:none!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button.active{
  border:2px solid var(--ae-ink)!important;translate:0 -3px!important;box-shadow:0 4px 0 var(--ae-edge),0 8px 16px #174b7020!important;
}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:not(:disabled):hover{border-color:var(--ae-ink)!important;translate:0 -3px!important;box-shadow:0 4px 10px #174b701c!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:not(:disabled):active{translate:0 -1px!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:focus-visible{outline:3px solid var(--ae-ink)!important;outline-offset:4px!important}
html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:disabled{background:#f0f3f5!important;color:#687d8e!important;box-shadow:none!important;translate:none!important;cursor:not-allowed}
html body[data-screen="module"] #app #main#main .ae-card-art{
  position:relative;display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;background:var(--ae-medallion);color:var(--ae-ink)!important;
}
html body[data-screen="module"] #app #main#main .ae-card-icon{display:grid;place-items:center}
html body[data-screen="module"] #app #main#main .ae-card-icon>.icon{width:36px;height:36px;color:var(--ae-ink)}
html body[data-screen="module"] #app #main#main .ae-card-icon-badge{position:absolute;right:-3px;bottom:1px;display:grid;place-items:center;width:24px;height:24px;background:var(--ae-medallion);border-radius:50%}
html body[data-screen="module"] #app #main#main .ae-card-icon-badge>.icon{width:22px;height:22px;color:var(--ae-ink)}
html body[data-screen="module"] #app #main#main .ae-card-copy{flex:1;min-width:0;display:grid;gap:5px}
html body[data-screen="module"] #app #main#main .ae-selector .ae-card-copy b{font:800 22px/1.2 var(--font-identity)!important;color:#123f73!important;white-space:nowrap}
html body[data-screen="module"] #app #main#main .ae-selector .ae-card-copy small{font:500 12px/1.4 var(--font-learning)!important;color:#3d6082!important}
html body[data-screen="module"] #app #main#main .ae-card-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--ae-medallion);color:var(--ae-ink)!important}
html body[data-screen="module"] #app #main#main .ae-card-arrow>.icon{width:20px;height:20px}
html body[data-screen="module"] #app #main#main .ae-card-connector{position:absolute!important;right:-24px;top:calc(50% - 10px);display:grid;place-items:center;width:22px;height:20px;color:#4d9ded!important;pointer-events:none}
html body[data-screen="module"] #app #main#main .ae-card-connector>.icon{width:20px;height:20px;stroke-width:3}
html body[data-screen="module"] #app #main#main .learning-sequence>#sequence-ae-details{
  margin:4px 0 16px!important;padding:16px 16px 20px!important;border:0!important;border-top:1px solid #d8eafa!important;border-bottom:1px solid #d8eafa!important;border-radius:0!important;background:#f5faff!important;box-shadow:none!important;
}
html body[data-screen="module"] #app #main#main #sequence-ae-details>.sequence-position{display:inline-block!important;width:max-content!important;max-width:100%!important;box-sizing:border-box;padding:5px 14px!important;margin:0 0 8px!important;border-radius:6px;background:#deefff;color:#0873d4!important;font:700 16px/1.4 var(--font-learning)!important;text-align:left!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>h3{font:700 21px/1.35 var(--font-identity)!important;color:#123f73!important;margin:14px 0 10px!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>h3:first-of-type{font-size:26px!important;margin-top:4px!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>p:not(.sequence-position){margin:10px 0!important;font:400 16px/1.6 var(--font-learning)!important;color:#355879!important;text-align:left!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>.sequence-official{margin:14px 0!important;padding:0!important;border:1px solid #bad7f7!important;background:#eff7ff!important;border-radius:6px!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>.sequence-official>summary{padding:14px 16px!important;color:#0873d4!important;font-weight:700!important}
html body[data-screen="module"] #app #main#main #sequence-ae-details>.sequence-official>ul{padding:0 20px 12px 36px!important}
/* Each rail reflects a saved activity or the current selection, not a fabricated percentage. */
html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px!important;padding:8px 4px 16px!important;margin:0 0 16px!important;border:0!important;overflow:visible!important}
html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button{
  --route-tone:#087cf0;--route-bg:#edf7ff;--route-edge:#c5e5ff;--route-rail:#d4e7fa;
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:72px minmax(58px,auto) 10px minmax(52px,1fr)!important;gap:14px 8px!important;align-items:start!important;align-content:start!important;position:relative;min-width:0!important;width:100%!important;min-height:284px!important;box-sizing:border-box;padding:16px!important;border:1px solid var(--route-edge)!important;border-radius:8px!important;background:linear-gradient(135deg,#ffffffa6,var(--route-bg))!important;background-image:linear-gradient(135deg,#ffffffa6,var(--route-bg))!important;box-shadow:0 3px 8px #174b7010!important;outline:none!important;aspect-ratio:auto!important;overflow:visible!important;translate:none!important;text-align:left!important;
}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(2){--route-tone:#09956d;--route-bg:#effbf4;--route-edge:#c2edd8;--route-rail:#d5ede1}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(3){--route-tone:#8649cf;--route-bg:#f7f1ff;--route-edge:#e1d0fa;--route-rail:#e5d7f5}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(4){--route-tone:#dc8700;--route-bg:#fff8ee;--route-edge:#f5dfb4;--route-rail:#ffead4}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(5){--route-tone:#09956d;--route-bg:#f0fbf5;--route-edge:#c2edd8;--route-rail:#d5ede1}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(6){--route-tone:#db246d;--route-bg:#fff2f7;--route-edge:#facbdf;--route-rail:#fbd5e5}
html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button::before,html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button::after{content:none!important;display:none!important}
html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button>*{position:static!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transform:none!important;max-width:100%!important;margin:0!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-number{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;grid-column:1;grid-row:1;padding:0!important;border:0!important;border-radius:50%!important;background:var(--route-tone)!important;color:#fff!important;font:700 23px/1 var(--font-identity)!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-number>.icon{width:24px;height:24px}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-art{grid-column:2;grid-row:1;justify-self:end;display:block!important;width:72px!important;height:72px!important;object-fit:contain!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>b{grid-column:1/-1;grid-row:2;display:block!important;width:100%!important;min-width:0!important;color:#123f73!important;font:700 16px/1.35 var(--font-identity)!important;white-space:normal!important;overflow-wrap:break-word!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>b>em{display:block!important;color:var(--route-tone)!important;font:700 18px/1.35 var(--font-identity)!important;margin-top:4px!important;overflow-wrap:break-word}
html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button>.sequence-card-meter{position:relative!important;grid-column:1/-1;grid-row:3;display:block!important;width:100%!important;height:10px!important;border:0!important;padding:0!important;border-radius:6px!important;background:var(--route-rail)!important;overflow:hidden!important}
html body[data-screen="module"] #app #main#main .sequence-card-meter>span{position:absolute!important;left:0!important;top:0!important;margin:0!important;display:block;width:0;height:100%;border-radius:inherit;background:var(--route-tone)}
html body[data-screen="module"] #app #main#main .is-current>.sequence-card-meter>span{width:35%}
html body[data-screen="module"] #app #main#main .is-complete>.sequence-card-meter>span{width:100%}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>small{grid-column:1/-1;grid-row:4;width:100%!important;color:#355879!important;font:400 16px/1.5 var(--font-learning)!important;white-space:normal!important;text-align:left!important;overflow-wrap:break-word!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-connector{position:absolute!important;right:-24px;top:calc(50% - 12px);display:grid!important;place-items:center!important;width:22px!important;height:24px!important;background:none!important;border:0!important;border-radius:0!important;color:#4d9ded!important}
html body[data-screen="module"] #app #main#main .sequence-card-connector>.icon{width:22px;height:22px;stroke-width:3}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button.is-current{border:2px solid var(--route-tone)!important;box-shadow:0 4px 0 var(--route-edge),0 8px 16px #174b7020!important;translate:0 -3px!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:not(:disabled):hover{border-color:var(--route-tone)!important;box-shadow:0 6px 12px #174b7020!important}
html body[data-screen="module"] #app #main#main .sequence-reference-route>button:focus-visible{outline:3px solid var(--route-tone)!important;outline-offset:4px!important}
@media(max-width:1150px){html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body[data-screen="module"] #app #main#main .sequence-reference-route>button:nth-child(3n)>.sequence-card-connector{display:none!important}}
@media(max-width:1000px){
  html body[data-screen="module"] #app #main#main .ae-selector-overview{flex-direction:column;gap:10px}
  html body[data-screen="module"] #app #main#main .ae-selector-intro{flex:0 1 auto;order:0}
  html body[data-screen="module"] #app #main#main .ae-selector-journey{order:0;width:100%;gap:12px}
  html body[data-screen="module"] #app #main#main .ae-selector-guide{flex:0 1 auto}
  html body[data-screen="module"] #app #main#main .ae-selector-progress{flex:0 1 auto;margin:0!important}
}
@media(max-width:650px){
  html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-intro h2{font-size:24px!important}
  html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button:nth-child(n){flex-wrap:wrap;gap:10px!important;padding:14px 12px!important;min-height:158px!important;align-content:center}
  html body[data-screen="module"] #app #main#main .ae-card-art{flex-basis:46px;width:46px;height:46px}
  html body[data-screen="module"] #app #main#main .ae-card-icon>.icon{width:30px;height:30px}
  html body[data-screen="module"] #app #main#main .ae-card-copy{flex:1 1 calc(100% - 64px);order:3}
  html body[data-screen="module"] #app #main#main .ae-card-arrow{margin-left:auto;flex-basis:28px;width:28px;height:28px}
  html body[data-screen="module"] #app #main#main .ae-card-connector{display:none!important}
  html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button{padding:12px!important;min-height:280px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px 6px!important}
  html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-art{width:62px!important;height:66px!important}
  html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-number{width:40px!important;height:40px!important;font-size:22px!important}
  html body[data-screen="module"] #app #main#main .sequence-reference-route>button>.sequence-card-connector{display:none!important}
  html body[data-screen="module"] #app #main#main #sequence-ae-details{padding-inline:12px!important}
  html body[data-screen="module"] #app #main#main #sequence-ae-details>h3:first-of-type{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button[data-action="ae"][data-index]{transition:none!important;translate:none!important}}
html.reduce-motion body[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button[data-action="ae"][data-index],
html body.reduce-motion[data-screen="module"] #app #main#main .ae-selector .ae-selector-cards button[data-action="ae"][data-index]{transition:none!important;translate:none!important}
@media(prefers-reduced-motion:reduce){html body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button[data-sequence-step]{transition:none!important;translate:none!important}}
html.reduce-motion body[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button[data-sequence-step],html body.reduce-motion[data-screen="module"] #app #main#main .learning-sequence .sequence-reference-route>button[data-sequence-step]{transition:none!important;translate:none!important}