:root{font-family:system-ui,sans-serif;color:#173d34;background:#f4f6f1;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 20px;background:#fff;border-bottom:1px solid #c5d6ce;position:sticky;top:0;z-index:2}h1{font-size:20px;margin:0}h2{font-size:18px;margin:0 0 10px}button,select,input[type=range]{min-height:44px;font:inherit}button,select{padding:8px 12px;border:1px solid #aabeb3;border-radius:7px;background:white;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover:enabled{background:#e3eee8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf7b20;outline-offset:2px}label{display:flex;gap:10px;margin:12px 0;align-items:flex-start}input[type=checkbox]{width:24px;height:24px;flex-shrink:0}p{margin:10px 0}.notice,#status{margin:10px 20px}.notice{padding:10px;background:#fff0cf;border-radius:6px}.small{font-size:13px;color:#4d655b}main{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:16px;padding:0 20px 20px}aside{max-height:calc(100dvh - 160px);overflow:auto}section{background:white;border:1px solid #cbd8cf;border-radius:10px;padding:16px;margin-bottom:14px}nav,.actions,.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}a{color:#165e50;min-height:44px;padding:8px;display:inline-block}iframe{width:100%;height:calc(100dvh - 300px);min-height:520px;border:1px solid #cbd8cf;border-radius:6px}.toolbar h2{margin:0 auto 0 0}.workspace{min-width:0}#research-seek{width:100%}#research-timeline{max-height:300px;overflow:auto;padding-left:30px}#research-timeline button{width:100%;text-align:left;margin:3px 0}#research-timeline button[aria-current=true]{background:#dceee5;border-color:#216450}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f5f0;padding:12px;max-height:230px;overflow:auto}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 10px 10px}aside{max-height:none;overflow:visible}header{position:static}iframe{min-height:650px;height:80dvh}.workspace{grid-row:1}.notice,#status{margin:10px}}

body[data-role=researcher] main{grid-template-columns:1fr}body[data-role=researcher] .workspace{max-width:1600px;width:100%;margin:auto}#preview-teacher{margin:0 0 12px}

#research-teachers,#research-sessions{display:block;width:100%;max-width:100%;margin:10px 0;overflow:auto}#research-teachers{max-height:280px}#research-sessions{max-height:140px}#research-labels{max-width:100%}#research-empty{padding:12px;background:#fff5df;border-radius:8px}#research-panel{max-width:1300px}#research-timeline{max-height:32dvh}

/* Stable two-choice header language selector. */
header .rgf-language{margin-left:auto;order:5;gap:4px;flex-wrap:nowrap}.rgf-language button{min-width:44px;min-height:44px}.rgf-language button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:4px;box-shadow:inset 0 0 0 2px #285f48}@media(max-width:480px){header{gap:6px;padding:8px}header #role-heading{max-width:calc(100% - 150px)}header .rgf-language{order:1}header #identity,header #sign-in,header #sign-out{order:2}.rgf-language button{font-size:13px;padding:8px}}