/* whole-class course: small additions on top of the live course's app.css */
.wl-daf{color:var(--ink);font-size:13px;padding-top:20px;border-top:1px solid var(--line)}
.wl-note{margin:10px 16px 2px;padding:10px 12px;font:14px/1.45 var(--ui);color:var(--ink2);background:var(--panel2,rgba(255,255,255,.04));border-left:3px solid var(--acc);border-radius:2px}
.wl-tag{display:inline-block;font:600 12px/1.4 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--acc2,var(--acc));border:1px solid currentColor;border-radius:3px;padding:0 5px;margin-right:4px;vertical-align:1px}
.li.wl-skip{opacity:.5}
.wl-opt{margin-top:6px}
.wl-from{margin:0 0 10px}
.wl-ls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.wl-chip{min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:22px;background:none;color:var(--ink2);font:14px/1.3 var(--ui);text-align:left;cursor:pointer}
.wl-chip.on{border-color:var(--acc);color:var(--ink)}
.wl-msg{margin:8px 0 0;font:15px/1.4 var(--ui);color:var(--acc)}
.stoplist .sq[dir=rtl]{display:block;font-size:18px}