body{font:16px/1.5 system-ui,sans-serif;margin:0;background:#fff;color:#111}
main{max-width:720px;margin:0 auto;padding:16px}
button{font:inherit;padding:10px 16px;margin:4px 4px 4px 0;cursor:pointer}
.task{border-top:1px solid #ccc;padding:14px 0}
.task img{max-width:100%;height:auto;display:block;margin:8px 0}
.imgs{display:flex;flex-wrap:wrap;gap:8px}
.imgs figure{margin:0;flex:1 1 200px}
.imgs figcaption{font-size:13px;color:#555}
input.ans{font:inherit;padding:8px;width:12em;max-width:100%}
.bar{background:#eee;height:14px;margin:2px 0 10px}.bar i{display:block;height:14px;background:#2a7}
.code{font:700 22px monospace;background:#f3f3f3;padding:10px;display:inline-block;user-select:all}
.muted{color:#666;font-size:14px}.root{font-weight:700}
table.t{border-collapse:collapse;width:100%}
table.t td{padding:4px 6px;border-top:1px solid #eee;vertical-align:top}
details{margin:6px 0}summary{cursor:pointer;font-weight:700}
.badge{font-size:12px;padding:1px 6px;border:1px solid #bbb;border-radius:8px;white-space:nowrap}
.k{background:#e3f6e8}.g{background:#fde4e4}.p{background:#fff3d6}
input.code{font:20px monospace;padding:8px;width:14em;max-width:100%;text-transform:uppercase}
.steps li{margin:6px 0}
@media print{button,.noprint{display:none}details>*{display:block}}
.q button{padding:2px 8px;margin:0 2px;font-size:14px}