.stem-workspace{--ink:#13233e;--accent:#0053e2;color:var(--ink);font:16px/1.6 system-ui,sans-serif;min-width:0;background:#fff;border:1px solid #dce4f0;border-radius:20px;padding:clamp(16px,3vw,32px)}.stem-workspace *{box-sizing:border-box}.stem-workspace h2{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.03em}.stem-workspace h3{font-size:22px}.stem-workspace h4{font-size:17px}.stem-workspace p,.stem-workspace td{overflow-wrap:anywhere}.stem-workspace nav,.stem-actions,.stem-modes{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.stem-workspace nav a{font-size:14px;margin-right:12px;color:#0053e2}.stem-workspace button{font:inherit;color:inherit;border:1px solid #dce4f0;border-radius:10px;background:#f3f6fb;padding:10px 16px;min-height:44px;cursor:pointer}.stem-workspace button:focus-visible,.stem-workspace input:focus-visible,.stem-workspace select:focus-visible{outline:3px solid #0053e2;outline-offset:3px}.stem-workspace .stem-primary,.stem-modes [aria-pressed=true]{background:#0053e2;color:white;border-color:#0053e2}.stem-workspace label{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:7px}.stem-workspace input,.stem-workspace select{font:inherit;min-height:46px;padding:10px;border:1px solid #8192ac;border-radius:8px;max-width:100%;min-width:0;background:#fff;color:#13233e}.stem-workspace input:disabled{background:#f3f6fb;opacity:.6}.stem-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px}.stem-workspace [role=status]{padding:12px;background:#f3f6fb;border-left:3px solid #0053e2;min-height:30px}.stem-workspace section{margin-top:26px}.stem-workspace details{margin:12px 0}.stem-workspace summary{cursor:pointer;min-height:44px;padding:9px 0}.stem-lesson,.stem-exercise{background:#f3f6fb;padding:22px;border-radius:14px}.stem-workspace ol{padding-left:24px}.stem-workspace li{padding:10px 0;border-bottom:1px solid #dce4f0}.stem-table-scroll,.stem-periodic-scroll{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}.stem-workspace table{border-collapse:collapse;min-width:100%;font-size:14px}.stem-workspace th,.stem-workspace td{padding:12px;border-bottom:1px solid #dce4f0;text-align:left}.stem-workspace th{background:#f3f6fb}.stem-periodic{display:grid;grid-template-columns:repeat(18,var(--tile,72px));grid-template-rows:24px repeat(10,minmax(90px,auto));gap:5px;width:max-content;padding:8px}.stem-workspace .stem-element{padding:6px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;width:var(--tile,72px);border-radius:6px;min-height:90px;background:var(--family);text-align:left;line-height:1.1}.stem-element strong{font-size:25px}.stem-element span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.stem-element small{font-size:10px}.stem-element[aria-pressed=true]{outline:3px solid #0053e2}.stem-workspace .stem-muted{opacity:.2}.stem-element-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:8px}.stem-element-list .stem-element{grid-column:auto!important;grid-row:auto!important;width:100%}.stem-profile{border-top:2px solid #dce4f0;padding-top:20px}.stem-diagram{background:#f3f6fb;border:1px solid #dce4f0;border-radius:10px;margin:18px 0}.stem-diagram svg{display:block;width:100%;height:auto;max-height:420px}.stem-diagram text{font:14px system-ui;fill:#13233e}.stem-workspace:fullscreen{overflow:auto;padding:30px}.stem-workspace input[type=range]{width:100%}@media(max-width:600px){.stem-workspace{padding:16px}.stem-modes button{flex:1 0 28%;padding:8px}.stem-lesson,.stem-exercise{padding:16px}.stem-table-scroll table{min-width:500px}.stem-workspace h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.stem-workspace *{scroll-behavior:auto;transition:none;animation:none}}@media print{.stem-workspace nav,.stem-modes,.stem-actions,.stem-fields,.stem-workspace button{display:none}.stem-workspace{border:0;padding:0}.stem-workspace section{break-inside:avoid}.stem-workspace details:not([open]){display:none}.stem-table-scroll{overflow:visible}.stem-workspace [role=status]{display:none}}

.stem-group-label{font-size:13px;text-align:center;font-weight:700}.stem-series-marker{font-size:14px;padding:12px 2px;align-self:center}.stem-workspace meter{width:45%;height:20px;margin-right:10px}

.stem-legend{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.stem-legend span{padding:5px 9px;border-radius:6px;color:#17382e;font-size:12px}

html[data-theme=dark] .stem-workspace{--ink:#fafafa;--accent:#80abf7;background:#212121;border-color:#656565}html[data-theme=dark] .stem-workspace nav a{color:#80abf7}html[data-theme=dark] .stem-workspace input,html[data-theme=dark] .stem-workspace select,html[data-theme=dark] .stem-workspace button{background:#292929;color:#fafafa;border-color:#767676}html[data-theme=dark] .stem-workspace [role=status],html[data-theme=dark] .stem-lesson,html[data-theme=dark] .stem-exercise,html[data-theme=dark] .stem-workspace th{background:#292929;color:#fafafa}html[data-theme=dark] .stem-workspace .stem-element{background:var(--family);color:#17382e}.stem-workspace textarea:focus-visible{outline:3px solid #0053e2;outline-offset:3px}