/* v44 Word Lab: student practice (dark lounge style) and the teacher Word Lab tab. */
.wl .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wl-wrap{max-width:900px;margin:0 auto;padding:20px 22px 60px}
.wl h1{font-family:Georgia,serif;font-size:36px;color:#fff3da;margin:6px 0 8px}
.wl h2{font-family:Georgia,serif;color:#fff3da;margin:0 0 8px;font-size:24px}
.wl-h2{font-size:22px!important;margin:22px 0 10px!important}
.wl-lead{color:#e3d4b2;margin:0 0 16px;font-size:16.5px}
.wl-note,.wl-hint{font-size:14px;color:#dccdaa}
.wl .wl-c{text-align:center}
.wl-card{background:#2a2012;border:1px solid #8a6a32;border-radius:18px;padding:22px;margin-bottom:16px}
.wl-today{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(135deg,#3a2c1c,#2a2012);border:2px solid #e0bd6f;border-radius:18px;padding:20px 22px;margin-bottom:16px}
.wl-today p{margin:4px 0 0;color:#e3d4b2}
.wl-path{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.wl-node{min-width:122px;text-align:center;border-radius:14px;padding:10px 10px 8px;border:2px solid #4a3826;background:#1a130c;color:#fff3da;text-decoration:none;display:block}
.wl-node b{display:block;font-size:14.5px}.wl-node small{display:block;color:#dccdaa;font-size:12.5px}
.wl-node em{display:inline-block;margin-top:4px;font-style:normal;font-size:11.5px;font-weight:800;background:#f0c96b;color:#2a1d0c;border-radius:99px;padding:1px 8px}
.wl-node.done{border-color:#58c08a}.wl-node.done small{color:#9fe0bd}
.wl-node.cur{border-color:#f0c96b;background:#3a2c1c;box-shadow:0 0 0 3px rgba(240,201,107,.2)}
.wl-node.lock{border-style:dashed;background:#16100a;color:#d8c8a6}.wl-node.lock small{color:#bfae8a}
a.wl-node:hover{border-color:#f0c96b}
.wl-games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wl-game{display:block;text-decoration:none;border:2px solid #4a3826;background:#1a130c;color:#fff3da;border-radius:16px;padding:16px}
.wl-game:hover{border-color:#f0c96b}
.wl-game b{display:block;font:700 19px Georgia,serif;color:#f0c96b}.wl-game span{font-size:14px;color:#dccdaa}
.wl-steps{display:flex;gap:6px;margin:12px 0 18px;padding:0;list-style:none;flex-wrap:wrap}
.wl-steps li{flex:1;min-width:110px;text-align:center;font-size:13px;font-weight:800;padding:6px 8px;border-radius:99px;background:#2a2012;color:#bfae8a;border:1px solid #4a3826}
.wl-steps li.on{background:#f0c96b;color:#2a1d0c;border-color:#f0c96b}
.wl-steps li.done{color:#9fe0bd;border-color:#2f6b4e}
.wl-learn{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wl-ex{background:#1a130c;border-radius:12px;padding:12px 14px;font:18px/1.5 Georgia,serif;color:#fff8ea}
.wl-ex small{display:block;font:14px system-ui,sans-serif;color:#dccdaa;margin-top:2px}
.wl-n,.wl-v,.wl-j,.wl-a{border-radius:6px;padding:0 4px;font-weight:700;color:#1d160a}
.wl-n{background:#d9f2d0}.wl-v{background:#f6d2ee}.wl-j{background:#ffe0a8}.wl-a{background:#c9e4ff}
.wl-trickbox{background:#123a2e;border:1px solid #2f6b4e;border-radius:14px;padding:13px 16px;margin-top:12px;color:#f2ede0}
.wl-trickbox b{color:#bff0d6}
.wl-heads{background:#3a1d18;border:1px solid #7a3d33;border-radius:12px;padding:10px 14px;margin:12px 0 0;font-size:15px}
.wl-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.wl-meta i{text-transform:none}
.wl-count{color:#f0c96b}
.wl-ask{font-size:21px!important;margin-top:8px!important}
.wl-sent{font:22px/1.75 Georgia,serif;color:#fff8ea;background:#1a130c;border-left:4px solid #e0bd6f;border-radius:10px;padding:12px 16px;margin:10px 0 14px}
.wl-sent mark{background:none;color:#f0c96b;font-weight:700;border-bottom:2px solid #f0c96b;padding:0}
.wl-hlw{color:#f6b6e6;font-weight:700}
.wl-w{border:0;background:none;color:inherit;font:inherit;padding:0 3px;border-radius:6px;border-bottom:2px dotted #8a6a32;cursor:pointer}
.wl-w:hover{background:#3a2c1c}
.wl-w.sel{background:#3a2c1c;outline:2px solid #f0c96b}
.wl-w.right{background:#173a2b;outline:2px solid #58c08a;color:#fff}
.wl-w.wrong{background:#3a1d18;outline:2px solid #e07a6a}
.wl-w.hl{color:#f6b6e6;font-weight:700}
.wl-w:disabled{cursor:default;color:inherit}
.wl-w:focus-visible,.wl-choice:focus-visible,.wl-bin:focus-visible,.wl-tile:focus-visible,.wl-wtray button:focus-visible,.wl-tabs button:focus-visible{outline:3px solid #f0c96b;outline-offset:2px}
.wl-blank{display:inline-block;min-width:110px;border-bottom:2px dashed #f0c96b;color:#f0c96b;text-align:center;font-weight:700}
.wl-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}
.wl-choice{text-align:center;border:2px solid #4a3826;background:#1a130c;color:#fff3da;border-radius:14px;padding:12px 14px;font-size:18px;font-weight:700;cursor:pointer}
.wl-choice small{display:block;font-weight:600;font-size:13px;color:#dccdaa}
.wl-choice[aria-pressed="true"]{border-color:#f0c96b;background:#3a2c1c}
.wl-choice.right{border-color:#58c08a;background:#173a2b}.wl-choice.wrong{border-color:#e07a6a;background:#3a1d18}
.wl-choice:disabled{cursor:default;opacity:1}
.wl-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.wl-row.wl-c{justify-content:center}
.wl-fb{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:16px;color:#f7f1e3}
.wl-fb.ok{background:#173a2b;border:1px solid #58c08a}.wl-fb.no{background:#3a1d18;border:1px solid #e07a6a}.wl-fb.info{background:#123a2e;border:1px solid #2f6b4e}
.wl-fb b{color:#fff}
.wl-xp{display:inline-block;background:#3a2c1c;color:#f0c96b;border-radius:99px;padding:2px 10px;font-weight:800;font-size:14px;margin-left:4px}
.wl-big{font-size:19px;margin:4px 0 8px}
.wl-dlg .wl-learn{grid-template-columns:1fr}
.wl-dlg h2{font-family:Georgia,serif}
/* Sort Rush */
.wl-rush{text-align:center}
.wl-hud{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#fff3da}
.wl-time{font:700 26px Georgia,serif;color:#f0c96b}
.wl-streak{color:#9fe0bd}
.wl-combo{display:inline-block;background:#f0c96b;color:#2a1d0c;border-radius:99px;padding:1px 9px;margin-left:6px;font-size:13px}
.wl-rcard{margin:18px auto;max-width:520px;background:#fffaf0;color:#2a1d0c;border-radius:18px;padding:24px 18px;font:28px/1.3 Georgia,serif;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .15s}
.wl-rcard b{background:#fff0c7;border-radius:8px;padding:0 6px}
.wl-rcard.go{transform:scale(.96)}.wl-rcard.shake{animation:wlshake .3s}
@keyframes wlshake{25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}
@media (prefers-reduced-motion:reduce){.wl-rcard{transition:none}.wl-rcard.shake{animation:none}}
.wl-bins{display:grid;gap:12px;max-width:640px;margin:0 auto}
.wl-bins.n2{grid-template-columns:1fr 1fr}.wl-bins.n4{grid-template-columns:1fr 1fr}
.wl-bin{border:3px solid;border-radius:18px;padding:14px 10px;font-weight:800;font-size:19px;cursor:pointer}
.wl-bin small{display:block;font-weight:600;font-size:13.5px}
.wl-bin.noun{background:#d9f2d0;border-color:#6bb35a;color:#173a12}
.wl-bin.verb{background:#f6d2ee;border-color:#c46fb0;color:#4a1440}
.wl-bin.adjective{background:#ffe0a8;border-color:#c99a3c;color:#3a2a10}
.wl-bin.adverb{background:#c9e4ff;border-color:#5d8fc4;color:#14304d}
.wl-why{min-height:28px;margin-top:10px;font-weight:700}
.wl-why.no{color:#ffb3a6}.wl-why.ok{color:#9fe0bd}
/* Word Forge */
.wl-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.wl-tabs button{border:2px solid #4a3826;background:#1a130c;color:#fff3da;border-radius:99px;padding:6px 14px;font-weight:800;cursor:pointer}
.wl-tabs button[aria-pressed="true"]{border-color:#f0c96b;background:#3a2c1c;color:#f0c96b}
.wl-tabs small{font-weight:600}
.wl-anvil{display:flex;align-items:center;justify-content:center;gap:6px;min-height:82px;background:#1a130c;border:2px dashed #6b5432;border-radius:16px;padding:10px;flex-wrap:wrap;color:#fff3da}
.wl-eq{font:700 24px Georgia,serif;color:#f0c96b;margin-left:10px}
.wl-tile{border:2px solid #e0bd6f;background:#fffaf0;color:#2a1d0c;border-radius:12px;padding:8px 14px;font:700 21px Georgia,serif;min-width:58px;cursor:pointer}
.wl-tile.pre{background:#e6f1ff;border-color:#7aa7d8}.wl-tile.suf{background:#ffe9e2;border-color:#d99282}.wl-tile.base{background:#fff6dc;font-size:25px;cursor:default}
.wl-tile small{display:block;font:600 11.5px system-ui,sans-serif;color:#4a3a1c}
.wl-tile[aria-pressed="true"]{box-shadow:0 0 0 3px #f0c96b}
.wl-tile:disabled{opacity:.45;cursor:default}
.wl-tray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.wl-found{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wl-found>span{background:#1a130c;border:1px solid #4a3826;border-radius:12px;padding:6px 10px;font:700 17px Georgia,serif;color:#fff3da}
.wl-chip{display:inline-block;border-radius:99px;padding:1px 8px;font:800 11.5px system-ui,sans-serif;font-style:normal;color:#2a1d0c;vertical-align:2px;background:#eee}
.wl-chip.noun{background:#d9f2d0}.wl-chip.verb{background:#f6d2ee}.wl-chip.adjective{background:#ffe0a8}.wl-chip.adverb{background:#c9e4ff}
/* Silly Sentences */
.wl-frame{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:center;font:700 26px Georgia,serif;color:#fff8ea;margin:8px 0 14px}
.wl-slot{min-width:128px;text-align:center;border-bottom:3px solid;padding:4px 6px 2px}
.wl-slot small{display:block;font:800 12px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.wl-slot.adjective{border-color:#c99a3c}.wl-slot.adjective small{color:#ffe0a8}
.wl-slot.noun{border-color:#6bb35a}.wl-slot.noun small{color:#d9f2d0}
.wl-slot.verb{border-color:#c46fb0}.wl-slot.verb small{color:#f6d2ee}
.wl-slot.adverb{border-color:#5d8fc4}.wl-slot.adverb small{color:#c9e4ff}
.wl-slot.next{background:#3a2c1c;border-radius:8px 8px 0 0}
.wl-wtray{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wl-wtray button{border:2px solid #6b5432;background:#fffaf0;color:#2a1d0c;border-radius:12px;padding:8px 14px;font:700 19px Georgia,serif;cursor:pointer}
.wl-wtray button:disabled{opacity:.35;cursor:default}
.wl-made{font:700 30px/1.3 Georgia,serif;color:#f0c96b;text-align:center;margin:10px 0}
@media (max-width:720px){.wl-games,.wl-learn,.wl-bins.n2,.wl-bins.n4{grid-template-columns:1fr}.wl h1{font-size:28px}.wl-wrap{padding:14px 12px 40px}.wl-sent{font-size:19px}.wl-node{min-width:0;flex:1 1 40%}}
/* teacher tab */
.wlt h2{margin:0 0 6px}
.wlt-head p{max-width:820px;color:#4b5853}
.wlt-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.wlt-stats div{background:#fffdf7;border:1px solid #e3d8bf;border-radius:14px;padding:12px 16px}
.wlt-stats b{font:700 26px Georgia,serif;color:#123a32;display:block}
.wlt-stats small{color:#4f5651}
.wlt-card{background:#fffdf7;border:1px solid #e3d8bf;border-radius:14px;padding:16px;margin-bottom:14px;color:#1f2a26}
.wlt-card h3{margin:0 0 8px;color:#123a32}
.wlt-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.wlt-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14px}
.wlt-form select{padding:7px 10px;border-radius:10px;border:1px solid #c9bb98;background:#fff;font:inherit}
.wlt-pick{margin:12px 0 0;border:1px solid #e3d8bf;border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px 16px}
.wlt-pick legend{font-weight:700}
.wlt-scroll{overflow-x:auto}
.wlt-grid{width:100%;border-collapse:collapse;font-size:14px}
.wlt-grid th,.wlt-grid td{padding:8px 6px;text-align:center;border-bottom:1px solid #eee3cc}
.wlt-grid thead th{font-size:12.5px;color:#4f5651}
.wlt-grid tbody th{text-align:left}
.wlt-c{display:inline-block;min-width:44px;border-radius:8px;padding:2px 6px;font-weight:800;font-size:13px}
.wlt-c.L{background:#d7efe2;color:#14563a}.wlt-c.P{background:#fbefd0;color:#6b4e12}.wlt-c.H{background:#f8d9d3;color:#8a2b20}.wlt-c.N{color:#5f655c}
.wlt-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13.5px;color:#4b5853;margin:8px 0 0}
.wlt-miss{border-left:5px solid #b84a41}
.wlt-miss ul{list-style:none;padding:0;margin:0}
.wlt-miss li{border-bottom:1px solid #eee3cc;padding:10px 0}
.wlt-miss li p{margin:2px 0}
.wlt-s{font-family:Georgia,serif;font-size:16.5px}
.wlt-s mark{background:#f6dd8f;padding:0 2px;border-radius:3px}
.wlt-rush{margin:10px 0 0}
@media (max-width:720px){.wlt-stats{grid-template-columns:1fr}}
/* v44.1: six student menu items (Word Lab added) fit on phones: full-width row, labels may wrap, Sign out moves up next to points */
@media (max-width:720px){.ap-bar .student-nav{width:100%;justify-content:space-between;gap:2px}.student-nav .ap-link{flex:1 1 auto;min-width:0;padding:8px 4px;white-space:normal;line-height:1.15;font-size:12px}.ap-bar .signout{order:1}}
@media (max-width:400px){.ap-bar .student-nav{gap:0}.student-nav .ap-link{font-size:11px;padding:8px 2px}}
@media (max-width:340px){.student-nav .ap-link{font-size:10.5px;padding:8px 1px}}
