.rectangle-lesson{margin:30px 0 38px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#f4f9f5}.rectangle-lesson h2{margin:8px 0 14px;padding:0;border:0;font-size:clamp(1.45rem,3vw,1.9rem)}.rectangle-lesson h3{margin:0 0 12px}.rectangle-step{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.rectangle-step-number{display:inline-grid;place-items:center;width:29px;height:29px;margin-right:7px;border-radius:50%;background:#dcefe8;color:#12665f;font-size:.9rem}.rectangle-goals{padding-left:22px;font-size:.94rem;color:var(--muted)}.rectangle-controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px}.rectangle-field{display:flex;flex:1;min-width:150px;flex-direction:column;gap:5px}.rectangle-lesson label{font-weight:700}.rectangle-lesson input[type=number],.rectangle-lesson select,.rectangle-lesson textarea{width:100%;min-width:0;min-height:46px;padding:9px 12px;border:1px solid #9bbcb3;border-radius:10px;background:#fffdf8;color:var(--ink);font:inherit}.rectangle-lesson textarea{resize:vertical;min-height:110px}.rectangle-lesson button{min-height:46px;padding:10px 16px;border:1px solid #98bfb2;border-radius:10px;background:#fffdf8;color:#12665f;font:inherit;font-weight:750;cursor:pointer}.rectangle-lesson .rectangle-primary{background:#147d78;color:#fff;border-color:#147d78}.rectangle-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.rectangle-lesson :is(input,select,textarea,button,summary):focus-visible,.rectangle-scroller:focus-visible{outline:3px solid #cf9039;outline-offset:3px}.rectangle-lesson small{display:block;color:var(--muted)}.rectangle-model{margin:18px 0;padding:18px;border:1px solid #bdd9ce;border-radius:14px;background:#fffdf8}.rectangle-equation{margin-top:0;font-weight:800}.rectangle-scroller{max-width:100%;max-height:300px;overflow:auto;padding:8px 0}.rectangle-grid{display:grid;grid-template-columns:repeat(var(--columns),18px);gap:5px;width:max-content}.rectangle-dot{display:block;flex:none;width:18px;height:18px;border:2px solid #147d78;border-radius:50%;background:#8fd2c1}.rectangle-leftovers{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.rectangle-leftovers .rectangle-dot{background:#f6cf83;border-color:#9b641c}.rectangle-status{min-height:1.5em;font-weight:650}.rectangle-status p{margin:8px 0}.rectangle-pairs{display:flex;flex-wrap:wrap;gap:9px;padding:0;list-style:none}.rectangle-pairs li{margin:0;padding:7px 11px;border:1px solid #afd3c5;border-radius:9px;background:#fffdf8;font-weight:750}.rectangle-reflection label{display:flex;align-items:flex-start;gap:9px;margin:11px 0;font-size:.94rem;font-weight:500}.rectangle-reflection input{margin-top:6px;flex:none;accent-color:#147d78}.rectangle-lesson details{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:11px}.rectangle-lesson summary{cursor:pointer;font-weight:750}.rectangle-note{font-size:.86rem;color:var(--muted)}
html[data-theme=dark] .rectangle-lesson{background:#2e4549}html[data-theme=dark] .rectangle-model,html[data-theme=dark] .rectangle-pairs li,html[data-theme=dark] .rectangle-lesson :is(input[type=number],select,textarea,button){background:#3e585b;color:var(--ink);border-color:#7b9c92}html[data-theme=dark] .rectangle-lesson .rectangle-primary{background:#b0eedd;color:#1c3d3a}html[data-theme=dark] .rectangle-step-number{background:#4b7164;color:#e5fff1}html[data-theme=dark] .rectangle-dot{background:#93dfc8;border-color:#c9f6e9}html[data-theme=dark] .rectangle-leftovers .rectangle-dot{background:#f3c479;border-color:#ffe7b7}
@media(max-width:620px){.rectangle-lesson{padding:18px 14px;margin-left:-6px;margin-right:-6px}.rectangle-controls{flex-direction:column;align-items:stretch}.rectangle-field{min-width:0}.rectangle-lesson button{max-width:100%}.rectangle-model{padding:12px}.rectangle-lesson h3{font-size:1.1rem}}
@media print{.rectangle-lesson{display:none}}