/* High School Math Studio: isolated component styles. */
.studio-hero{padding:60px 0 48px;background:radial-gradient(ellipse at 90% 15%,#d8f4e9 0,transparent 46%),linear-gradient(125deg,#edf3ff,#f9fbff);border-bottom:1px solid #dbe6f3}.studio-hero h1{font-size:clamp(2.6rem,5.5vw,4.65rem);max-width:850px;line-height:1.06;margin:14px 0 23px;letter-spacing:-.04em}.studio-kicker{font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#255da5;margin:23px 0 12px}.studio-lead{max-width:760px;color:#48617c;font-size:clamp(1.05rem,2vw,1.24rem);line-height:1.7}.studio-jumps{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 20px}.studio-jumps a{font-weight:800;font-size:.87rem;color:#164d96;border:1px solid #bed2ed;background:#fff;padding:11px 15px;border-radius:12px;transition:background .15s}.studio-jumps a:hover{background:#e8f0fe}.studio-origin{max-width:870px;font-size:.83rem;color:#51667d;line-height:1.6;margin:0}.studio-origin a{text-decoration:underline;text-underline-offset:3px;font-weight:750}.studio-section{padding:72px 0;scroll-margin-top:110px}.studio-tinted{background:#f4f8fd;border-top:1px solid #dfe8f3;border-bottom:1px solid #dfe8f3}.studio-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:54px;align-items:start}.studio-copy .studio-kicker{margin-top:5px}.studio-copy h2{font-size:clamp(1.9rem,3.5vw,2.75rem);letter-spacing:-.025em;margin:10px 0 22px}.studio-copy>p:not(.studio-kicker){color:#445d77;line-height:1.8}.studio-example{border:1px solid #c7dbf3;border-left:4px solid #2c64c8;border-radius:0 15px 15px 0;background:#eef5ff;padding:19px 20px;margin:24px 0}.studio-example h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#2259a7;margin:0 0 8px}.studio-example p{font-size:.94rem;line-height:1.75;color:#365474;margin:0}.studio-prompt{background:#eef8f3;border:1px solid #c8e8da;border-radius:13px;padding:17px;font-size:.92rem}.studio-back{display:inline-flex;margin-top:9px;font-size:.87rem;color:#1c559f;font-weight:800;text-decoration:underline;text-underline-offset:3px}.studio-panel{min-width:0;border:1px solid #cddded;border-radius:23px;padding:27px;background:#fff;box-shadow:0 16px 42px #1c46730b}.studio-panel-heading{margin-bottom:23px}.studio-panel-heading h3{font-size:1.5rem;margin:10px 0 0;color:#153b67}.studio-badge{display:inline-flex;border-radius:7px;padding:5px 9px;background:#e9f1ff;color:#1d55a5;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:900}.studio-badge-mint{color:#086952;background:#e1f7ed}.studio-badge-violet{color:#6343a5;background:#f1eaff}.studio-badge-orange{color:#96500d;background:#fff0df}.studio-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.studio-controls label,.studio-range,.studio-check>label,.studio-details>label,.studio-controls>div>label{display:block;font-size:.83rem;color:#274867;font-weight:800;line-height:1.5}.studio-controls-three{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-controls output,.studio-range output{color:#2159ad;float:right;font-variant-numeric:tabular-nums}.studio-controls input[type=range],.studio-range input[type=range]{display:block;width:100%;height:28px;margin-top:9px;accent-color:#285fc4;cursor:pointer}.studio-panel input:not([type=range]),.studio-panel select{width:100%;min-width:0;max-width:100%;min-height:45px;border:1px solid #aec4df;border-radius:9px;background:#fff;color:#193e69;padding:9px 11px;font:inherit;font-size:.9rem}.studio-controls select{margin-top:9px}.studio-panel input:focus-visible,.studio-panel select:focus-visible,.studio-panel button:focus-visible,.studio-jumps a:focus-visible,.studio-back:focus-visible,.studio-details summary:focus-visible{outline:3px solid #dd8a16;outline-offset:3px}.studio-formula{margin:18px 0;padding:14px 12px;border-radius:12px;background:#edf4ff;color:#1c4d96;font-size:1.04rem;text-align:center;font-weight:850;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.studio-figure{margin:18px 0 22px}.studio-figure svg{width:100%;height:auto;display:block;overflow:visible;background:#fbfdff;border:1px solid #dce7f2;border-radius:14px}.studio-figure figcaption{font-size:.75rem;line-height:1.5;color:#536981;margin-top:9px}.studio-svg-label{font:13px system-ui,sans-serif;fill:#3b5670}.studio-svg-heading{font:700 14px system-ui,sans-serif;fill:#284968}.studio-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:19px 0}.studio-results div{background:#f5f8fd;border:1px solid #dce7f4;padding:12px 9px;border-radius:11px}.studio-results dt{color:#526a82;font-size:.72rem;font-weight:750;margin-bottom:6px}.studio-results dd{margin:0;color:#193f70;font-size:.89rem;font-weight:850;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.studio-check{margin-top:23px;padding-top:20px;border-top:1px solid #dce7f3}.studio-answer-row{display:flex;gap:10px;align-items:stretch;margin-top:10px}.studio-answer-row input,.studio-answer-row select{flex:1}.studio-answer-row .button{flex:none;white-space:normal;min-height:45px;padding:11px 14px;font-size:.78rem}.studio-feedback{padding:13px 15px;border-radius:11px;background:#f0f5fc;border:1px solid #d3e1f1;color:#375a7e;font-size:.84rem;line-height:1.6;margin:16px 0 0;min-height:65px}.studio-feedback[data-state=correct]{background:#e8f8f0;border-color:#abd8bf;color:#116044}.studio-feedback[data-state=retry]{background:#fff5e6;border-color:#e3c48b;color:#774909}.studio-table-scroll{width:100%;overflow-x:auto}.studio-table{border-collapse:collapse;width:100%;font-size:.83rem;line-height:1.5;min-width:330px}.studio-table caption{text-align:left;padding:8px 0 12px;font-size:.78rem;color:#4c6682;font-weight:800}.studio-table th,.studio-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #dde7f2;vertical-align:top}.studio-table thead th{background:#edf4fd;color:#244f87;font-size:.76rem}.studio-table tbody th{font-weight:750;color:#335673;width:34%}.studio-table td{color:#365578;font-variant-numeric:tabular-nums}.studio-details{background:#f5f2ff;border:1px solid #d9cfed;border-radius:13px;padding:16px;color:#503c7c;margin-top:18px}.studio-details summary{font-weight:850;font-size:.85rem;cursor:pointer}.studio-details>label{margin:17px 0 7px;color:#543b82}.studio-details input{max-width:220px!important}.studio-details p{color:#554177;font-size:.84rem;line-height:1.7;margin:13px 0 0}.studio-bag{display:flex;gap:8px;flex-wrap:wrap;padding:20px;border-radius:18px;border:2px solid #d7e3f2;background:#f7faff;min-height:85px;align-content:center;margin-top:18px}.studio-counter{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:.69rem;font-weight:900;color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #b1c4dc}.studio-counter-red{background:#b63b44}.studio-counter-blue{background:#235aa8}.studio-bag-key,.studio-input-help{font-size:.75rem;line-height:1.6;color:#536b84;margin:9px 0 5px}.studio-note{font-size:.84rem;line-height:1.7;color:#405c79;padding:13px;border-radius:10px;background:#f1f6fc;margin-top:16px}.studio-outro{padding:58px 0;background:#eaf3ff}.studio-outro h2{font-size:2rem;margin-bottom:12px}.studio-outro>div>p:not(.studio-origin){color:#405f7e}.studio-noscript{padding:20px;color:#704911;background:#fff1d5}
@media(max-width:1050px){.studio-layout{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.studio-panel{padding:22px}.studio-results{grid-template-columns:1fr}.studio-results div{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-results dt{margin:0}.studio-results dd{text-align:right}}
@media(max-width:830px){.studio-layout{grid-template-columns:1fr;gap:27px}.studio-copy{max-width:700px}.studio-section{padding:48px 0}.studio-hero{padding:42px 0 36px}.studio-results{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-results div{display:block}.studio-results dt{margin-bottom:6px}.studio-results dd{text-align:left}.studio-panel{max-width:710px;width:100%;margin:0 auto}}
@media(max-width:480px){.studio-panel{padding:18px 15px;border-radius:17px}.studio-controls{gap:14px 12px}.studio-controls label,.studio-controls>div>label{font-size:.76rem}.studio-results{grid-template-columns:1fr}.studio-results div{display:flex}.studio-results dt{margin:0}.studio-results dd{text-align:right}.studio-answer-row{flex-direction:column}.studio-answer-row .button{width:100%}.studio-hero h1{font-size:2.65rem}.studio-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-jumps a{padding:10px;font-size:.77rem}.studio-example{padding:16px}.studio-table th,.studio-table td{padding:10px 8px}.studio-counter{width:29px;height:29px}.studio-bag{padding:15px;gap:7px}.studio-formula{font-size:.96rem}}
@media(prefers-reduced-motion:reduce){.studio-jumps a{transition:none}}