.ex-page{grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;gap:28px;padding-top:32px;display:grid}@media (max-width:920px){.ex-page{grid-template-columns:minmax(0,1fr);gap:14px}}.ex-brief{align-content:start;gap:14px;display:grid}.ex-crumb{color:var(--faint);font-size:13.5px}.ex-crumb a{color:var(--muted);font-weight:500;text-decoration:none}.ex-crumb a:hover{color:var(--accent)}.ex-brief h1{letter-spacing:-.03em;font-size:clamp(26px,3vw,32px);line-height:1.1}.ex-intro{color:var(--muted);font-size:15.5px}.syntax{border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.syntax summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;list-style:none;display:flex}.syntax summary b{color:var(--accent)}.syntax p{padding:0 14px 12px;font-size:14.5px}.task{border:1px solid var(--marker);border-radius:var(--r);background:var(--marker-tint);padding:16px;font-size:15.5px}.task small{font:650 11.5px/1 var(--f);letter-spacing:.07em;text-transform:uppercase;color:#8a6a0a;margin-bottom:8px;display:block}.thread{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.msg{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;display:grid}.msg-who{background:var(--accent);color:#fff;width:26px;height:26px;font:700 13px/1 var(--f-mono);border-radius:8px;place-items:center;display:grid}.msg[data-tone=ok] .msg-who{background:var(--ok)}.msg[data-tone=bad] .msg-who{background:var(--bad)}.msg[data-tone=hint] .msg-who{background:var(--marker);color:var(--ink)}.bubble{background:var(--tint);border-radius:4px 12px 12px;padding:10px 13px;font-size:14.5px;line-height:1.5}.msg[data-tone=ok] .bubble{background:var(--ok-tint);color:#0d5c35}.msg[data-tone=bad] .bubble{background:var(--bad-tint);color:#8f2019}.msg[data-tone=hint] .bubble{background:var(--marker-tint)}.msg-me{grid-template-columns:minmax(0,1fr);justify-items:end}.msg-me .bubble{background:var(--surface);border:1px solid var(--line);max-width:85%;font:500 13.5px/1.45 var(--f-mono);overflow-wrap:anywhere;border-radius:12px 4px 12px 12px}.done{border-color:var(--ok-line);background:linear-gradient(var(--surface), var(--ok-tint));gap:12px;padding:16px;display:grid}.done-acts{flex-wrap:wrap;gap:8px;display:flex}.save-note a{color:var(--accent);font-weight:600}.done-acts a[aria-disabled=true],.ex-solved a[aria-disabled=true]{opacity:.6;cursor:progress}.ex-solved,.ex-status{border:1px solid var(--ok-line);border-radius:var(--r);background:var(--ok-tint);color:var(--ok);margin:0;padding:10px 12px;font-weight:600;display:none}.ex-solved a{color:var(--accent)}.ex-status{border-color:var(--bad-line);background:var(--bad-tint);color:var(--bad)}.ex-status[data-tone=hint]{border-color:var(--marker);background:var(--marker-tint);color:var(--ink)}.ex-status-go{font:inherit;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ex-work{gap:12px;min-width:0;display:grid;position:sticky;top:88px}.ex-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ex-acts{gap:8px;display:flex}.legend{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legend-target{background:var(--marker-tint);border:1px solid var(--marker);border-radius:3px;width:14px;height:14px}@media (max-width:920px){.ex-brief{display:contents}.ex-work{order:2;position:static}.ex-solved,.ex-status{display:block}.thread,.done,.save-note{order:3}}.locked{justify-items:start;gap:10px;padding:20px;display:grid}.locked-acts{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.sheet-static{overflow:auto}
