.task-panel,.task-decision,.task-next{margin:32px 5%;padding:28px;border:1px solid #cbd1be;border-radius:8px;background:#f8f7ef}.task-panel h2,.task-decision h2{font-size:clamp(23px,2.8vw,36px);letter-spacing:-.7px;line-height:1.2}.task-panel p,.task-panel li,.task-decision p,.task-next p{line-height:1.75;max-width:85ch}.task-decision{display:grid;grid-template-columns:1.8fr 1fr;align-items:center;background:#eaf0df}.task-decision img{width:100%;height:auto}.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:18px 0}.task-actions>a:not(.button){display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.task-panel label{display:grid;gap:7px;margin:12px 0;font-size:13px}.task-panel input:not([type=checkbox]):not([type=range]),.task-panel select,.task-panel textarea{min-width:0;width:100%;padding:12px;border:1px solid #bac4aa;border-radius:4px;background:#fffdf7;color:#263729;font:inherit;font-size:16px}.task-panel textarea{min-height:100px}.task-panel button:not(.button){padding:11px 16px;border:1px solid #8b9c7c;background:#f1f2e8;border-radius:4px;color:#263729;font:inherit;cursor:pointer}.task-panel button:disabled{opacity:.45;cursor:not-allowed}.task-panel details{padding:15px 0;border-bottom:1px solid #d4dac8}.task-panel summary{cursor:pointer;font-weight:600}.task-panel [hidden]{display:none!important}.mixed-envelope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mixed-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mixed-objects fieldset{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;border:1px solid #c5cfb8;border-radius:5px}.mixed-objects fieldset label:first-of-type{grid-column:1/-1}.mixed-objects fieldset label:has(input[type=checkbox]){grid-column:1/-1;display:flex;align-items:center}.mixed-objects fieldset button{grid-column:1/-1}.mixed-previews{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.mixed-previews svg,.mixed-previews canvas{width:100%;height:auto;display:block}.mixed-previews figure{margin:0}.mixed-previews figcaption{margin:0 0 16px}.divider-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.divider-controls label{padding:15px;background:#eaf0df;min-width:0}.divider-controls input[type=range]{width:100%}.comparison-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:370px;overflow:auto;padding:14px}.comparison-picker label,.task-checklist label{display:flex;align-items:flex-start;gap:9px}.task-checklist input,.comparison-picker input{flex:0 0 auto}.variant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.variant-list article{padding:18px;border:1px solid #cbd1be;min-width:0}.variant-list a,.variant-list button{display:block;margin:12px 0}.cavity-diagram{max-width:800px;margin:25px 0}.cavity-diagram svg{width:100%;height:auto;background:#edf0e3}.cavity-diagram figcaption{font-size:12px;line-height:1.6}.task-toc{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.task-next{background:transparent}.task-panel td,.task-panel th{vertical-align:top;min-width:120px}.task-panel input:focus-visible,.task-panel button:focus-visible,.task-panel select:focus-visible,.task-panel summary:focus-visible{outline:3px solid #b85c2d;outline-offset:3px}.task-panel a{overflow-wrap:anywhere}.task-panel pre{overflow:auto}input[type=checkbox]{width:18px;height:18px;accent-color:#375333}
@media(max-width:800px){.task-decision,.mixed-previews{grid-template-columns:1fr}.task-decision img{max-width:350px}.comparison-picker{grid-template-columns:1fr 1fr}.mixed-objects{grid-template-columns:1fr}}
@media(max-width:500px){.task-panel,.task-decision,.task-next{margin:24px 4%;padding:18px}.mixed-envelope,.divider-controls,.variant-list{grid-template-columns:1fr}.mixed-objects fieldset{grid-template-columns:1fr 1fr}.comparison-picker{grid-template-columns:1fr}.task-actions{align-items:stretch;flex-direction:column}.task-panel .table-scroll{max-width:100%;overflow:auto}.task-panel button{min-height:44px}}

.numbered-parts .article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.numbered-parts figure{margin:0;min-width:0}.numbered-parts img{display:block;width:100%;height:auto}.numbered-parts figcaption{font-size:13px;line-height:1.65;margin-top:12px}.task-panel th img{display:block;margin-top:12px}

.task-panel h3,.task-panel p,.task-panel li,.task-panel figcaption,.task-decision p{overflow-wrap:anywhere}