/* 6.24 persistent course context — compact, premium and non-blocking. */
.nsp624-context{--c:#07583f;--ink:#10231b;--muted:#64766f;--line:#d9e7e0;--card:#fff;box-sizing:border-box;display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 6%,var(--card)),var(--card) 64%);box-shadow:0 8px 28px rgba(18,63,47,.05);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);transition:opacity .16s ease,transform .16s ease}.nsp624-context *{box-sizing:border-box}.nsp624-context-main{display:flex;align-items:center;gap:11px;min-width:245px}.nsp624-context-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--c);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 7px 18px rgba(7,88,63,.16)}.nsp624-context-copy{display:grid;min-width:0}.nsp624-context-copy>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--c)}.nsp624-context-copy>strong{font-size:15px;line-height:1.2;color:var(--ink)}.nsp624-context-copy>small{margin-top:2px;max-width:390px;font-size:11px;line-height:1.35;color:var(--muted)}.nsp624-context-actions{display:flex;align-items:center;gap:7px;min-width:0;flex:1;overflow:auto;scrollbar-width:none}.nsp624-context-actions::-webkit-scrollbar{display:none}.nsp624-context-pill{display:inline-flex;align-items:center;gap:7px;min-height:38px;flex:0 0 auto;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)!important;text-decoration:none!important;font-size:11px;font-weight:800;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.nsp624-context-pill b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:color-mix(in srgb,var(--c) 8%,var(--card));color:var(--c);font-size:11px}.nsp624-context-pill small{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--c) 7%,var(--card));color:var(--muted);font-size:9px;font-weight:800}.nsp624-context-pill.is-primary{border-color:color-mix(in srgb,var(--c) 35%,var(--line));background:color-mix(in srgb,var(--c) 5%,var(--card))}.nsp624-context-pill:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--c) 40%,var(--line));box-shadow:0 7px 18px rgba(7,88,63,.07)}.nsp624-context-pill:focus-visible,.nsp624-context-tools button:focus-visible{outline:3px solid color-mix(in srgb,var(--c) 26%,transparent);outline-offset:2px}.nsp624-context-tools{display:flex;align-items:center;gap:4px;margin-left:auto}.nsp624-context-tools button{border:0;background:transparent;color:var(--muted);font:800 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;border-radius:9px;min-height:34px;padding:0 8px}.nsp624-context-tools button:last-child{width:34px;padding:0;font-size:18px}.nsp624-context-tools button:hover{background:color-mix(in srgb,var(--c) 7%,transparent);color:var(--c)}.nsp624-context-loading{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.nsp624-context-loading i{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--c);border-radius:50%;animation:nsp624spin .8s linear infinite}.nsp624-context.is-leaving{opacity:0;transform:translateY(-4px);pointer-events:none}@keyframes nsp624spin{to{transform:rotate(360deg)}}
html[data-theme="dark"] .nsp624-context{--c:#83e3b0;--ink:#eef8f3;--muted:#a8bbb2;--line:#29453a;--card:#102019;background:linear-gradient(135deg,#11251d,#0d1c16);box-shadow:none}.nsp624-context-mark{color:#062116}html[data-theme="dark"] .nsp624-context-mark{background:#83e3b0;color:#062116}
@media(max-width:980px){.nsp624-context{align-items:flex-start;flex-wrap:wrap}.nsp624-context-main{flex:1 1 65%}.nsp624-context-actions{order:3;flex-basis:100%;padding-top:1px}.nsp624-context-tools{align-self:center}.nsp624-context-copy>small{max-width:none}}
@media(max-width:600px){.nsp624-context{margin:0 0 14px;padding:11px;border-radius:15px;gap:10px}.nsp624-context-main{min-width:0}.nsp624-context-mark{width:34px;height:34px;border-radius:10px}.nsp624-context-copy>small{display:none}.nsp624-context-pill{min-height:36px;padding:6px 9px}.nsp624-context-tools button[data-context-search]{display:none}}
@media(prefers-reduced-motion:reduce){.nsp624-context,.nsp624-context-pill,.nsp624-context-loading i{animation:none!important;transition:none!important}}
@media(forced-colors:active){.nsp624-context,.nsp624-context-pill{border:1px solid CanvasText}.nsp624-context-mark{background:Highlight;color:HighlightText}}