.studio-breadcrumb,.studio-nav,.maths-studio,.studio-note{max-width:1200px;margin:auto}.studio-breadcrumb{padding:15px 28px 20px;font-size:12px;color:var(--muted)}.studio-breadcrumb a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.studio-nav{padding:0 28px 18px;display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;border-bottom:1px solid var(--line)}.studio-nav button{flex-shrink:0;padding:12px 16px;min-height:44px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--ink);font-weight:600;font-size:13px}.studio-nav button:hover{border-color:var(--blue)}.studio-nav button.active{background:var(--blue);color:white}.maths-studio{--studio-surface:#f4f6fb;--studio-card:#fff;--navy:#17243b;--studio-pale:#edf3ff;padding:32px 28px 60px;line-height:1.65;color:var(--ink);outline:none}.maths-studio *{box-sizing:border-box}.maths-studio button,.maths-studio input,.maths-studio select{font:inherit}.maths-studio button{min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:5px;background:var(--studio-card);color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.maths-studio button:hover{border-color:var(--blue);background:var(--studio-pale)}.maths-studio button:disabled{opacity:.6;cursor:default}.maths-studio .primary{background:var(--blue);color:white;border-color:var(--blue)}.maths-studio .primary:hover{background:#1346bc;color:white}.maths-studio h1{font:normal clamp(36px,4.8vw,62px)/1.1 Georgia,serif;letter-spacing:-1.8px;margin:12px 0 22px}.maths-studio h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:0 0 16px}.maths-studio h3{font-size:18px;line-height:1.4;margin:20px 0 12px}.maths-studio p{margin:10px 0 18px}.maths-studio a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.maths-studio .muted{color:var(--muted)}.maths-studio .eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin:0}.maths-studio .hero{max-width:none;margin:0;padding:34px;grid-template-columns:1.6fr 1fr;gap:35px;background:var(--studio-pale);border-radius:18px}.maths-studio .hero h1{color:var(--navy)}.maths-studio .hero p{color:var(--muted);max-width:500px}.maths-studio .hero .primary{background:var(--blue);color:white}.maths-studio .hero .small{display:inline-block;margin:10px}.maths-studio .art{position:relative;display:grid;place-items:center;border-radius:45% 5% 45% 5%;background:var(--yellow);height:230px;font:54px Georgia,serif;color:#17243b;transform:rotate(-3deg)}.maths-studio .art span{font:15px 'Inter',Arial,sans-serif;position:absolute;bottom:26px}.maths-studio .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.maths-studio .between{justify-content:space-between}.maths-studio .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.maths-studio .two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.maths-studio .card{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--studio-card);min-width:0}.maths-studio .section{margin-top:30px;padding:0;max-width:none}.maths-studio .stat{display:block;font-size:32px;font-weight:700;color:var(--blue)}.maths-studio .icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--studio-pale);color:var(--blue);font-weight:700}.maths-studio .topic{display:flex;flex-direction:column;align-items:flex-start}.maths-studio .topic h3{margin-bottom:4px}.maths-studio .topic p{flex:1}.maths-studio .topic button{width:100%;margin-top:14px}.maths-studio .progress{height:6px;border-radius:9px;background:var(--studio-surface);overflow:hidden;margin:14px 0}.maths-studio .progress i{display:block;background:var(--blue);height:100%}.maths-studio .notice{padding:18px 20px;background:#fff6d8;border-radius:10px;color:#614800;font-size:14px}.maths-studio .stack>*+*{margin-top:18px}.maths-studio .formula{font:22px/1.65 Georgia,serif;padding:20px;background:var(--studio-pale);border-radius:10px;overflow-wrap:anywhere}.maths-studio .answer{width:100%;text-align:left;margin:6px 0}.maths-studio .selected{border:2px solid var(--blue);background:var(--studio-pale)}.maths-studio .good{background:#e7f7ed;border:1px solid #83c49c;padding:20px;border-radius:10px;color:#155830}.maths-studio .bad{background:#fff2e4;border:1px solid #d8a674;padding:20px;border-radius:10px;color:#713b05}.maths-studio input[type=text],.maths-studio input[type=search],.maths-studio select{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;min-height:48px;background:var(--studio-card);color:var(--ink)}.maths-studio label{display:block;font-size:14px;margin:14px 0}.maths-studio label input[type=checkbox]{width:20px;height:20px;min-height:0;margin-right:10px;vertical-align:middle}.maths-studio .quiz{max-width:820px;margin:0 auto}.maths-studio .quiz h2{margin:24px 0;font-size:26px}.maths-studio .steps{padding-left:23px}.maths-studio .steps li{margin:10px 0}.maths-studio .badge{padding:6px 10px;border-radius:20px;background:var(--studio-pale);font-size:12px;font-weight:600}.maths-studio .empty{padding:26px;text-align:center;color:var(--muted)}.maths-studio .flash{display:grid;place-items:center;min-height:210px;width:100%;font:24px Georgia,serif;background:var(--studio-pale)}.maths-studio .small{font-size:13px}.maths-studio .tag{font-size:11px;border-radius:5px;background:var(--studio-surface);padding:4px 8px;display:inline-block;margin:5px 3px 5px 0;color:var(--muted)}.maths-studio .listitem{border-bottom:1px solid var(--line);padding:16px 0}.maths-studio details{margin:16px 0}.maths-studio summary{min-height:44px;padding:8px;cursor:pointer}.studio-note{border-top:1px solid var(--line);padding:22px 28px 38px;font-size:12px;line-height:1.7;color:var(--muted)}.studio-skip{position:absolute;left:-9999px}.studio-skip:focus{left:12px;top:12px;z-index:20;background:white;color:#17243b;padding:12px}#toast{position:fixed;bottom:20px;right:20px;z-index:20;background:#17243b;color:white;padding:16px;border-radius:8px}
html[data-theme=dark] .maths-studio{--studio-surface:#24334b;--studio-card:#182337;--studio-pale:#243753;--navy:#f0f4fc}html[data-theme=dark] .maths-studio .card[style*="fff8e2"]{background:#29344a!important}html[data-theme=dark] .maths-studio .notice{background:#423a25;color:#ffe29b}html[data-theme=dark] .maths-studio .good{background:#183b2b;color:#b7f2cf}html[data-theme=dark] .maths-studio .bad{background:#49311d;color:#ffdcaa}
@media(max-width:760px){.studio-breadcrumb{padding:12px 20px 18px}.studio-nav{padding:0 20px 16px;gap:4px}.studio-nav button{padding:10px 14px}.maths-studio{padding:24px 20px 40px}.maths-studio .hero{grid-template-columns:1fr;padding:26px;gap:0}.maths-studio .art{display:none}.maths-studio .grid,.maths-studio .two{grid-template-columns:1fr}.maths-studio .card{padding:22px}.maths-studio .hero h1{font-size:40px}.maths-studio .row button{flex-grow:1}.studio-note{padding:20px}.maths-studio .quiz h2{font-size:23px}}
.maths-studio .card.section{padding:26px}@media(max-width:760px){.maths-studio .card.section{padding:22px}}
.maths-studio h1{font-family:'Nunito Sans',Arial,sans-serif;font-weight:800;letter-spacing:-1.6px}.maths-studio h2,.maths-studio h3{font-family:'Nunito Sans',Arial,sans-serif;font-weight:700}.maths-studio .art{font-family:'Nunito Sans',Arial,sans-serif;font-weight:700}