[hidden]{display:none!important}.groups{display:flex;gap:.6rem;flex-wrap:wrap}.groups button[aria-pressed=true],#tasks button.current{background:#006b78;color:white}#tasks{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.5rem}#tasks button{text-align:left;font-size:.9rem;line-height:1.4;min-height:64px}#tasks small{display:block}#task{margin-top:1.5rem}.sheet{position:relative;width:100%;max-width:820px;margin:1rem auto;background:white;border:1px solid #cbdfe4}.sheet img{display:block;width:100%;height:auto}.sheet canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sheet.paint canvas{pointer-events:auto;touch-action:none;cursor:crosshair}#pen[aria-pressed=true]{background:#006b78;color:white}#options{display:flex;gap:.6rem;flex-wrap:wrap}#options label{display:flex;align-items:center;gap:.5rem;border:1px solid #a8c4cb;border-radius:.5rem;padding:.7rem 1rem;cursor:pointer;background:#f5fafb}input[type=radio]{width:1.2rem;height:1.2rem}fieldset{border:1px solid #b2cad0;border-radius:.6rem;padding:1rem;margin:1rem 0}legend{font-weight:bold}form>label{display:block;font-weight:bold;margin-top:1rem}form>button{margin-top:1rem}.feedback{font-weight:bold;min-height:1.6rem}.feedback.ok{color:#17643c}.feedback.retry{color:#953628}#solution{border-top:3px solid #007b87;margin-top:1rem;padding-top:1rem}#solution img{display:block;width:100%;height:auto;max-width:820px;margin:1rem auto;border:1px solid #ccdce0}.reading pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.reading{margin:1rem 0}summary{cursor:pointer;font-weight:bold}button:disabled{opacity:.55;cursor:default}#task-title:focus{outline:none}footer{overflow-wrap:anywhere}@media(max-width:600px){header,main,footer{padding:1rem}.intro{padding:1rem}#tasks{grid-template-columns:1fr 1fr}#tasks button{font-size:.8rem;padding:.5rem}.tools{gap:.4rem}.tools button,.tools a{font-size:.85rem}#options{display:grid;grid-template-columns:1fr 1fr}}@media print{@page{size:A4;margin:8mm}header,footer,main>:not(#task),#task>:not(h2):not(.sheet),#drawing{display:none!important}#task{border:0;padding:0;margin:0}#task h2{font-size:14pt;margin:0}.sheet{border:0;max-width:177mm;margin:0 auto}.sheet img{max-height:265mm;object-fit:contain}}

.simple-text{background:#eef7f8;border-left:5px solid #007b87;padding:1rem 1.3rem;margin:1rem 0}.simple-text h3{margin-top:0}#simple-copy{white-space:pre-line;line-height:1.8;max-width:72ch}@media print{#task>.simple-text:not([hidden]){display:block!important}.simple-text{break-inside:avoid}}