/* RC175: classroom variations, tablet-safe arts and rhythm boards. */
.sk175-retry-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0!important;padding:12px 17px!important;border-radius:13px!important;background:#155b83!important;color:#fff!important;border:1px solid #428bb5!important;font-weight:750!important;cursor:pointer}
.sk175-retry-open[hidden],.sk175-retry[hidden]{display:none!important}
.sk175-retry{min-width:0;margin-top:14px;padding:15px;border:1px solid var(--sk170-edge,#abc8e1);border-radius:16px;background:var(--sk170-soft,#e7f2fc);color:var(--sk170-text,#17314a)}
.sk175-retry>strong{font-size:11px;letter-spacing:.08em;color:inherit}.sk175-retry p{line-height:1.6;overflow-wrap:anywhere}.sk175-retry-question{font-weight:700}.sk175-retry fieldset{min-width:0;border:0;margin:12px 0;padding:0;display:grid;gap:8px}
.sk175-retry fieldset label{display:flex;gap:8px;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--sk170-edge,#abc8e1);border-radius:10px;background:var(--sk170-card,#fff);color:var(--sk170-text,#17314a)}
.sk175-retry button[data-sk175-evaluate]{padding:11px 15px;border:0;border-radius:11px;background:#217ea8;color:white;font-weight:700;cursor:pointer}
.sk175-retry [data-sk175-feedback]{margin:12px 0 0;padding:12px;border-radius:11px;border:1px solid var(--sk170-edge,#abc8e1);background:var(--sk170-card,#fff);color:var(--sk170-text,#17314a)}
.sk175-retry [data-sk175-feedback][data-result=correct]{background:#dff7ec;color:#075740;border-color:#77cba9}.sk175-retry [data-sk175-feedback][data-result=review]{background:#fff1d6;color:#744413;border-color:#ddac69}
.sk175-art{min-width:0;box-sizing:border-box;margin:20px 0;padding:clamp(16px,3vw,26px);border-radius:22px;border:1px solid var(--sk170-edge,#b7cde1);background:var(--sk170-card,#f5faff);color:var(--sk170-text,#17314a);overflow-wrap:anywhere}
.sk175-art header>span{font-size:11px;font-weight:850;letter-spacing:.08em;color:#25849d}.sk175-art header h3{color:inherit!important;margin:7px 0;font-size:clamp(19px,3vw,25px)}.sk175-art header p{line-height:1.65;color:inherit;opacity:.85}
.sk175-swatches,.sk175-beats{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sk175-color,.sk175-beats button{touch-action:manipulation;min-height:52px;border:2px solid var(--sk170-edge,#b7cde1);border-radius:12px;padding:11px 14px;background:var(--sk170-soft,#e8f4fd);color:var(--sk170-text,#17314a);font-weight:700;cursor:pointer}
.sk175-color[aria-pressed=true],.sk175-beats button[aria-pressed=true]{border-color:#33a6ac;box-shadow:0 0 0 2px rgba(38,169,171,.23)}.sk175-color{display:inline-flex;align-items:center;gap:10px}.sk175-color i{display:inline-block;width:18px;height:18px;border-radius:50%;background:#e34e55;border:1px solid rgba(0,0,0,.15)}.sk175-color[data-sk175-color=blue] i{background:#3e8dda}.sk175-color[data-sk175-color=yellow] i{background:#f3c650}
.sk175-palette-stage{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:15px;background:var(--sk170-soft,#e8f4fd);border-radius:15px;min-height:115px}.sk175-palette-mark{height:82px;width:82px;max-width:30vw;border-radius:21px;background-color:#e34e55;box-shadow:0 5px 24px #0001}.sk175-palette-secondary{font-size:12px;font-weight:750;display:grid;gap:7px}.sk175-palette-secondary strong{font-size:20px}
.sk175-beats button{flex:1;min-width:62px;display:grid;gap:4px;justify-items:center}.sk175-beats button b{font-size:22px}.sk175-beats button span{font-size:12px}.sk175-beats button.is-current{outline:3px solid #33c0be;outline-offset:1px}
.sk175-rhythm-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.sk175-rhythm-controls label{display:flex;align-items:center;gap:9px;font-weight:700}.sk175-rhythm-controls select{max-width:100%;border:1px solid var(--sk170-edge,#b7cde1);border-radius:10px;padding:10px;background:var(--sk170-soft,#e8f4fd);color:var(--sk170-text,#17314a)}.sk175-rhythm-controls button{border:0;border-radius:11px;padding:11px 17px;background:#177c86;color:white;font-weight:700;cursor:pointer}
.sk175-art-feedback{display:block;margin:13px 0;padding:12px 14px;border:1px solid var(--sk170-edge,#b7cde1);border-radius:12px;background:var(--sk170-soft,#e8f4fd);color:var(--sk170-text,#17314a);line-height:1.6}.sk175-art-note{font-size:13px;line-height:1.6;opacity:.82}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk175-retry [data-sk175-feedback][data-result=correct]{background:#184835;color:#baf0d8;border-color:#528f7b}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk175-retry [data-sk175-feedback][data-result=review]{background:#4b351f;color:#ffdeb1;border-color:#a98144}
:is(html.lessonsky-dark body,body.lessonsky-dark,html.lessonsky-dim body,body.lessonsky-dim) .sk175-retry-open{background:#296b93!important;border-color:#74b2d9!important}
@media(max-width:480px){.sk175-art,.sk175-retry{padding:14px}.sk175-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sk175-color{min-width:0;font-size:13px}.sk175-beats{gap:6px}.sk175-beats button{padding:8px 6px}.sk175-rhythm-controls label,.sk175-rhythm-controls button{width:100%}.sk175-rhythm-controls select{flex:1}.sk175-retry [data-sk175-evaluate],.sk175-retry-open{width:100%}}
@media(prefers-reduced-motion:reduce){.sk175-art *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.sk175-color[aria-pressed=true],.sk175-beats button[aria-pressed=true]{outline:2px solid Highlight}.sk175-retry-open,.sk175-rhythm-controls button{border:1px solid ButtonText!important}}