/* RC268 is scoped to its educator and optional learner panels. */
.sk268-admin{--sk268-ink:#173252;--sk268-muted:#61748b;--sk268-border:#d9e2f0;max-width:1480px;color:var(--sk268-ink)}
.sk268-admin .sk268-hero{background:linear-gradient(120deg,#0b1930,#193d65);border-radius:20px;color:#fff;padding:28px 30px;margin:20px 0;box-shadow:0 14px 32px #0b193021}
.sk268-admin .sk268-hero small{color:#acd8ff;letter-spacing:.12em;font-size:11px}
.sk268-admin .sk268-hero h1{color:#fff;margin:10px 0;font-size:28px}
.sk268-admin .sk268-hero p{color:#d9e6f6;margin:0;max-width:840px}
.sk268-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0}
.sk268-stats>div{background:#fff;border:1px solid var(--sk268-border);border-radius:15px;padding:15px 18px}
.sk268-stats strong{display:block;font-size:27px;line-height:1.2;font-weight:800}
.sk268-stats span{display:block;color:var(--sk268-muted);font-size:12px;margin-top:4px}
.sk268-note-text{color:var(--sk268-muted);line-height:1.6}
.sk268-state-summary{display:flex;flex-wrap:wrap;gap:10px}
.sk268-state-summary span{padding:7px 11px;border-radius:9px;background:#e9f1fb}
.sk268-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}
.sk268-filters select{margin-left:6px}
.sk268-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,470px),1fr));gap:14px;align-items:start}
.sk268-item{background:#fff;border:1px solid var(--sk268-border);border-radius:16px;box-shadow:0 6px 20px #1732520d;overflow:hidden}
.sk268-item summary{padding:18px;cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:space-between;list-style:none}
.sk268-item summary::-webkit-details-marker{display:none}
.sk268-item summary small,.sk268-item summary strong{display:block}
.sk268-item summary small{color:var(--sk268-muted);font-size:12px;margin-bottom:7px}
.sk268-item summary strong{font-size:16px;line-height:1.4}
.sk268-pill{font-style:normal;font-size:11px;padding:6px 9px;border-radius:999px;background:#eff5fc;color:#254d78;white-space:normal;text-align:center}
.sk268-pill.published{background:#d5f9e6;color:#175d39}.sk268-pill.approved{background:#fff1cf;color:#865a05}.sk268-pill.withdrawn{background:#ffe2e5;color:#91233a}
.sk268-body{border-top:1px solid var(--sk268-border);padding:18px;line-height:1.65}
.sk268-body h3{font-size:15px;margin:20px 0 8px}
.sk268-body ol li{margin:0 0 13px;padding-left:2px}
.sk268-tip{color:var(--sk268-muted);font-size:12px}
.sk268-action{border-top:1px solid var(--sk268-border);margin:24px 0 0;padding:16px 0}
.sk268-check{display:block;margin:10px 0}.sk268-check input{vertical-align:middle}
.sk268-note{display:block;margin:16px 0}.sk268-note textarea{width:100%;margin-top:7px}
.sk268-student{--sk268-surface:var(--sk-card-bg,var(--sk-surface,#fff));--sk268-line:var(--sk-border,#9eafc6);--sk268-txt:var(--sk-text,inherit);border:1px solid var(--sk268-line);border-radius:18px;background:var(--sk268-surface);color:var(--sk268-txt);margin:20px 0;padding:20px;max-width:100%;overflow:hidden}
.sk268-student-heading{margin:0 0 15px}.sk268-student-heading span{font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--sk-accent,#5480b7)}
.sk268-student-heading h3{margin:6px 0;font-size:clamp(18px,2.4vw,23px)}.sk268-student-heading p{margin:5px 0;line-height:1.5}
.sk268-lesson-preview,.sk268-recent{border:1px solid var(--sk268-line);border-radius:12px;padding:12px;margin:14px 0}
.sk268-lesson-preview summary,.sk268-recent summary{cursor:pointer;font-weight:700}
.sk268-lesson-preview li{padding:5px 0;line-height:1.6}.sk268-lesson-preview small{display:block;opacity:.75}
.sk268-question{border:1px solid var(--sk268-line);border-radius:12px;padding:14px;margin:14px 0;min-width:0}
.sk268-question legend{max-width:100%;padding:0 6px;white-space:normal;line-height:1.5}
.sk268-question label{display:block;margin:10px 0;padding:8px 9px;border:1px solid var(--sk268-line);border-radius:8px;cursor:pointer;overflow-wrap:anywhere}
.sk268-question label:focus-within{outline:2px solid var(--sk-accent,#397bbf);outline-offset:2px}
.sk268-question input{margin-inline-end:6px}.sk268-score{border-left:3px solid var(--sk-accent,#397bbf);padding:10px 12px;margin:16px 0}
.sk268-alert{color:var(--sk-danger,#c53030)}
@media(max-width:650px){.sk268-admin .sk268-hero{padding:22px 18px}.sk268-item summary{flex-direction:column;align-items:start}.sk268-student{padding:13px}.sk268-question{padding:10px}}
/* Every level remains visible by text as well as visual treatment. */
.sk268-difficulty{display:inline-block;margin-inline-end:7px;border:1px solid currentColor;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:750;line-height:1.6}
.sk268-difficulty-1{color:var(--sk-success,#167451)}
.sk268-difficulty-3{color:var(--sk-accent,#357db0)}
.sk268-difficulty-5{color:var(--sk-danger,#b44546)}
.sk268-student{color:var(--sk-text,inherit)}
.sk268-student-heading p{max-width:70ch}
.sk268-grid{grid-auto-rows:min-content}
.sk268-question legend{line-height:1.7}

/* RC268: Learning remediation uses theme tokens in bright, dim and dark modes. */
.sk266-remediation{border:1px solid var(--sk268-line);border-inline-start:4px solid var(--sk-accent,#397bbf);border-radius:11px;padding:12px 14px;margin:14px 0;background:var(--sk268-surface);color:var(--sk268-txt);line-height:1.6}
.sk266-remediation strong{display:block;overflow-wrap:anywhere}
.sk266-remediation p{margin:7px 0 9px}
.sk266-review-link{display:inline-flex;align-items:center;min-height:36px;color:var(--sk-accent,#397bbf);text-decoration:underline;text-underline-offset:3px;font-weight:650}
.sk266-review-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.sk266-next-step{border:1px solid var(--sk268-line);border-radius:10px;padding:10px 12px;line-height:1.6}
