/* RC172 - independent child-friendly contrast tokens: light, dim, dark. */
.sk172-young{border-color:var(--sk170-edge);}
.sk172-young .sk170-head>span{letter-spacing:.07em}
.sk172-young .sk170-solution li span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--sk170-soft)}
.sk172-activity{background:var(--sk170-soft);color:var(--sk170-text);border:1px solid var(--sk170-edge);border-radius:12px;padding:14px;margin:0;line-height:1.6}
.sk172-primary-visual{--sk172-bg:#eaf4fc;--sk172-card:#fff;--sk172-text:#183653;--sk172-muted:#42627e;--sk172-edge:#b6ccdf;--sk172-accent:#185f8c;max-width:100%;min-width:0;border:1px solid var(--sk172-edge);border-radius:20px;padding:18px;margin:20px 0;background:var(--sk172-bg);color:var(--sk172-text);overflow-wrap:anywhere}
.sk172-primary-visual *{box-sizing:border-box}
.sk172-vhead>span{color:var(--sk172-accent);letter-spacing:.08em;font-weight:900;font-size:11px}.sk172-vhead h3{margin:6px 0;color:var(--sk172-text);font-size:clamp(19px,2vw,24px)}.sk172-vhead p{margin:0 0 14px;color:var(--sk172-muted);line-height:1.7}
.sk172-vgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:14px}.sk172-stage,.sk172-vcontrols{border:1px solid var(--sk172-edge);border-radius:14px;background:var(--sk172-card);padding:12px;min-width:0}.sk172-stage svg{display:block;width:100%;height:auto;max-height:280px;color:var(--sk172-text);overflow:visible}.sk172-vcontrols{display:flex;flex-direction:column;justify-content:center;gap:12px}.sk172-vcontrols label{font-weight:800;color:var(--sk172-text)}.sk172-vcontrols input{width:100%;accent-color:#278baf;min-height:38px;cursor:pointer}.sk172-vcontrols output{font-weight:800;color:var(--sk172-text);line-height:1.5}.sk172-vnote{font-size:13px;color:var(--sk172-muted);line-height:1.65;margin:0}
:is(html.lessonsky-dark body,body.lessonsky-dark) .sk172-primary-visual{--sk172-bg:#142840;--sk172-card:#203d5b;--sk172-text:#f3f8ff;--sk172-muted:#c7d9ec;--sk172-edge:#587799;--sk172-accent:#a1d5ff}
:is(html.lessonsky-dim body,body.lessonsky-dim) .sk172-primary-visual{--sk172-bg:#273e53;--sk172-card:#304d64;--sk172-text:#f3f8ff;--sk172-muted:#cddfeb;--sk172-edge:#67849d;--sk172-accent:#b8dfff}
@media(max-width:760px){.sk172-primary-visual{padding:13px}.sk172-vgrid{grid-template-columns:minmax(0,1fr)}.sk172-vcontrols{padding:12px}.sk172-stage svg{max-height:none}.sk172-young{padding:13px}}
@media(forced-colors:active){.sk172-primary-visual,.sk172-stage,.sk172-vcontrols,.sk172-activity{background:Canvas;color:CanvasText;border-color:CanvasText;forced-color-adjust:auto}}