/* v30 placement screener */
.scr-page h1{margin:4px 0}
.scr-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;background:#f4eddd;color:#2b2a22;border:1px solid #b3a17c;border-radius:18px;padding:18px 24px;margin:10px 0 16px}
.scr-head .h-kick,.scr-result>.h-kick{color:#7a5410}
.scr-head h1{color:#24372f;font-size:30px}
.scr-head p{margin:0;color:#3b3a2e}
.scr-head-btns{display:flex;gap:8px;flex-wrap:wrap}
.scr-say{color:#e8ddc0;margin:0 0 12px}
.scr-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.scr-word{background:#fbf7ee;color:#231c13;border:2px solid #d7ccb3;border-radius:14px;padding:12px}
.scr-word.made-up{border-style:dashed;border-color:#7a5410;background:#f6ecd4}
.scr-w{font:700 30px/1.2 Georgia,serif;text-align:center;margin:4px 0}
.scr-word small{display:block;text-align:center;font-size:12px;color:#5f5a48;margin-bottom:6px}
.scr-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.scr-code{font:700 14px/1.2 system-ui,sans-serif;min-height:44px;border-radius:10px;border:2px solid #9aa58c;background:#fff;color:#243e33;cursor:pointer}
.scr-code.c-X{border-color:#b9867a;color:#7a2a1d}
.scr-code.on{background:#24543f;border-color:#24543f;color:#fff}
.scr-code.c-X.on{background:#9b2f22;border-color:#9b2f22;color:#fff}
.scr-code:focus-visible{outline:3px solid #c19b49;outline-offset:2px}
.scr-extra{margin:18px 0;max-width:320px}
.scr-extra h3{color:#f3e3be;margin:0 0 4px}.scr-extra p{color:#e8ddc0;margin:0 0 8px}
.scr-next{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:18px 0}
#scr-tally{color:#f0e3c5;font-weight:700}
.scr-key{color:#e8ddc0;max-width:760px}.scr-key summary{cursor:pointer;color:#f2c14e}
.scr-big{background:#fbf6ea;color:#231c13;border-radius:18px;padding:24px;text-align:center}
.scr-big p{font-size:18px;margin:0 0 16px}
.scr-big-row{display:flex;flex-wrap:wrap;gap:18px 28px;justify-content:center;margin:22px 0}
.scr-big-row span{font:700 clamp(34px,6vw,64px)/1.2 Georgia,serif;background:#fbf6ea;color:#231c13;border:3px solid transparent;border-radius:14px;padding:8px 18px}
.scr-big-row span.made-up{border:3px dashed #7a5410}
.scr-result h1{color:#24372f}.scr-result h2{color:#24372f;font-size:20px;margin:20px 0 6px}
.scr-placed{font-size:20px}
.scr-change{margin:10px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.scr-change select{font:15px/1.3 system-ui,sans-serif;padding:7px 9px;border-radius:8px;border:1px solid #9aa58c;background:#fff;color:#243e33;max-width:100%}
.scr-cell{display:inline-block;margin:2px 4px 2px 0;padding:2px 7px;border-radius:7px;font-size:14px}
.scr-cell.ok{background:#e1efe5;color:#1d4a2d}.scr-cell.miss{background:#f7dfd9;color:#7a2a1d}
.scr-cell small{font-size:11px;font-weight:700}
.scr-fine{font-size:13px;color:#5f5a48}
.teacher-dialog .scr-fine{color:#d6cba9}
.scr-steps{line-height:1.5;padding-left:20px}
.teacher-dialog .scr-steps li{color:#e8ddc0}
.dt-scr-hint{font-size:14px}
.teacher-dialog .dt-scr-hint{color:#e8ddc0}
.teacher-dialog .dt-scr-hint .linkbtn{color:#f2c14e;background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
/* student */
.scr-student{text-align:center}
.scr-student h1{font-family:Georgia,serif;color:#f6e7c6;margin:20px 0 8px}
.scr-s-lead{font-size:20px;color:#f2e6cf;max-width:720px;margin:10px auto}
.scr-s-note{color:#dccdaa;max-width:620px;margin:14px auto}
.scr-student .h-kick{display:block;margin-top:16px}
@media(max-width:600px){.scr-row{grid-template-columns:1fr 1fr}.scr-w{font-size:24px}.scr-codes{grid-template-columns:1fr}}