/* SciSim "For teachers" panel (v=20261018a) — see /assets/js/teacher.js */
#tp-nav,#tp-panel .tp-in{display:contents}
#tp-pill{float:right;margin:-3px 0 -3px 10px;padding:3px 11px;border-radius:999px;background:#ecfdf5;border:1px solid #34d399;color:#065f46;font:700 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Inter,sans-serif;cursor:pointer}
#tp-pill:hover{background:#d1fae5}
#tp-pill:focus-visible{outline:2px solid #059669;outline-offset:2px}

@media (max-width:560px){#tp-pill{padding:3px 8px;margin-left:6px}#tp-pill .tp-l{display:none}}

html.tp-lock{overflow:hidden}
#tp-shade{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100000;opacity:0;visibility:hidden;transition:opacity .2s}
#tp-shade.on{opacity:1;visibility:visible}
#tp-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;overflow-y:auto;overscroll-behavior:contain;background:#0f1a1f;color:#e8f5f2;z-index:100001;box-shadow:-12px 0 40px rgba(0,0,0,.5);border-left:1px solid #1f3a40;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
#tp-panel.on{transform:none;visibility:visible}
#tp-panel *{box-sizing:border-box}
#tp-panel .tp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #1f3a40;position:sticky;top:0;background:#0f1a1f;z-index:1}
#tp-panel .tp-t{font-size:17px;font-weight:700;line-height:1.3}
#tp-panel .tp-sub{color:#8fb3ad;font-size:12.5px;margin-top:2px}
#tp-panel .tp-x{background:none;border:0;color:#8fb3ad;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
#tp-panel .tp-x:hover{color:#fff}
#tp-panel .tp-sec{padding:14px 18px;border-bottom:1px solid #1a2f35}
#tp-panel .tp-sec:last-child{border-bottom:0}
#tp-panel .tp-k{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#5eead4;margin:0 0 10px;text-transform:uppercase}
#tp-panel .tp-link{display:flex;gap:14px;align-items:center}
#tp-panel .tp-qr{width:112px;height:112px;flex:none;border-radius:8px;background:#fff;padding:4px;display:block}
#tp-panel .tp-url{font:700 19px/1.2 'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;color:#fff;margin:0 0 8px;word-break:break-all}
#tp-panel .tp-b{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:8px 12px;font-weight:700;font-size:13.5px;line-height:1.25;font-family:inherit;border:1px solid #2b4a50;background:#16262b;color:#e8f5f2;cursor:pointer;margin:0 6px 6px 0;text-decoration:none}
#tp-panel .tp-b:hover{border-color:#5eead4}
#tp-panel .tp-b:focus-visible,#tp-panel .tp-x:focus-visible,#tp-panel .tp-steps a:focus-visible{outline:2px solid #5eead4;outline-offset:2px}
#tp-panel .tp-gc{background:#1e8e3e;border-color:#1e8e3e;color:#fff}
#tp-panel .tp-ms{background:#4b53bc;border-color:#4b53bc;color:#fff}
#tp-panel .tp-tpt{background:#f2a33a;border-color:#f2a33a;color:#1a1200;margin:0}
#tp-panel .tp-ok{font-size:12.5px;color:#5eead4;min-height:1em}
#tp-panel .tp-steps{margin:0 0 10px;padding-left:20px;font-size:14px;line-height:1.5;color:#cfe5e0}
#tp-panel .tp-steps li{margin:0 0 4px}
#tp-panel .tp-steps a{color:inherit;text-decoration:none}
#tp-panel .tp-steps a:hover{text-decoration:underline}
#tp-panel .tp-steps b{color:#fff}
#tp-panel .tp-card{display:flex;gap:12px;border:2px solid #f2a33a;border-radius:12px;padding:10px;background:rgba(242,163,58,.07)}
#tp-panel .tp-card img{width:76px;height:76px;flex:none;border-radius:7px;object-fit:cover;object-position:top}
#tp-panel .tp-ct{font-weight:800;font-size:13.5px;line-height:1.3;margin:0 0 8px}
@media (max-width:560px){#tp-panel{width:100%;border-left:0}#tp-panel .tp-qr{width:96px;height:96px}#tp-panel .tp-url{font-size:17px}}

#tp-full{position:fixed;inset:0;background:#fff;z-index:100002;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vh 3vw;font-family:'DM Sans',system-ui,sans-serif;color:#111;cursor:pointer;text-align:center}
#tp-full img{width:min(62vh,80vw);height:min(62vh,80vw);image-rendering:pixelated}
#tp-full .tp-fu{font:800 clamp(28px,7vw,72px)/1.1 'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;margin:2.5vh 0 1vh;word-break:break-all}
#tp-full .tp-fn{font-size:clamp(15px,2.6vw,26px);color:#333}
#tp-full .tp-fx{margin-top:2.5vh;border:1px solid #bbb;background:#f4f4f4;border-radius:9px;padding:8px 16px;font-weight:600;font-size:15px;line-height:1.2;font-family:inherit;color:#222;cursor:pointer}
@media print{#tp-pill,#tp-panel,#tp-shade,#tp-full{display:none!important}}
/* 18 Oct 2026: embed code, results, email */
#tp-panel .tp-note{font-size:12.5px;line-height:1.45;color:#a9c7c1;margin:4px 0 6px}
#tp-panel .tp-note a{color:#5eead4}
#tp-panel .tp-ok2{font-size:12.5px;color:#5eead4;min-height:1em}