/* Original discovery studio; companion colors shared with the AdelineMath app. */
body>header{display:grid!important;grid-template-columns:auto minmax(210px,1fr) auto;gap:16px 28px!important;padding:18px 4vw 0!important;background:#e2efff!important;border-bottom:1px solid #c4d9f4;max-width:none!important}body>header .brand{font-size:25px}body>header .head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}body>header .head-actions #language{max-width:105px}body>header .head-actions #profile,body>header .head-actions #grownup{display:none}body>header nav{grid-column:1/-1;grid-row:2;margin:0!important;display:flex;justify-content:center;gap:clamp(16px,4vw,65px)!important;padding:0 0 7px;flex-wrap:wrap}body>header nav a{font-size:15px;font-weight:750;gap:8px;text-decoration:none;transition:transform .2s,color .2s}body>header nav a:hover{transform:translateY(-3px);color:#6e38b8}.site-search{display:flex;position:relative;max-width:620px;width:100%;margin:0 auto;background:white;border:1px solid #c2d4ed;border-radius:16px;padding:3px}.site-search input{border:0;background:transparent;margin:0;padding:10px 14px;width:100%;outline-offset:4px}.site-search button{border-radius:12px;padding:8px 15px;background:#2456c9}.search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:10px;background:white;border:1px solid #c4d9f4;border-radius:16px;box-shadow:0 15px 35px #24365d26;z-index:20}.search-results:empty{display:none}.search-results a{display:block;padding:12px;border-radius:9px;color:#24365d;text-decoration:none}.search-results a:hover,.search-results a:focus{background:#e5efff}.search-results p{margin:8px;font-size:14px}main{max-width:none!important;width:100%;padding:32px 4vw 60px!important}.discovery-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,100px);align-items:center;padding:25px 0 40px}.discovery-copy h1{font-size:clamp(38px,4.4vw,88px);line-height:1.06;letter-spacing:-.055em;margin:24px 0}.discovery-copy h1 em{font-style:normal;color:#2257ce}.discovery-copy>p{font-size:clamp(16px,1.25vw,23px);max-width:620px;line-height:1.75}.discovery-copy .actions{margin-top:30px;gap:22px}.discovery-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.discovery-links a{padding:10px 14px;background:#fff;border:1px solid #d3e1f3;border-radius:99px;font-size:13px;font-weight:700;text-decoration:none;color:#36517d;transition:transform .2s,background .2s}.discovery-links a:hover{transform:translateY(-4px);background:#e7dcfa}.discovery-studio{background:#fff;border:1px solid #c7d8ef;border-radius:30px;padding:20px;box-shadow:0 20px 55px #23477713;transform:rotate(1deg)}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 17px}.studio-heading span{font-size:11px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.studio-heading i{width:8px;height:8px;border-radius:50%;background:#56a87e}.studio-heading button,#studio-replay{background:#edf3fc;color:#354d74;border:1px solid #d4e1f3;font-size:12px;padding:9px 12px;min-height:40px}.studio-modes{display:flex;gap:8px;margin-bottom:15px}.studio-modes button{flex:1;background:#f2f4fb;color:#526482;font-size:13px;padding:13px 6px;border-radius:12px}.studio-modes button[aria-pressed=true]{background:#263b69;color:white}.studio-picture{border-radius:24px;overflow:hidden;cursor:pointer}.studio-picture svg{display:block;width:100%;height:auto}.studio-equation{text-align:center;font-weight:900;font-size:clamp(26px,2.5vw,48px);color:#263b69;padding:15px 0 12px;font-variant-numeric:tabular-nums}.studio-adjust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 10px}.studio-adjust label{font-size:12px;font-weight:700;margin:0}.studio-adjust input{flex:1;min-width:80px;width:100px;accent-color:#7250bd}.studio-adjust output{font-size:19px;font-weight:800}.discovery-studio>p{text-align:center;font-size:13px;margin:14px 0 0;color:#526482}.studio-sun{transform-origin:657px 66px;animation:studio-turn 40s linear infinite}.studio-cloud{animation:studio-cloud 8s ease-in-out infinite alternate}.studio-pencil{animation:studio-pencil 4s ease-in-out infinite}.studio-sprout{transform-origin:704px 355px;animation:studio-sway 3s ease-in-out infinite alternate}.studio-play .studio-item{animation:studio-arrive .65s both;animation-delay:calc(var(--order)*90ms);transform-box:fill-box;transform-origin:center bottom}.studio-paused *{animation-play-state:paused!important}.discovery-trails{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 35px}.discovery-trails>a{display:flex;align-items:center;gap:18px;text-decoration:none;color:#263b69;padding:22px;border-radius:24px;background:#cce8ff;transition:transform .25s,box-shadow .25s}.discovery-trails>a:nth-child(2){background:#e6d6ff}.discovery-trails>a:nth-child(3){background:#cff5d9}.discovery-trails small{display:block;font-size:9px;letter-spacing:1.2px;font-weight:800}.discovery-trails strong{display:block;font-size:clamp(18px,1.45vw,28px);margin:7px 0}.discovery-trails em{font-style:normal;font-size:12px}.discovery-trails b{margin-left:auto}.trail-picture{font-size:52px;position:relative;line-height:1;padding:12px;border-radius:20px;background:#ffffff90;flex-shrink:0}.trail-picture i{position:absolute;right:-4px;top:-5px;font-size:24px;font-style:normal;background:#fff3bd;border-radius:50%;width:30px;height:30px;text-align:center}.discovery-trails a:hover,.discovery-trails a:focus-visible{transform:translateY(-6px);box-shadow:0 12px 25px #263b691a}.discovery-trails a:hover .trail-picture,.discovery-trails a:focus-visible .trail-picture{animation:studio-wiggle .6s}.path-card:hover .skill-icon,.activity-card:hover .skill-icon{animation:studio-wiggle .6s}.studio-picture:focus-visible{outline:3px solid #7250bd;outline-offset:3px}@keyframes studio-turn{to{transform:rotate(360deg)}}@keyframes studio-cloud{to{transform:translateX(25px)}}@keyframes studio-sway{to{transform:rotate(7deg)}}@keyframes studio-pencil{50%{translate:0 -7px}}@keyframes studio-arrive{from{opacity:0;transform:translateY(20px) scale(.65)}to{opacity:1;transform:none}}@keyframes studio-wiggle{25%{transform:rotate(-9deg)}70%{transform:rotate(8deg)}}
@media(min-width:2000px){.discovery-studio{padding:28px}.studio-modes button{font-size:17px}.studio-heading span{font-size:14px}.discovery-trails{gap:28px}.discovery-trails>a{padding:30px}.discovery-trails em{font-size:17px}}
@media(max-width:1100px){body>header{grid-template-columns:1fr 1fr!important}.site-search{grid-row:2;grid-column:1/-1;max-width:none}body>header nav{grid-row:3!important}.discovery-hero{gap:28px}.studio-adjust{gap:8px}.discovery-trails>a{padding:17px;gap:12px}.trail-picture{font-size:32px}.discovery-trails em{display:none}}
@media(max-width:760px){body>header{padding:15px 20px 0!important;gap:12px!important}body>header .brand{font-size:19px}body>header .brand img{width:35px;height:35px}body>header .head-actions #language,body>header .head-actions #sound{display:none}body>header .head-actions button{font-size:11px;padding:8px 11px;min-height:40px}body>header nav{justify-content:space-between;gap:6px!important}body>header nav a{font-size:12px}main{padding:22px 20px 45px!important}.discovery-hero{grid-template-columns:1fr;padding:10px 0 28px}.discovery-copy h1{font-size:clamp(38px,8vw,58px);margin:17px 0}.discovery-copy>p{font-size:16px}.discovery-copy .actions{margin-top:20px}.discovery-links{margin-top:18px;gap:6px}.discovery-links a{font-size:11px;padding:9px 10px}.discovery-studio{transform:none;padding:13px;border-radius:23px}.studio-heading span{font-size:9px;letter-spacing:1px}.studio-heading button{font-size:10px}.studio-modes{gap:5px}.studio-modes button{font-size:11px}.studio-adjust label{width:100%}.studio-equation{font-size:30px}.discovery-trails{grid-template-columns:1fr;gap:12px}.discovery-trails em{display:block}.discovery-trails strong{font-size:20px}.trail-picture{font-size:36px}.discovery-studio>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.discovery-studio *,.discovery-trails *{animation:none!important;transition:none!important}}

[data-visitor-hidden]{display:none!important}.discovery-trails{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.path-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

.interaction-panel{scroll-margin-top:20px;animation:panel-arrival .24s ease-out}.interaction-panel:focus{outline:none}.interaction-panel:focus-visible{outline:3px solid #a78bcd;outline-offset:4px}.account-layout{align-items:start}.account-layout>.interaction-panel{position:sticky;top:20px}@keyframes panel-arrival{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:900px){.account-layout>.interaction-panel{order:-1;position:relative;top:auto}.account-layout{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.interaction-panel{animation:none}}

/* Fit the complete playground below the header, including its controls. */
.discovery-studio{transform:none}
@media(min-width:761px){
 .discovery-hero{padding-top:12px;gap:clamp(24px,4vw,80px)}
 .discovery-studio{padding:clamp(14px,2vh,24px)}
 .studio-picture svg{height:auto;max-height:max(100px,calc(100svh - var(--site-header-height,180px) - 340px));width:100%;object-fit:contain}
 .studio-heading{margin-bottom:12px}
 .studio-modes{margin-bottom:10px}
 .studio-equation{font-size:clamp(26px,4vh,44px);padding:10px 0}
 .discovery-studio>p{margin-top:8px}
 .discovery-copy h1{font-size:clamp(34px,min(4.4vw,7.2vh),88px);margin:18px 0}
 .discovery-copy>p{font-size:clamp(15px,min(1.25vw,2.3vh),23px);line-height:1.6}
 .discovery-copy .actions{margin-top:20px}
 .discovery-links{margin-top:18px}
}

.studio-modes{align-items:center}.studio-modes select{flex:1;min-width:0;margin:0;background:#263b69;color:white;font-weight:750;font-size:15px;padding:11px;border-radius:12px}.studio-modes button{flex:0 0 44px;font-size:20px}.studio-adjust [hidden]{display:none!important}.studio-adjust:has(input[hidden]){justify-content:flex-end}.discovery-studio>p{min-height:3.4em;line-height:1.55}.studio-equation{font-size:clamp(20px,2.3vw,38px)}@media(min-width:761px){.studio-picture svg{max-height:max(100px,calc(100svh - var(--site-header-height,180px) - 385px))}}@media(max-width:760px){.studio-modes select{font-size:13px}.studio-equation{font-size:24px}.discovery-studio>p{min-height:5em}}

.preview-piece{animation:piece-fill .65s both;animation-delay:calc(var(--order)*160ms);transform-box:fill-box;transform-origin:left center}@keyframes piece-fill{from{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}.studio-paused .preview-piece{animation-play-state:paused}

.root-assemble{animation:root-assemble 1s ease both}@keyframes root-assemble{from{translate:var(--from-x) var(--from-y)}to{translate:0 0}}

.studio-topics{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #e7edf6}.studio-topics button{background:#f2f5fb;color:#526482;border:1px solid transparent;border-radius:99px;min-height:38px;padding:8px 13px;font-family:inherit;font-size:13px;font-weight:650;box-shadow:none;transition:background .18s,color .18s,border-color .18s}.studio-topics button:hover{background:#e5ddf7;color:#57358b}.studio-topics button[aria-pressed=true]{background:#e8dff8;color:#57358b;border-color:#cbb7e9}.studio-topics button:focus-visible{outline:3px solid #7250bd;outline-offset:2px}@media(min-width:761px){.studio-picture svg{max-height:max(100px,calc(100svh - var(--site-header-height,180px) - 430px))}}@media(max-width:760px){.studio-topics{gap:6px}.studio-topics button{font-size:12px;padding:7px 10px;min-height:40px}}

.studio-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.studio-topics button{padding-inline:8px}@media(max-width:760px){.studio-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact lesson navigation: labels stay at their natural width. */
.studio-topics{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;max-width:100%;padding:0 2px 3px;margin-bottom:16px;border-bottom:1px solid #e5eaf4;scrollbar-width:thin;scrollbar-color:#c4cde0 transparent}
.studio-topics button{position:relative;flex:0 0 auto;min-height:44px;padding:10px 0 12px;border:0;border-radius:0;background:transparent;color:#66738e;font-family:inherit;font-size:13px;font-weight:650;white-space:nowrap;box-shadow:none}
.studio-topics button::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;background:#7250bd;transform:scaleX(0);transition:transform .2s}
.studio-topics button:hover{background:transparent;color:#57358b;transform:none;box-shadow:none}
.studio-topics button[aria-pressed=true]{background:transparent;color:#57358b;border-color:transparent}
.studio-topics button[aria-pressed=true]::after{transform:scaleX(1)}
.studio-topics button:focus-visible{outline:2px solid #7250bd;outline-offset:-2px;border-radius:4px}
@media(max-width:760px){.studio-topics{gap:18px}.studio-topics button{font-size:13px;padding:10px 0 12px}}
@media(prefers-reduced-motion:reduce){.studio-topics button::after{transition:none}}

.discovery-studio{min-width:0;max-width:100%}.studio-topics{min-width:0;box-sizing:border-box}

/* A stable stage across every automatically playing lesson. */
.studio-picture{aspect-ratio:576/230;width:100%;background:#edf3ff}
.studio-picture svg{width:100%;height:100%;max-height:none;object-fit:contain}
.studio-adjust{min-height:48px;box-sizing:border-box}
.discovery-studio>p{height:5em;min-height:5em;overflow:auto}
@media(min-width:761px){.studio-picture{max-height:max(100px,calc(100svh - var(--site-header-height,160px) - 430px));}.studio-picture svg{max-height:none}}
@media(max-width:760px){.studio-adjust{min-height:76px}}

.studio-topic-title{font-size:clamp(16px,1.5vw,22px);font-weight:750;color:#57358b;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #e5eaf4}

/* Paired account actions share one footprint. */
body>header .head-actions :is(#account,#register){width:104px;height:46px;min-height:46px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;box-sizing:border-box;white-space:nowrap;font-size:15px}
body>header .head-actions #sound{font-family:inherit;font-size:12px;padding:8px 10px;color:#435776;background:transparent;white-space:nowrap}
@media(max-width:760px){body>header .head-actions :is(#account,#register){width:82px;height:44px;min-height:44px;font-size:13px}}

body>header .head-actions :is(#account,#register)[hidden]{display:none}

body>header .head-actions #sound[hidden]{display:none!important}